Reading XML issue
Hi, I am facing problem while reading following XML data: XML DATA (saved in test.xml): <sites> <site id="0"> <url loc="http://www.abc.com" /> //Error <title>ABC</title> <desc> <brief>this is the brief description.</brief> <long>...and this is the long description. See how long it is :)</long> </desc> </site> </sites> JQuery CODE: $.ajax({ type: "GET", url: "test.xml", dataType: "xml", success: function(xml) {
Open panel on swipe
New to jQuerymobile and have to say I love it! Working on my first app and really like the Open Panel on Swipe feature. I was able to get it working by placing the script in my document head tag. I changed the pagename from #demp-page to #mypage and it works like a charm for that page only. I've been looking for a way to have this work on all my pages, not just one. $( document ).on( "pageinit", "#demo-page", function() { $( document ).on( "swipeleft swiperight", "#demo-page",
jquery dialog with dynamic data
Hello, First I want to thank everyone who has helped me in previous posts (kbwood and jakecigar to name a few). I'm not sure if my question is more php than jquery but it can't hurt to ask. I"ve had success calling a jquery dialog with a hyperlink using href="#". Where I"m running into problems, is linking to multiple dialogs on one page. I'm hoping to call the dialog with an href="#{contentVariable}" I"m using ExpressionEngine CMS, so once in the dialog I can call the correct data. I"m just
loading effect
hello am trying to use loading effect(transition) on click of my form button, please how do i go about it, thanks
How do I cascade jQuery modal dialogs during a data retrieval in my MVC4 site?
You can also follow my post here. Looking for a bit of jQuery elegance here. I have a simple "Please Wait" modal jQuery dialog I show during a retrieval of "master" data in a WebGrid on my main View. However, the data shown the user has a "Detail" link on each record that spawns another modal jQuery dialog containing a separate WebGrid with "detail" of the selected master record. When the user clicks the Detail link, I'd like to spawn that "Please Wait" modal dialog again while the postback runs
data-enhance="false" not escaping dynamic divs
Hi I am using a jquery library to create a flipbook animation, however when I try to escape the flipbook I have some issues, the dynamic content is still styled even though it is inside a data-enhance="false" div, here is the jsfiddle: http://jsfiddle.net/adamsurfari/DpQQV/ the issue is that inside my div: <div class="turn-page-wrapper ui-page ui-body-c" tabindex="0" style="position: absolute; overflow: hidden; width: 200px; height: 300px; top: 0px; right: 0px; left: auto; bottom: auto;
Automating JQuery content switcher
Guys I'm trying to automate the JQuery content switcher on this fiddle URL but it doesn't seem to be working. I'm trying to get it to start rotating every 6 seconds on it's own but to no avail. The code looks as shown below $.fn.slideFadeToggle = function(speed, easing, callback) { return this.animate({opacity: 'toggle', height: 'toggle'}, speed, easing, callback); }; var max = $('div.faces').size(); $("div.faces:not(:first)").hide(); $("ul.intro-nav li:first").addClass("currFace");
making on indeterminate progress bar?
There is a nice animated progress bar here in the demos:http://jqueryui.com/progressbar/#animated How do I get such a nice animated gif from themeroller? Where did that graphic come from? I want it so that I can make an indeterminate progressbar. The links about an indeterminate progressbar are all pretty stale. However, it is mentioned in the API "if the actual status cannot be calculated, an indeterminate progress bar or spinner animation is a better way to provide user feedback." What is the
JQuery recalculate css on window resize
On this site: http://houston.aiga.org/ Although the slider is full width / variable on browser window size, the Title of each slider item is always indented to line up with the content. I've tried setting this up: http://jsfiddle.net/topiman/xS7vn/5/ $(window).resize(function() { $('#item').css("padding-left",$(window).width()/2); }); The function is working but the calculation pushes the item too far in on decreasing window size and too far out on increase. The line in the working slider example
Simple button not working, unless I hit F5
I have a strange bug http://goo.gl/GhVzL When I click on 'Planificador de viaje', I get taken to this page http://goo.gl/CZaaQ This is as expected, but when I click on 'OK, entiendo', the button doesn't work UNLESS I refresh the page. Any clues? There are no alerts in my Javascript console in Chrome. However, when I look at the Error Console in Firefox, I see that this warning initially appears "Error in parsing value for 'pointer-events'", but then vanishes when I hit F5. I've searched, but
$.ajax success and error
Hi. I'm relatively new to jquery. I was trying to do the authentication using JSON API's and if its a success it should start holding the session. If the JSON api doesn't retrieve any results, it should pop an alert showing "Not a User Here is the script. I'm not sure what is missing. Its able to display "success loop" message but not the error alert $.ajax ({ type: 'GET', url: link, dataType: "jsonp", success: function (data) {
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
Next Page