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
Link to page source of another page.
Hi all. I have a rather unique situation where I need to create a link that will open the source code of another page on a website. I have been searching around the web and cant find anything for this. Does anyone know of a way to do this? For example, when you click the link it opens the 'href' location of the links source code. Thank you
popup reposition?
I am building a list dynamically How can i get the popup to reposition itself to the center of the screen after i have added or removed items from the list? $("#mylist").append('<li><a href="#">Number 1</a></li>'); $("#mylist").append('<li><a href="#">Number 2</a></li>'); $("#mylist").append('<li><a href="#">Number 3</a></li>'); $("#mylist").append('<li><a href="#">Number 4</a></li>'); $("#mylist").listview('refresh'); I have tried: $( "#popupBasic2" ).popup( "close" ); $( "#popupBasic2"
Photo Popup problem
Hello everyone, I'm glad of the new features of the 1.2.0 jquery mobile version, but I want to highlight some documentation problem. In the new popup documentation page at http://jquerymobile.com/demos/1.2.0/docs/pages/popup/index.html some "real world examples" are given about different popup styles. I would like to implement the "photoPopup" style but there is no specification about the code for it; I only have to go and check the page source code and try to reverse engineering it, although it's
Find all checkboxes with the same name, then ensure one radio is selected
Hi all. I have a range of radio buttons in a form. I need to have jQuery check that a radio is selected for each group and add a class to the label associated if not. I thought this would work, but am having issues. I have checked and the name of the group is correctly added to the variable 'radio'. Any ideas? $('.checkbox', this).each(function(){ var radio = $(this).attr("name"); if ($('input[name='+ radio +']:checked').length) { $('label[for=' + radio
Jquery Mobile - Checkbox and radio button accessibility
Hi, I am not a developer but an accessibility tester. I was evaluating a form coded with Jquery Mobile . The check box is coded using the following code: <div data-role="fieldcontain"> <fieldset data-role="controlgroup"> <legend>Agree to the terms:</legend> <input type="checkbox" name="checkbox-2" id="checkbox-2" class="custom" /> <label for="checkbox-2">I agree</label> </fieldset> </div> But in the generated output legend tag is converted into <div class="ui-controlgroup-label" role="heading">I
New Menu Widget : Api to close/collapse menu
Hi, I'm currently using the newly release widget and I have hard time to figure it out on how can I achieve my simple goal. I wan't to close the current active submenu after clicking it. <ul id="nav"> <li><a href="home">Home</a></li> <li><a href="entry">Entry</a> <ul class="subnav"> <li><a href="entry/product">Product</a></li> <li><a href="entry/other">Other</a></li> </ul> <li><a href="document">Document</a></li> </ul> var
Embeded PDF issue in anndriod browsers?
i have problem in viewing embedded pdf in andriod browsers. please help me. I have checked with andriod default browser and opera mini. any solution???????????????????????
Next Page