$.ajaxSetup({timeout:15000}); does not seem to work with jQuery.getJSON. What am I doing wrong?
My code is: function logInJS(fields, dv) { // VARs defined here are visible in callback var elem = document.getElementById(fields); var dvD = dv; $.ajaxSetup({timeout:15000}); // milliseconds of timeout jQuery.getJSON(baseURL + 'json?verb=6', $(elem).serialize(), function(data, status, xhr) { if (data.msg) { alert(data.msg); } else { This works fine when the server is running. Status is "success" and xhr.status is 200 as expected. When I turn the server off so that there will never
hover
I am trying to load this image on mouse hover dont know why its working pls help http://jsfiddle.net/LWutU/ http://www.clker.com/clipart-no-sign-x.html
Problem with submitting form on Windows Phone and Internet Explorer
I have made a form page using jQuery Mobile containing both regular text fields, select (drop-down) populated with mysql data with php, sliders etc. It's all good and works like a charm on both iOS and Android - BUT, enter Windows Phone.... both on Windows Phone (IE) and IE on a PC, the submit button simple doesn't work and the 'action'-page does not load - it just acts like a regular button with no function... I have tried a lot of troubleshooting but can't seem to get it to work. I have made other
A part of the Auto suggest items of a search box not clickable.....
Hi All, Only a part of the auto suggestions in the mobile search box(bing/google..or any ) when we type in search box are not clickable. and when I click the lower part of the auto suggestions list ...the click event is firing on the image behind the auto suggestion dropdown.....(image is there on the page load). The click event gets fired correctly on the top part of the list of the auto suggest items.....the suggestions displayed on the image are not getting clicked..instead the images
parsererror in ajax jquery calling a webservice
I have written a webservice like below: [WebMethod] [ScriptMethod(ResponseFormat = ResponseFormat.Json, XmlSerializeString = false, UseHttpGet = true)] public string GetNews(int tes) { return tes.ToString(); } and I want to use this function in client so I wrote this lines: $.ajax({ dataType: "jsonp", success: function (d) { $('.widget.yellow').html(d.d); }, error: function (xhr, textStatus, errorThrown) {
I have the problem about the .change( handler(eventObject) ) , please help
In my website: http://www.bkrenew.net16.net/bksearch.php you can see the drop down box, but it cannot link to href link, i want to select the option, and then can change the website. The original source code is from this webstie: http://buffernow.com/2012/08/cascading-dropdown-ajax/ and combine with this <script language="javascript"> <!-- //Drop-down Document Viewer- © Dynamic Drive (www.dynamicdrive.com) //For full source code, 100's more DHTML scripts, and TOS, //visit http://www.dynamicdrive.com
Jquery Show hide for table
I am a newbie to jquery I want this javscript code to be converted using jquery <script type="text/javascript"> function check() { var h1= document.getElementById("hid1").style; var h2= document.getElementById("hid2").style; if(h1.visibility=="hidden" && h2.visibility=="hidden") { h1.visibility="visible"; h2.visibility="visible"; } else { h1.visibility="hidden"; h2.visibility="hidden"; } } </script> <tr> <td> <input type="radio"
How can I access a link with a div id directly in jQuery Mobile?
Suppose I have a link, say, http://www.example.com/index.html#xyz. When I open it in browser with www.example.com/index.html it works fine, but when I have a link targeting #xyz on the same page it loads a new data-role=content page through ajax. Now my query is if I access the same URL directly as http://www.example.com/index.html#xyz, it loads the www.example.com/index.html and not the specific #xyz page. Is there any way to make this work? NOTE: The #xyz page content is loaded dynamically
Joined dropdown: not working when dropdown changed again or another value selected from main dropdown for 2nd time
resolved html code <select name="subjectid" is="subjectid" > <option value="">Select Subject</option> <?php $query= sprintf("SELECT * FROM subject where status=1 order by srno"); echo $query; mysql_select_db($database_DBconnect, $DBconnect); $Result = mysql_query($query, $DBconnect) or die(mysql_error()); $rows = mysql_fetch_assoc($Result); $totalrows=mysql_num_rows($Result); $i=0; ?> <?php do { $i++; echo $i."<br>"; ?> <option value="<?php echo $rows['id'];?>"><?php echo $rows['name'];?></option>
My jQuery slider doesn't display when the website is live, but will display when I preview it locally?
I am using a plugin to display a slideshow effect on my homepage. When I preview the website locally, the slider displays perfectly. When I upload the site to the server, the slider does not display at all. I have tried using Nivo Slider and Skitter, both with the same results. I should also note that I have a lightbox plugin on another page that works perfectly on the live site, so I do not think it is a jQuery problem. Has anyone ever run into this problem? Any ideas what it might be?
Link colors within JQuery tabs
When I put html code into a JQuery tab either directly or via ajax, any links are black, rather than the default link colors (blue/purple). I've looked through the jquery css files, but I haven't been able to find where this is controlled. Any assistance on returning <A HREF...> links back to their default colors would be appreciated. Thanks, David
Examples for autocomplete (remote) appear broken
I could be wrong, but it appears the examples for jqueryui autocomplete remote and remote with caching are down. Would someone mind taking a look?
Centering data-icon in button
So I created my own list items with two split buttons with the following code: <ul data-role="listview" style="padding:0; margin: 0;"> <div data-role="controlgroup" data-type="horizontal" style="padding:0; margin: 0;"> <div style="margin-right: 84px;"> <a href="index.html" class="ui-corner-tl-only" data-role="button" data-icon="arrow-r" data-iconpos="right" style="width: 100%">Search #1</a> </div> <a href="index.html" class="ui-corner-none" data-role="button" data-icon="gear"
how do i trigger a specific handler function?
hi all, I have a resize event and handler function bound to the browser window. However, i still need to initially fire only that specific handler. The handler works correctly when triggered by the .resize event but not when i fire it on its own. var AutoPositionForm = function (event){ var grid = event.data.grid; var collision = event.data.collision; $(grid).position({my:'center', at:'center', of:window, collision: collision}); }; var EditEventASF = function(formid) { var grid = formid.selector.replace('FrmGrid_','editmod');
Dialog resets list and form values
After I populated a list of items, I have to show their details, so I used dialogs to do that. But after I press cancel button auto populated, dialog closes right but after it closes it also resets the form values and clear all the list. Start the previous page anew. is it not the best way to show detail of items, I am speaking of items about 50-100. thx.
Removing validation rules if user selects specific element
I'm having trouble figuring out the proper syntax for removing validation rules with the jQuery Validate plugin (by Jörn Zaefferer). I need to remove 3 validation rules in the event that the user selects a specific radio button (in this case specifying that they are male). I've tried inserting an If/Else statement as well as creating an onclick function, but I don't think I'm doing it properly because I can't seem to get either method to work properly. I've included the code that I've tried below.
Show div based on drop down selection?
Hello all, I have a drop down that is being dynamically generated, so it could have anywhere from 1 to 50 options. I'm having real trouble at that part. Each of those options, if they exist, will have a corresponding numeric div I need to show based on the selection. For example... I've got the javascript to achieve this if the numbers are static, but Im not sure how to make this more dynamic or flexible so I can have a varying amount of numbers. Can anyone please help? $("#shipping_selector").change(function()
tablesorter plugin, reset cache, clear cache
I have a table that is dynamically updated via ajax. I remove the rows from the table and add the new rows in html with javascript. Then I intialize tablesorter on it again, But tablesorter still has the old rows in cache so adding the new rows, I end up with double the rows in the table. How can I rest or clear the cache before re-initializing the the tablesorter?
recommendation for displaying narrative over information graphic
Would anyone have a recommendation for a jquery plugin that would allow a few paragraphs, section headings, italics, and pictures be displayed when hovering over an information graphic? For example: http://www.litmuslogic.com is an information graphic. In some cases the content may need a scrollbar. Also, the user should not be taken off the infographic web page. I was thinking tool tips or 'pop' but I am looking for your feedback...maybe a visual cue to "click here" or maybe a mouse over would
accessing field value after append.
I am hoping someone can help me with this problem. I am using append to add a row with several cells to a table. These cells contain form fields one of which has a value. $.get(url, function(data){ $('#fieldContainer').append(data); This appears to work fine. When I highlight the new row in the browser and view the source it shows all of the data that is supposed to be there including one field with a stored value. My problem is I tried to add a javascript validation to the function that
Tablesorter + Pager + Filter + remove / add row = Problem
Hi ! (First, scuse my english ^^) I'm working in a site to manager students (more or less, not very important) I've a table, working with the tablesorter plug in, with above it, the pager plug in, and the filter plug in Everything work well ! But when i try to delete or add (in fact, i didn't try with adding, but i suppose i'll have the same problem) a row in my table, i've some problemes :( I manage to remove the row, i've know 9 row in the current page (instead of 10), and the pager don't work
Why does this animate callback function loop 33 times?
This callback has a counter, and i can see that the counter goes to 33, and quite slowly at that. Takes about 11 seconds to loop 33 times, and the other animations won't go until it stops. Any idea as to why this is happening? var counter1= 0; $("#StartUpPosition div").not("#StartUpMainNode").fadeOut(300, function() { $("#StartUpMainNode").animate( {left:22}, function() { //animate the center node to the left counter1++; $("#NodeMain").fadeIn(200); console.log(counter1); }); });
Cycle plugin and Lazy loading ?
Hello everybody, I am using the sweet cycle script for gallery purposes. In my case, i have triggered the hover ( "on" and "out" function ) to turn on or off the imageswitch. Ok well, all is working pretty well ... In my page, i have 100 imageswitch components with many thumbnails for each one. In my mind, i thought that each cycle component was lazily loading each thumb when calling the hover function. But, while analyzing the network data, i was stupefied that all of my thumbails (included hiddens
Adding a jQuery instance as a link item
Hi All, this is the first time ive ever used jQuery and im trying to manipulate a slider that ive downloaded into a template. I dont know if i can do this but my slider is set up with items for example: 1. <div class="oneByOne_item"> 2. <span class="ob1_title"> 3. Multiple layouts 4. </span> 5. <span class="ob1_description"> 6. Tyrum in modo invenit iuvenem quasi plena violatam videt. 7. </span> 8. <span class="ob1_button"> 9. <a href="#" class="default_button"> 10. Get it now</a> 11. </span> 12.
object parameters in jquery functions
hi everyone, somebody could tell me how can i pass a variable that store a selection in jquery to a function in jquery, for instance: var valor=$("#selector").val();// global variable with a selection function main(){//this function calls the function generar var resultado = generar(valor);//generar needs a parameter(a jquery object or selector ), here i pass valor, my global variable with my selection } function generar(obj){///function with need
Formatting disappers on device...
I have an App for iPhone and iPad developed with JQ-M1.0 and JQ 1.6.2. It works fine when loaded into the simulator by Xcode (and the HTML runs fine in a desktop browser). BUT when a test version is loaded to iPhone or iPad (via Xcode) all formatting is lost (no buttons, backgrounds, text formatting, layout etc - just plain text). This only seems to be a problem since the upgrade to iOS 6. Used Titanium to develop wrapper for HTML. Ideas/suggestions welcomed...
Scripts in the Footer
Maybe it was answered but is it possible to include jquery and jquerymobile .js files inside the footer without breaking the page/theme???? I tried putting it but it doesn't work, maybe I'm doing something wrong. Does it need to be in the head.
document ready function not called, of course.. alternatives?
Hello, I work with ASP.NET and have multiple aspx sites that all share the same sitemaster. Usually I would just have the site specific scripts in each aspx site (in a contentplaceholder that is in the head of the sitemaster) and than call the document ready function in these scripts... How would I do this using JQueryMobile? I don't really want to have all my scripts in the head of the sitemaster, I would like to load some script when some page is called.. any ideas?
Problem with $(window).height();
Hi, I had this code: var winH = $(window).height(); var winW = $(window).width(); and it was working fine with jquery v1.4.1 now when I moved to jquery v1.8.2 these lines stopped working. Did something change? as I can't figure out whats causing this. I can still get the values if I move back to v1.4.1 without any change on my javascript code. Please help.
href title did not display after using load function
Hi All, When I move mouse over a href link in a single html page, like test1.html, IE 8/9 will display the href title (can be used as a tip), after using jquery load function to load the html file into a div section into another html file called tabs.html which has multi tabs, everything is good except all href's title do not display when move mouse over href links, sample scripts as below. --tabs.html function loadContent(elementSelector, sourceUrl) { $(""+elementSelector+"").load("http://"+window.location.host+"/"+sourceUrl+"");
Using $.when().done() with an Ajax request. Can you use a partial URL/Param-less?
Basically I have the following $.when($.ajax('//www.location.com/path1/path2/?param1=1¶m2=2')).done(function (a1) {..... What I'm wondering is, the params on the end could change. If I pass in the following, $.when($.ajax('//www.location.com/path1/path2/')).done(function (a1) {...... will I be targetting the same jquery Ajax call? Does there need to be a wildcard at the end of the path? Or does the path need to be exact for the ajax call being made? Much thanks for any info regarding
$(document).ready on Firefox
I'm experiencing quite a wired scenario. I'm debugging a web page with Firefox 15.0.1, it's a search page that can be accessed in two ways: 1) You call the page with a GET parameter indicating the search terms 2) You access the normal page, just type something on the searchbox and for example, click Enter The point is, when you access using the GET parameter, there is a $(document).ready handler that performs the search and some extra operations, otherwise there is a form.onsubmit handler
sort multidimensional array with jquery.
hi, arr = new Array(); arr.push([1, "javsc script"]); arr.push([1, "microsoft"]); arr.push([1, "google"]); arr.push([1, "action script"]); while i sort using jquery like this, $(arr).sort(function(a, b) { ........ }); it is not working. if i do the same thing with javascript it is working. arr.sort(function(a, b) { ........ }); is this a bug in jquery?
Inline stylesh generated code
Hi everyones, I need to fix this: it's inline auto-generated code from a slide jquery menù. I need to set to zero margin-bottom: 56px; (orange box dimension) Please folks i need this badly.. Thanks in advance
updated from 1.7.2 to 1.8.2 and am getting unrecognised expression
updated from 1.7.2 to 1.8.2 and am getting the following error unrecognized expression: :.active-row the line of code exploding is: $('#table-area').find('.row:not(.active-row)').each(function(index, element) { //stuff here }); can anyone help shed some light on this?
Help with Show hide menu
I have a menu system using JQuery to hide and then slide out to show items. the problem i am having is that on some ie 9 machines in the office the buttons that should show when menu is clicked all show until page is totally loaded. This is the code i have $(document).ready(function(){ // Hide all unordered lists that are descended from the navigation $("#nav ul").hide(); $("#artistnav ul").hide(); jQuery('a').bind('click', function(){ // on clicking the link get the parent li then find
How to Run a Javascript function on Page Load first time and Maintain it through out Session
Hi, How to Run a Javascript function on Page Load first time and Maintain it through out Session. can anyone please suggest me? Thanks!!!
IOS 6 blank page
Hi all, I've updated my iphone to IOS 6 but I've a problem with jquery mobile. I develop a website with: - jquery.mobile-1.2.0 - jquery-1.8.2 and when I try to load the site, Safari show a blank page with "0" and the link in the address bar become javascript:0. I have tried with http://jquerymobile.com/demos/1.2.0/ and it return blank, too! Any suggestions? thanks, len
Element Resizing Images
Hiya, I apologize if this has already been asked but I am having a trouble with a Gallery that I am building. The idea is that there is a jCarousel under an Element known as largeImg, when a thumbnail is clicked in the carousel, largeImg changes to the original, larger photograph. My problem occurs when a thumbnail is clicked that is not of the same ratio as some of the others, this disproportions the image and makes it look stretched. I was wondering if there is a way to resize the largeImg to
Passing content when doing page navigation
Hi, Complete newbiw to JQuery Mobile. Searched the forum for similar problem but could not get hits. I have couple of html pages and both of them have corresponding js file. 1.js is creating the initial content for 1.html using the "pageinit" event. Subsequently when user clicks on some element in 1.html, I need to navigate to 2.html and display in it more details of the item selected in 1.html. Incidentally, if the user directly navigates to 2.html, 2.js uses the "pageinit" method
Next Page