$.mobile.pageContainer.pagecontainer("change", url, {reloadPage}) is not removing the existing page?
if i do $.mobile.pageContainer.pagecontainer("change", "somepage.php") and sompage's data-dom-cache="true" and has a page div id="myid" now go back to the from page, "#myid" is in the dom because data-dom-cache="true" now do $.mobile.pageContainer.pagecontainer("change", "somepage.php", {reloadPage:true}) from my understanding, this should remove the contents of "#myid", basically do $("#myid").empty() and put the new content into "#myid", but jqm does not empty "#myid" instead it inserts another
is there a data-reload or data-reloadPage on a link?
since the $.mobile.pageContainer.pagecontainer("change", url, {reload:true}) or {reloadPage:true}, does a link have a similar attribute?
internal page navigation with data-dom-cache="true" or "false"
when i have a multipage jqm application, does it make a difference if the attribute data-dom-cache is set to true or false when navigating between pages of the same document? i looked at the dom, that div is never removed from the page. so data-dom-cache is only significant when navigating to an external page. am i right or wrong? thanks for your thoughts.
is it a bug? $.mobile.pageContainer.pagecontainer("change", url, {reload:true});
have anyone notice this? according to the documentation for version 1.4.2 reloadPage (default: false) Type: Boolean Note: This property is deprecated as of jQuery Mobile 1.4.0 and will be removed in 1.5.0. Use property reload instead. Whether to force a reload of the page even when it is already in the DOM. Used only when the 'url' argument is a URL. but with reload:true, it does not force a reload only when {reloadPage:true}, reload will be forced.you can test it to load a url (in my case, just
How can I do scalable images in IExplorer and Firefox as the Responsive Web Design suggested?
Using the "max-width" property doesn't work for IE an Firefox, but it does for Chrome. I am not interested in the reason of that, but in a solution, a way to simulate these property if I have an image inside a table that I want to be resize if the width of the table changes.
first tab content not displaying by default
Hello all Forum Members, I am using Jquery version 1.7.1 on my webpage. I have several div's on my webpage. In each div, there is one tab container containing 3-4 tabs. on link click, I am displaying only one div at a time. Problem, I am facing is that first tab content not displaying by default. Code I am using: $(document).ready(function () { //Hide all content $(".tab_content").hide(); //Activate first tab
Wow SLider issues
HI, This is prachi. I have used wow slider animation but it's not working in Internet Explorer 9 and 8 . Can Someone Help me
New To jQuery and Mobile App Dev. Need Recommendations
I want to build a car parts interchange app. Basically I want the app to allow the user to select three fields from drop down menues: year, model, and part, then perform the search against a database and then I want it to return "This part is interchangeable with: (list all of the cars the part interchanges with). What I need to know is: 1. Is this possible to use drop down menus for search queries against a dataase? 2. Is it possible to have it so that the app database is stored locally on the
how to clear browsing history?
i have an index.php (all page divs are with data-dom-cache='true') as a multipage document. the first page is a div "#index", and other internal page divs. but from it people can go to other pages (not interval to index.php). when people go back to "#index" (from a page not internal to index.php), href="#index" is not going to work since other pages are external and not fetched through ajax. so I set href="index.php". since all the page divs in index.php are with data-dom-cache="true", clicking on
Problem with taphold and click on same element
I need a click event on a 'A' element buttonified to do one thing But if the user longpress (taphold) the same A, another thing must happens. The problem is that after taphold is triggered, and user leave the finger, the click event is fired. I tryied event.stopImmediatePropagation() but without luck. How to resolve this ?
Popup not styled
Hello, I've a problem when I click on my button for opening the popup dialog. Actually, the popup doesn't accept data-theme="a", data-theme="b", data-theme="c",...I'm obliged to use css style with "background-color:#4b88b6;" and also, the button 'OK' is not styled with JQuery mobile. Do you have a solution ? Thank you <script> $(document).on('pageinit', function (event) { $("#connectionFacebookBtn").on("click", function (event) { $("#dialog1").popup(); $("#dialog1").popup('open');
Maintain scroll position on div when return to page
I have a div in the center of my webpage that contains a table the scrolls horizontally, the table is built in jquery and you simply scroll left to right. The column titles are the links, so that when a category ios click you go to a new page that contains all the documents in that column but htis time you can click to view them. What Im trying to do is then when they click to return to the page, I woudl like the scroll bar to return to the position it was in. Start of output from source code <div
jQuery to activate all div title tags
Hi, How can we activate all the child div title attribute using "mouseenter" event on the parent div? Normally one has to hover individually on each and every div to see the title attribute. Thanks Zia
Quick Search (Hide Headers)
I'm a bit lost on how to do this. So basically I have a page with a search bar and some cards with countries and addresses in it. And these cards are grouped according to continents <div class="find-content"> <div class="left"> <h1> Asia </h1> <div class="cards"> <p>Singapore</p> <p>Some Address St. Singapore 12345 </p> </div> <div class="cards"> <p>Malaysia</p> <p>Some Address St. Malaysia 12345 </p> </div>
Better Date Handling - Calendar or Something
Hi, I am fairly new to javascript, but I get the basic syntax and how to add it to html pages. I am looking for a solution to record dates and then automate some, if not all of the handing of 1) an event page and 2) date display within a newsletter. 1. For the event page: a I add them and manually remove them at www.ilovemylaser.com/gatherings.html. b I create a registration button which takes people to web page, generated in another software, infusionsoft. c And I make a link to a flier (made in
jQuery Conflict
Hi, This is jQuery files is conflict with each other one is not working because of another file, please help me in this matter. <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/interface.js"></script> <script type="text/javascript"> $(document).ready( function() { var standalone = window.navigator.standalone, userAgent = window.navigator.userAgent.toLowerCase(), safari = /safari/.test( userAgent ), ios = /iphone|ipod/.test( userAgent );
jquery event propogation problem
Hi, first time poster here and jQuery rookie, can anybody help me with this problem? Everything works correctly until I try and add the click event on productList function. The productList click event is instead firing on the page load instead of when I click the .product element (so instead of displaying a larger version of the product, it cycles through the array of images that are returned from the ajax request. $.ajax({ type: "GET", url: "db/products-for-scrolling.json", data: data, success:
Question about autoComplete
I am using autoComplete to obtain records from my database. I have implemented its use in about 30+ modules. But I just came across a use that is totally something different. In one table I have over 30k records of individuals. Separate fields for Last and First names. Initially, I just put the autoComplete on the last name. But then I realized that if I enter 'Smith' I only get the first 15 of the Smiths with no way to see the remaining available. I suppose what I would need to do is use some sort
How to block movement of tr in jquery sortable ?
Hello I am using jQuery sortable to sort my table. see my structure <table id="sortable"> <tr class="not"><td>Elements</td</tr> <tr><td>I am first</td</tr> <tr><td>I am second</td</tr> <tr><td>I am third</td</tr> </table> my jquery is <script> jQuery('#sortable tbody').sortable({ update: function(event, ui) { }, cancel: '.not' }); </script> Here I can move the <tr><td>I am first</td</tr> <tr><td>I am second</td</tr>
Popup window at the right corner Jquery plugin
Hello everybody! Somebody knows how can I create a popup window at the right corner like this: http://eloquentparaplanning.com/ I think there must be a plugin, but I cannot find it! Thank you for your help. By the way, this is my first post, nice to meet you all! And sorry for my English :)
setTimeout() not working when window.location... is next line in code
The following code is intended to: 1. update() a MySql database -- update() 2. update the values in an account form -- retData() 3. display success message for 2 seconds -- successMsgShow() 4. return to same page to repeat as necessary -- window.location ... PROBLEM: If window.location.href="AccountRevise.html?recId="+recId+"&company="+company; is commented out the time delay part of successMsgShow() works as expected with a 2 second delay..
Javascript problem, I am stuck [P.S. I am planning to covert this to jQuery, please help]
Hi Gurus, I have this problem that I was not able to solve for many hours already. So, I decided to post this issue on this forum: 1. I would like to come up when I click the link "change order", all the order column should show the textbox with the order value. 2. I would like to come up when I change the order value, it should not accept duplicate like 2 and other one is 2 too. Javascript code so far: function showChangeCompositeSectionOrderForm(rcsoID) { getElement('changeCompositeSectionOrder_'
Input element with multiple values
<input id="ctl00_PlaceHolderMain_RadButtonMango_ClientState" name="ctl00_PlaceHolderMain_RadButtonMango_ClientState" type="hidden" value="{"text":"Mango","value":"Mango","checked":true,"target":"","navigateUrl":"","commandName":"","commandArgument":"","autoPostBack":true,"selectedToggleStateIndex":0,"validationGroup":null,"readOnly":false}" autocomplete="off"> How can we find the value for checked in this case it's true
Retrieve Values From ASP.NET Listview
Would very much appreciate help. New to jQuery... I have a webpage developed using VS 2010 in ASP.NET/C#. The page contains a ListView where I'd like to be able to DoubleClick on a row and use the values on that row as selection criteria for another ListView (on a separate page). I've searched for some way of doing this but always seem to hit a dead-end. As stated above I'm new to jQuery and need help not only with the jQuery but also some guidance on how to integrate the code with ASP.NET. Thanks,
Replacing panel widget with Snap.js
Does anybody know how to set up Snap.js in jQuery Mobile? I'm trying to migrate from the jQuery Mobile panel widget (which has major scroll issues), but it doesn't seem to want to work at all: http://jsfiddle.net/frank_o/vZBzD/3/ In comparison here's a working version without jQuery Mobile: http://jsfiddle.net/frank_o/5X4K9/5/ Thanks! Frank
Page navigation using form select menus
Good to you all I like to create a form with lists in which whenever a user selects/click an option it will navigate to the page selected. i have tried it but not working, how can i go about it Thank you
Problems with JQuery (Box2D) - Sound on collision
Good afternoon fellow JQuery users. My group at University and I are trying to create an interactive site using box2d and sound on collision. So far we have this: <!DOCTYPE html> <html> <head> <title>Remediation</title> <link rel="stylesheet" type="text/css" href="../2014-05-21-jquery-box2d/css/main.css"> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> </head> <body> <img src="img/img1.png" alt="Background Image One" width=100% height=100%>
What is the event when a select list is closed ?
Hi, does someone know what is the event whit which I can detect when a select list is closed ? thank you all, because I just can't find this
jquery .change after first call ajax
Hello all, (sorry if my english is bad ) i try to pass my code from a frame developpement to a div after a first call ajax jquery on change not work then in frame it's working i load a first time my page when click on the menu. function menu_displaycentre(zoneid,url) { parent.document.getElementById(zoneid).innerHTML ='Please Wait...'; new Ajax.Updater( zoneid, url, { method:"get" } ); return false; } after select i select a personnage
[jquery] Onmouseover Opacity Layer except selected block (overlay)
I want when onmouseover on particular section to put an OPACITY #fff 0.2 layer on everything except the selected class i.e. table Similarly as you have: .tableHighlight:hover{background-color:#eee} <table id='table-main' class='tableHighlight'> ... but inversed (puts layer on everything else, but not the table itself) --- http://jsfiddle.net/LYcm9/1/
jQuery or CSS issue?
See http://www.slingsbymaps.com/newsite/maps.aspx When a browser window is made very small, and a user then hovers over the left green bar, this bar expands behind the centre green area. How can I get it to go on top of that centre green area? And is this even a jQuery issue? Maybe it's a CSS issue. Not sure. Tx, Mart
Eddinting Datas on DB
Hi everybody , i need a simple code who makes editting of datas possible on the same page like this but only a simple file http://phpgrid.com/wp-content/uploads/2012/07/fileupload_edit.png Thank you
How get the value of a input text using prev() and val() method?
Hi everyone Im trying to get a value of a input type text. im used the val() method. I apply this method with a selector based in the location of the input text, using the prev() method. In the var $curr i have the selector of the input text. In the next line i put the $curr var in red. This confirm that its the correct selector of the input text. In the next line i trying to get the value but with $curr doesnt works. When i change this line for $('#TextFromInput').text($( ".test" ).val()); (using
Collapsible attributes disappear after trigger('create')
Hello, all, I'm very new to jQuery and jQuery Mobile. I try to load some data from an external database and show each row in a collapsible, but it doesn't work even when I replace the dynamic data with static html. What I'm trying is this: On my page I have: <div id="tableContents"> </div> In JS I do: $(document).ready(loadData); and loadData does this: $( "#tableContents" ).load( 'some.html', '#table' ); $('#tableContents').trigger('create'); And some.html contains: <div id="table" data-role="collapsible"
[SOLVED] Butttons don't hover after bind/unbind "mouseenter" and "mouseleave" functions
Hello everybody :) I need some help with my menu buttons. I have nice looking 3 buttons menu with fade effects + swaping PNG transparent images. But I have some problem with bind/unbind "mouseenter" and "mouseleave" functions. On the beginning everything works fine, hover is working on every element. After click button1 it's ok too - this button displays active image and hover functions are disable for only this button - that's what I wanted. Of course hover functions working on others: button2 and
vendor is undefined
i m using jquery 1.10.2 for datepicker. but it shows error TypeError: vendor is undefined
Having problem with side panel
Hi all, I've to creat a sliding sticky side panel. I've written some code I want my side panel should be appear and disappear onClick and also I want to change css onClick check it now http://jsfiddle.net/mNE5w/ Thanx in advance
Remove <p> tag from <p><img>
Hey everyone, How can I remove a p tag from an <img> tag? I have this: <p><img ...></p> So the <p> tag should be removed from any instances on the page... Tx, Borrie
Can one dropdownlist manipulate the other ?
I'm trying to build a seat reservation site for a theater (school project) and what I want to achieve is following: I have a first dropdownlist (row) which is generated through PHP. There are 12 rows named from A-L. Each row has a 12 seats. I get data from the database which row/seat combo is not available and I want to remove those seats ( second dropdownlist ) that correspond with the associated row. I succesfully grab the unavailable row/seat combo from a MySQL database using PHP and I return
Datapicker just flashes out
I am trying to show a second datepicker after selected a date on the first one, but the second one just flashes out. You can see my code here: http://jsfiddle.net/weksley/FuC8s/4/ How can I fix it? Thanks.
Next Page