During transition between html files in jquery mobile a blank page is showing
Hello , I built a Jquery mobile application where I used only data-transition attribute to link a html page to another one.The issue is that I faced some problems when i reach the page that I am linking to: the format is messed up. However if I add the rel="external" attribute to the anchor tag I reach the html page I want to go to with a good format. The problem is the last solution for the first problem creates another problem which is the data-transition attribute will be automatically disabled
Selects will not open a dialog on only one page
I have a multi-page document in which I have several dynamically populated selects, and although the source appears identical between each of them, only one pages items does not open the <a href="#ddlName" > dialog. The dialog href is properly named and all other items I could check against working examples seem consistent. However for these broken large selects - Instead the dialogs appear over the current page and I can read the text of and interact with the buttons in the page as if
How to align an image left in Header (jQuery Mobile)
Hi all, I'm designing a jQuery Mobile site, and I want an image as a header, but when I insert an image, the image is center aligned, and cut off. How can I set the image to be left aligned to show everything? My coding: <div data-role="header"> <br/> <br/> <br/> <h1><img src="/images/Inligting.jpg" width="202" height="104" style=" overflow:visible; float:left" align="left"/></h1> </div> Please help me! :)
Can you disable the slider keyboard events?
I've put a slider on a page. This page uses the right and left arrow keys for a predefined function. When sliding, the handle is left selected, so when right or left are pressed, the slider moves as well. I've tried using preventDefault() and blurring the handle, but neither work.
Issues with accordion in Internet Explorer 10
I am using jQuery accordion for some sections of my website and recently upgraded my browser to IE 10 and started noticing a weird issue with accordions while they collapse. Please see the attachments when its expanded and collapsed. These lines disappear when we click on that area. Any help would be appreciated. Regards, -SK
Options that are dynamically set to 'disabled' via jQuery are not working in JQM
Hello. I am utilizing the following code as part of my JQM application: <script type="text/javascript"> $(function () { var selects = $('select.magic-select'); $(selects).bind('change', function (evt) { var newVal = $(this).val(), oldVal = $(this).data('old-val'); if (newVal != 0) { $(selects).not(this).find('option[value="' + newVal + '"]').attr('disabled', 'disabled'); } $(selects).not(this).find('option[value="' + oldVal + '"]').removeAttr('disabled'); $(this).data('old-val', newVal); }); });
transform update
Hi Guys, I have a some dummy css for IE9 like this: -ms-transform: rotate(0deg) skewX(0deg) skewY(0deg); I'm trying to update it with this: var skY = 10; $('.vppersp').css({"-ms-transform": "rotate(-5deg) skewX(-5deg) skewY(-skY + 'deg')", 'letter-spacing': -lsp + 'px'}) The -ms-transform isn't being updated - what am I doing wrong? Thanks, Bill
jQuery Mobile and phonegap Localization
Hello, I have a Jquery Mobile application wrapped in phonegap. I am using JQM 1.3.1 with jquery 1.9.1 and Phonegap 2.1.0. This is a crossplatform application. There is a requirement to implement Localization ( Internationalization or Globalization ) for this application. I will have to have a button that will allow the change in the Language used by the application, say, from English to French or Arabic etc. I found that the datebox plugin can to configured to display date and time in any language.
Script to uncover div
He, I have this example code <div id="leveltwoget"> <div id="TWO-A"><br /><br /> <input type="checkbox" name="a[]" value="a">a<br /><br /> <div class="hide" id="three-TWO-A"> <input type="checkbox" name="a[]" value="b">b<br /> <input type="checkbox" name="a[]" value="c">c<br /> <input type="checkbox" name="a[]" value="d">d<br />
Checkbox Array, checking the checkbox based on the value
I am using a combination of PHP and jQuery on this multipage form. I am storing the variables in the PHP Session, so if the user decides to go back a page, the values are filled in. I can get the Select element and text elements to cooperate, but my checkbox array is causing me difficulty. PHP code to create checkbox array originally on the page: <? $sql2 = 'SELECT s.index, s.date, s.meetName, s.location FROM schedule s
Dragging Multiple Table Rows and Reordering Table
I am new to JQuery and UI. I have a requirement to allow the selection of multiple table rows and the ability to drag and drop them to a different part of the same table. Upon which, the date fields are automatically recalculated. I picked up JQuery rather quickly and have written the recalculation features. Now I must tackle the drag/drop functionality. I've found countless examples using any combination of the following: Draggable, Droppable, Sortable, Selectable. Sortable seems to incorporate
change variable on click (jQuery)
Hello, I'm trying to change the date background color "on-click" This is my function for the buttons. If I check the console.log it is working fine; (datesOne and datesTwo are defined in a sting) var caldates = ""; $('.button-one').click(function () { var caldates = datesOne; console.log(caldates) -------> it is giving me the correct info in my console }); $('.button-two').click(function () { var caldates = datesTwo; console.log(caldates) -------> it is giving me the correct info
nth child selector
Hi all, I have the following and would like to target every 3rd "frame class". ive tried $("#gallery .thumbs a .frame:nth-child(3n)")but I think 'm not understanding the nested divs correctly. <div id="gallery"> <span class = "portfolio_heading"> <p>portfolio/nature</p> </span> <div class="thumbs"><a href="?page=botanical"><div class = "frame"><img src="images/thumbs/botanical_thumb.jpg" /> <div class="title"> <h3>botanical</h3> </div></div> </a></div> <div
The Internet Explorer progress bar continues to increase when an attached behavior is dynamically inserted in a page
I'm having this problem: http://support.microsoft.com/kb/320731/en-us when i use this code: jQuery("button, input[type=button],input[type=submit]").button(); It's the document ready code.
JqueryUI Slider disable dragging and allow click on ui-slider
My purpose is: Allow user click on slider and ui-handle will jump to that point and i can get value at that point, but do not allow user dragging the ui-handle. In my code below, i trying to return false at slide function of slider to prevent user drag but i can not click on slider, second method that i use is set disabled to true and then i can not do anything on slider. Please give me some suggestion. Thanks in advance ! $('.bar_blue', slide).slider({ step: 0.001, max: 100,
Display sharepoint list to preformatted excel sheet when clicked on button using JSON ,javascript or Jquery
I have a sharepoint list which i want to export to preformatted excel sheet when clicked on a button. I want JSON values of list to be converted to Excel sheet.However I tried below mentioned code but in new window page was blank and we were getting tags in URL part. <div id="exportToExcel"> <table> <tr> <th>Col1</th> </tr> <tr> <td>row1</td> </tr> <tr> <td>row2</td> </tr> <tr> <td>row3</td> </tr> </table> </div> <input type="button" id="btnExcel" value="Export to Excel" /> Jquery
Real time input box updater like phpmyadmin table.
Will you please help me how to make the real time table update like the php myadmin Please help.. Like this. Help Guys.
De-serialize a sortable
Hi, anyone know an easy way to deserialize a jQuery sortable? I have serialized a set of div's using sortable's toArray and serialize methods, and now (on page load) need to re-sort the div's according to this array. ~gilbert
Reading this value
I have a div called 'item' that is output dynamically by jQuery. There may be any number of 'item' divs. Each 'item' has a checkbox and a span that has in it the itemID of the item itself. This image will explain it all. In the example above, the div 'searchresults' can have any number of div/item in it. What I'd like do to is have a 'click' function on the checkbox that reads the itemID from the span at the bottom. The click event bit is easy. $('.chkReorder').live('click', setReorderFlag);But once
jQuery Mobile and Phonegap Localization
Hello, I have a Jquery Mobile application wrapped in phonegap. I am using JQM 1.3.1 with jquery 1.9.1 and Phonegap 2.1.0. This is a crossplatform application. There is a requirement to implement Localization ( Internationalization or Globalization ) for this application. I will have to have a button that will allow the change in the Language used by the application, say, from English to French or Arabic etc. I found that the datebox plugin can to configured to display date and time in any language.
Click event is Firing only at first time
I am having problem with jquery-1.9.1.min.js. This is simple task, it dynamically add and remove textboxes using click event, If i use jquery-1.9.1.min.js it only fires at first time see the demo http://demo.smarttutorials.net/check/sample1.html but if i use jquery-1.4.1.min.js the task works fine, http://demo.smarttutorials.net/check/sample.html What's is the problem with my below coding <script src='jquery-1.9.1.min.js'></script> <div id="advice" style="width: 300px; height: auto;"> <p>Advice
live working but not on()
Hi, I am using this line below $('.pagination ul li a').live('click', function (e) { which works fine. But with latest jQuery version, live is not supported, I need to switch to use 'on' event. I tried: $('.pagination').on('click', 'ul li a', function (e) { which didn't work. How to proceed further with this. Can any one explain me ?
multiple ajax success callback defer
In my javascript, I have the following scenario: call_A(success_A) call_B(success_B) fucntion call_A(success){ // make ajax request success(result) } function call_B(success){ //make ajax request success(result) } function success_A(){ //set data to be used by success_B } function success_B(){ ..do some stuff } I want to make both call_A and call_B one after the other so that ajax calls are made (to save time). I do not have the option for changing call_A and call_B function headers,
jquery mobile popup passing query string
I am using jquery mobile. Is it anyway pass querystring to jquery mobile popup. <a data-transition="flip" href="PostingDetails.cshtml/' + item.PostingID + ' <div data-role="popup" id="loginpopupMenu" data-history="false" data-position-to="window" data-history="false" data-ajax="false" class="ui-content"> @RenderPage("~/Account/Login.cshtml?PostingID=") </div>
Changing the text in a hyperlink?
Hi, I am trying to change the text in a link. I have managed it with the following code on a button, $('#sauce .ui-btn-text').text('freestyle'); <a href="#home_page" id="sauce" class="ui-btn-right" data-theme="b">Save</a> but on the second use the button loses it styling? Can anyone help?
submit an image by ajax
Another question for you ... Here there is the code complete: http://jsfiddle.net/LQN43/1/ I need to submit some data by ajax to a file php ... all so ok for the text bu not for the image ... i have this code HTML <label>Name:<label><input class="name" /><br> <label>Surname:<label><input class="surname" /><br> <input type="file" class="selectImage" id="selectedImageFile" /><br> <div style="border:1px solid; width:100px; height:100px"> <img id="uploadPreview" style="width:100%"/> </div> JQUERY
whole form progress bar
Hi Community, I am trying to implement a form with progress bar displaying the processing level I am using the ajaxForm plugin here: http://malsup.com/jquery/form/ This plugin have nice feature that supports progress bar of file upload. While my form have many post process after file upload. I was wondering how to monitor the whole form instead of just file uploading with this plugin? Thanks.
How to show specific banner when the value of the cart changes?
Hello, I am a beginner and have need of a great help. I want to know how I can do this using jquery, a certain banner appears only when the value of the cart is "x". Eg - Banner 5% discount appears when the value of the cart is between $ 1 and $ 999. - Banner 10% discount appears when the value of the cart is between $ 1,000 and $ 1,999 ... I need to know how can I do so that the banner appears only when the value is changed in the cart! obs.: I'm referring to the shopping cart of an e-commerce course!
Submit an image by ajax
Another question for you ... Here there is the code complete: http://jsfiddle.net/LQN43/1/ I need to submit some data by ajax to a file php ... all so ok for the text bu not for the image ... i have this code HTML <label>Name:<label><input class="name" /><br> <label>Surname:<label><input class="surname" /><br> <input type="file" class="selectImage" id="selectedImageFile" /><br> <div style="border:1px solid; width:100px; height:100px"> <img id="uploadPreview" style="width:100%"/> </div> JQUERY
Can I force a key to be held down when clicking a link?
Is there a way I can prevent a link from working unless a specific key is held down?
How to show/hide a switch?
When activating a switch, I need to put another switch visible this is my code: <script> $('#page1').on('pagechange', function() { $('#youthere').change(function(){ var slider_value = $(this).val() if(slider_value == "on") { //activate 2° switch } else { //desactivate 2° switch } }); $('#active').change(function(){
Why does my first function work but not the second one?
I am new to web development with jquery. I am trying to figure out why my first function works but my second one does not. <script type="text/javascript"> $(function () { $("#<%=ctlInHandDate.ClientID %>").datepicker(); }); $(function () { $("#<%=ctlSpecialRequest %>").change(function () { alert("here"); }); }); </script>
Incorrect instruction for building jQuery
I followed by this HOWTO link to build jQuery on my machine (Win 2008R2 x64), but when it comes to executing cd jquery && npm installit throws me the following exception in Bash cmd line: $ cd jquery && npm install module.js:340 throw err; ^ Error: Cannot find module '\\node_modules\npm\bin\npm-cli.js' at Function.Module._resolveFilename (module.js:338:15) at Function.Module._load (module.js:280:25) at Function.Module.runMain (module.js:497:10) at startup (node.js:119:16)
Cookies plugin
Is there any tutorial about jquery cookies? Im creating a mobile apps using javascript,html css and jquery mobile and having a web service SOAP..Thanks for those who will help..
site search function
Hi, how can i change the site search with my options??? Is there a way to read out the <li> stuff from a seperate file??? Wich files i ONLY need for a working sitsearch like that??? thanks a lot Heiko
jQuery Autocomplete won't work with integers?
Here's the JSON I'm getting from the PHP and mySQL code: [{"label":"1001","value":"1001"},{"label":"1002","value":"1002"}, {"label":"1003","value":"1003"},{"label":"1004","value":"1004"}] It doesn't autocomplete or send JSON when typing "1", "10", or "3", but it will when typing "a", "t", "o" or "q" Anyone have suggestions on this? I tried casting to a string, no luck. Thanks
Creating a Modal Popup Using javascript Window.Open
Hi, how to make a popup opened using 'Window.open' appear as Modal,just like showmodaldialog.I can use showmodal dialog.beacuse i have some functionality using 'Window.opener'.If I use showmodal dialog above mentioned line will give and my functionality will not work. I am using a page which have a master page and content place holder. My Req: I want to make a popup window opened using window.open to appear as modal. Please help me
Getting A JQuery Dialog To Automatically Change Size To Fit A Message
I am trying to use a jQuery dialog box to replace the standard confirm() as much as is possible. I'm almost there, but I would like to reuse the code below throughout my web app and for that I need the jQuery dialog box to change its size to fit the message. When I've tried setting height:auto or width:auto, the dialog disappears, showing only the message ( or maybe it is the dialog box taking over the whole screen ). I tried this in combination with setting maxWidth and maxHeight to no avail. This
parseJSON issue - invalid json
Hello, I am trying to parse json using parseJSON but continually get an error stating Invalid Json. I have validated what I am passing along to parseJSON using http://jsonlint.com/ and it says it is valid so I am not certain what the issue is. Here is my json: [{"CATALOG_ID":1054,"SERIAL_NUMBER":"A8GT11001 \u0026 Above","ACTIVE_DATE":"08/12/2011","INACTIVE_DATE":null}] Anyone have any ideas? The error that I get when I run this through parseJSON() is Invalid JSON. Thanks.
Scroll Images up and then over lap them on top of each other
Hello quick question, i want to create an effect where the images scroll up the page and then get fixed at the top, when they reach the top they get stacked on top of each other sort of like this http://denicler.eu/en/lookbooks/2 ive set my z indexes on my images so when they reach the top they get stacked but cant seem to fix the images to the top when they reach it.. got this so far any help would be great... $(document).ready( function() { $(window).scroll( function() { if ($(window).scrollTop()
Next Page