Checkbox icon disappear in 1.3.0
I've change my old js and css JM files with newest, color theme was also downloaded from themeroller... After that checkboxes "checked" icon disapered. Any other icons are fine, also all icons back colors are Ok. Is it some JM bug or I just did something wrong? In my project linked two css files: jquery.mobile.structure-1.3.0.css, themes\grey.css and two js files: jquery-1.6.0.js and jquery.mobile-1.3.0.js
Draggable - Sortable between Parent and iframe - absolute position offset
I'm dragging and dropping objects from a parent page into an iframe, everything works ok except that there is an offset on the iframe target where the object needs to be dropped. I'm guessing this is caused by the idvs that contain the draggable objects and the iframe being positioned absolute. I've prepared an example here: https://dl.dropbox.com/u/6312959/iframe/index.html Thanks in advance for your help.
internal mail client ala gmail.
Interested developing / contributing to a jQM mail client. Please let me know of any progress to date. I use jQM for a number of mobile sites and need an internal mail client ala gmail. Best JC
How change page with javascript?
Hello, i'm Daniel from Mendoza, Argentina. I have one multipage site. I want to load an internal page from a function. .... function test(){ if ($("id").val()==1) { //load page2 ???????????????????????????? }else{ alert('Error'); } .... <div data-role="page" id="page"> <div data-role="header" data-position="fixed"> <h1>Simulador AVL</h1> </div> <div data-role="content"> <div id="controles"> <input type="text" name="ip" id="id" /> </div> </div> <a href="" data-role="button"
validate select data-role="slider" with jQuery
Hello, I would need some help with a jQuery validation for my mobile web site (jQuery mobile + Asp.NET). I´ve got a jQuery validation for my register form (developed in asps.net) and it worked fine untill I included a select data-role="slider" on the form. <label for="accept_conditions_flip">Swap Centre Active:</label> <select name="accept_conditions_flip" id="accept_conditions_flip" data-role="slider"> <option value="0">No</option> <option value="1">Yes</option> </select> I don't know how
removeClass ---- addClass --- when onClick in effect
I have a web page that has a UL and LI and on the LI entries I have the class='memList' - I also have a jquery method $(".memList").ondblclick..... when the web page is first displayed things work perfectly.... Now, there I also have some code, which also works, that will perform a removeClass("memList") and then addClass("memListSelected") so the user can no longer double click on the item... I can see the HTML getting modified in FireBug - so changing the class name works also... Problem,
Return table TR ID
Hi, My table is: <table id="yourtable"> <tr> <th width="14%">Date/Time</th> <th width="16%">Show</th> <th width="25%">Comment</th> <th width="15%">Response</th> </tr> <tr id="1202154"> How can I reference the ID of the tr when a button is clicked, in this case button clicked id = 1202154 Thanks
ajax request
Hey Guys, I'm having a problem with ajax-calls in my jquery-mobile application. I'm doing an ajax call like $.ajax({ url:SOMEURL, Origin: "*", dataType: 'json', success:function(data){ alert(data); }, error:function(xhRequest, ErrorText, thrownError) { console.log('xhRequest: ' + xhRequest + "\n"); console.log('ErrorText: ' + ErrorText + "\n"); console.log('thrownError: ' + thrownError + "\n"); alert("Could not
possibility in jquery to create a graph and draw line on the graph when a user select a point in any quadrant Q1, Q2, Q3, Q4
Hi Everyone, I have a requirement to create a plane graph with X,Y ranges and need to draw lines on it. When a user clicks on (2,4) and (4,8) it should draw a line between these points. Please suggest how can I achieve this. Thanks & Regards, PJ.
JQuery UI Dialog
Dear Sirs, I have web page that displays many graphs. The user has to click a button to view the graph. My JQuery UI Code is shown below $(function() { $(".graph_1, .graph_2, .graph_3, .graph_4") .dialog({ autoOpen: false, height: 254, width: 420, show: "blind", hide: "explode", buttons: { Close: function() { $(this).dialog("close"); } } }); $(".view_graph_1").click(function() { $(".graph_1").dialog("open"); }); $(".view_graph_2").click(function()
Collapsible blocks for a newbie!
I'm brand new to mobile development, our mobile site has recently been created for us and it looks great. I have been adding content on a daily basis and getting used to the mobile layout. One thing I would now like to add are collapsible, accordion blocks for a page which has 3 sections. So I looked at all the downloads available and went for this one Zip File: jquery.mobile-1.3.0.zip (JavaScript, CSS, and images) This gives me numerous css and js files. So from the jmobile site I added the following
Parallax jQuery scrolling speed.
Hello all; I've started tinkering around with Parallax scrolling sites, using jQuery to power the animation, and I'm having trouble finding exactly where I can alter the speed of the scrolling. Has anyone got any tips/used this before? The template I'm using is here: http://webdesign.tutsplus.com/tutorials/complete-websites/create-a-parallax-scrolling-website-using-stellar-js/ Any help would be hugely appreciated.
UI and Plugin for RSS Feeds Reader
Hi All, Wanted to know if there is any JQuery Mobile Compatible RSS Feeds Reader for Mobile / Tablets. Please suggest. Regards, Anurag
How to set 100% div width in jquery cycle plugin
Hi, please help.. http://stackoverflow.com/questions/15876364/how-to-set-100-div-width-in-jquery-cycle-plugin
Trigger click not woking in safari
this is my jquery script <script type="text/javascript"> var spConfig = new Product.Config(<?php echo $this->getJsonConfig() ?>); jQuery("#amconf-images-150").css("display",""); function select_dd_watts(div_id) { var volage_btn = div_id; div_id = div_id.split("-"); var attr_id = div_id[1]; jQuery(".watts-text").css("color","#fff"); jQuery(".watt-class").css("color","#fff"); jQuery(".watts-div").css("background","#000");
Datepicker requiring page refresh to operate after first operation - what do I need to reset ?
I'm using Datepicker on an input field , eg: <input type='text' name='next_send' class='DateInputField' value='18-APR-2013' maxsize='15' size='15'> The DIV is (re)loaded by a jQuery load() call, ie: $("#results").load(g_cgi + "?action=SDIeditForm&NoticeID=" + l_NoticeID, function () { $('.DateInputField').datepicker({ dateFormat: 'dd-M-yy', minDate: '-1m', maxDate: '+2y' }); } ); The first time I go to the page, the Datepicker
Drag and Drop in Frameset.
Hi EveryOne. I have frameset and I need to drag a div from frame1 to frame2. Please suggest. The following is my sample code. ---------CODE----- Maint.html <frameset cols="40%,40%" frameborder="0" border="0" framespacing="0"> <frame id="frame1" width="350" height="700" src="page1.html" frameborder="0" style="z-index:100;"></frame> <frame id="frame2" width="350" height="700" src="page2.html" frameborder="0" style="z-index:-100;"></frame> </frameset> --------Page1.html-------- <script type="text/javascript">
how to get the current reference in jQuery
means that $ and jQuery are two basic reference in jquery. some change the reference $jq=jQuery.noConflict(); and other one can change the $jqLib=jQuery.noConflict(); please tell me how to get the current reference in jquery. which function give the what is the current reference in jquery.
I want to use Droppable interaction with Sorting.
I want to use Sorting Interation with Droppable Interaction. There is one requirement in which i want a set of images to be droppable into trash or reorder in a sequence. I am able to do so but only 50%, in reordering case if i drop an element then it appends to gallery. This is the main problem, its appending the droppable image. What i did is: in the droppable case twp li are there one is gallery and second one is trash, so becomes droppable by the line: accept("#trash li"), in this i added accept("#trash
Any way to create a range effect for the progress bar
Hello, Im looking to create a progress bar with ranges. Is there any way to specify, for instance, 10% - 30%, and 50%-75%? Where the bar would appear segmented. Thank You
How to do $.getJSON when datepicker changes value?
Hi I am trying to send a ajax request to set cookies and once the cookies are set then reload the page. I need this request to be automatically sent as soon as the user select a date from the datepicker. I have tried the following code but it does not work. thanks for your help :) <script> $(function() { $( '#scheduledOn' ).datepicker({ showOn: "button", buttonImage: "images/calendar.gif", buttonImageOnly: true, changeMonth: true, changeYear: true, onSelect: function() { $.getJSON("ajax/cookies_handler.php",
Selector Question
Hello All, I am wondering if someone could explain to me what is going on in this code: var xmlDocPath='business_courses.xml'; $.get(xmlDocPath,function(data){ $('course',data).each(function(){ // Code to be executed } } Specifically I am not understanding the selector $('course',data). What is it selecting? I do not see this form of the jQuery selector anywhere online. Is it selecting all of the "course 'elements in the XML document? If so why is it that I cannot display
Call another jquery plugin whenever a plugin is called
I have 3 jquery plugins - fixheadertable, jqTransform and facebox. Whenever fixheadertable plugin is called other two plugins are not working. So i have to call those two plugins after each call of fixheadertable. This is happening because fixheadertable recreates the table rows whenever i sort or use pager. So the plugins used in those table rows are not working. The important thing is jqTransform and facebox should be applied only inside the table where fixheadertable plugin is applied. Otherwise
Jquery Tree menu with different context menu item
I have created Tree View with context menu in following structure CCA CCA2007 NIC2007 NICSubCA 2007 TCS2007 TCSSubCA 2007 CCA20011 NIC2011 NICSubCA 2011 TCS2011 TCSSubCA2001 This is my tree structure.For the above tree view menu i need create context menu with different menu item. for example if user right click on CCA2007 or CCA20011 Context menu should be displayed
jQuery Tree View with Context Menu
I have created Tree View with context menu in following structure CCA CCA2007 NIC2007 NICSubCA 2007 TCS2007 TCSSubCA 2007 CCA20011 NIC2011 NICSubCA 2011 TCS2011 TCSSubCA2001 This is my tree structure.For the above tree view menu i need create context menu with different menu item. for example if user right click on CCA2007 or CCA20011 Context menu should be displayed
Using a jQuery Flip Toggle Switch for submitting two different status informations for the control of a relais
Hi I like to use a jQuery flip toggle switch to submit two status informations to control the two status of a relais. Instead of using: <input type=submit name=relais=RELAIS1_ON onclick="relais1_on()"><br><br> <input type=submit name=relais=RELAIS1_OFF onclick="relais1_off()"><br><br> I like to us a jquery flip toggle switch, to switch on and off a relais. Does anybody know, how to to programm this? Thanks in advance for any help All my best Thomas
Issue with drawing array of images using Jquery's drawImage method.
I have a problem with jQuery's drawImage method. I'm trying to draw five cards to a canvas and wanted to do so with a javascript array object. I thought I could populate my five cards to the screen with an array object. The script doesn't error out but the cards aren't drawn to the screen. When I do modify the method with a tag like img1 = new Image() and refer to that in the drawImage method it works just fine and will draw one card. Is my syntax wrong or am I going about it the wrong way. Help
Help fading element in on scroll down and fade it out when scroll up has reached scrollTop
I am trying to fade an element, #topNav, in when the scroll-bar goes down and then fade it out when the scroll-bar goes up and reaches the scrollTop. With this code, it fades in on scrollDown and when it hits the top. $(document).ready(function(){ function scrollFunc(e) { if ( typeof scrollFunc.x == 'undefined' ) { scrollFunc.x=window.pageXOffset; scrollFunc.y=window.pageYOffset; } var diffX=scrollFunc.x-window.pageXOffset; var diffY=scrollFunc.y-window.pageYOffset; if(diffX<0){
Drag and Drop only works the first time
I've created a drag and drop screen wtih JQuery where you can change the order of 8 images. If you drag image 8 over image 7, then 8 and 7 are switched. However, when I drag 8 over 7 again, nothing happens (it should switch 7 and 8 back to the beginning). It looks like the HTML is not getting refreshed after the first time - the from and to values are the same as the first drag. A secondary problem is that after the first (successful) drag and drop, the next time the values are returned in
CSS Bug (and solution) in navbar
Hi. This always happened (since old versions) and I always fixed by removing horizontal scrollbar with java (for android apps and using phonegap layer for jqm) but today I tried to fix it in CSS. In the navbar, if you have "a" elements (buttons) and if you have odd elements (lets say 3), the width in the last "a" element is always longer than the parent container, causing the browser to show an ugly horizontal scrollbar when touching and dragging inside the page, as shown in http://tinypic.com/r/eivb0l/6
When and how are ajax calls cleaned up after they are completed?
Hi, I noticed that if I pass a context object to the $.ajax function, that object will never be released, even after the ajax call has completed. For example, in the following code, object 'a' is never destroyed because the 'callbackcontext' object kept a reference to it. The same applies to the callback functions passed to the ajax call as well. I used Chrome's heap snapshot tool to check the existence of objects. It seems unnecessary to keep those callback functions and callbackcontext objects
feature request: debounced resize event
People designing responsive sites drag their windows wide and narrow like mad accordionists! But Doing this without debouncing the resize event can causes chaos in the console. So I use a debounced resize event on almost every single page I ever design. Louis Remi's longstanding solution: https://github.com/louisremi/jquery-smartresize is a good candidate for canonization into core, in my humble opinion, possibly streamlined slightly. It's not a "plug-in" really, it's a abstraction to resolve a persistent
Active state disables link action.
Hi all, I have a function that sorts property listings, however when I add my active states through jQuery I loose the functionality (the page doesn't change or do anything). I assume I have to have a change var url function but Im not sure how to apply this to my code. I have included my php and jQuery below. I truly appreciate any help. Thanks in advance! <?php foreach( array('desc'=>$main_floor_master) as $asc_desc => $asc_desc_name ) { echo '<a class="filter-checkboxes"
File uploader - multiple instances issues
Hi there, I've been trying to implement a few file uploader packages in a dynamically loaded format, with a potentially unknown number of them on a page. I'm currently working with this one: http://nghiadh.info/blog/html5-drag-and-drop-and-xhr-upload-34.html I have tried tricks I've read about like using ^= in getelementbyid and also "\\S*" to ensure that the relevant div id is used by the javascript but I've had no success. I've also tried adding a class name to each div and using the getelementbyclass
A problem where page URL contains "?"
Hi all! I' m developing www.jettmesaj.com mobile site. I have a problem: where URL of page contains question mark, in the tab content area loads whole this page again by same URL without "?" and parameters after it. This happens after any tab button clicking too.
Microsoft JScript runtime error: 'jQuery' is undefined
Hi, Please find below code. My this code is giving error "Microsoft JScript runtime error: 'jQuery' is undefined" when I am debugging in Visual Studio. <script src="Scripts/jquery-1.9.1.min.js" type="text/javascript"></script> <script type="text/javascript"> jQuery(function ($) { // simple jQuery validation script $('#login').submit(function () { var valid = true; var errormsg = 'This field is required!'; var errorcn
drag and drop sortable list
<ul class="mysortable list"> <li id="1">Item 1</li> <li id="2">Item 2</li> <li id="3" >Item 3</li> </ul> Hi I have drag and drop sortable list.When drag and drop Item 1 with item 2.They swap postion. i want the text of id 1 after is been swapped with id 2. I have tried alert( $("#1").text()); but this prints out Item 1. I want it to print out Item 2. which is the new text content of id 1. Thanks in advance.
how include predefined data either as db or local storage, ready when app run for first time
how in a jquery mobile phonegap app include database kind data,... I know only to create db and make the user add to it, but I do NOT know how include predefined data either as db or local storage, ready when app run for first time...?
ToggleClass?
Hey All!! I just started using jquery, and i have the following question. I've got the following HTML: <div class='payment_options closed'> <input id='payment1' name="payment_type" value="1" type="radio" /> </div> <div class='payment_options closed'> <input id='payment2' name="payment_type" value="1" type="radio" /> </div> <div class='payment_options closed'> <input id='payment3' name="payment_type" value="1" type="radio" /> </div> Now, i would like to, if the input is Selected,
Looking for Carousel (images scrolling with text)
I want slide how / carousal with html content I found lots of carousels that slides only images example http://caroufredsel.dev7studios.com/index.php http://coolcarousels.frebsite.nl/c/56/ Thanks in advance
Next Page