How to get the Fixed footer hide or show?
I am changing Fixed footer(fixedtoolbar) hide or show according to different events. I want to know, whether I get the Fixed footer status(show/hide) from code. For example, Fixed footer SHOW will give status as true and HIDE will give status as false. $("[data-role='footer']").fixedtoolbar('show');Is there any code like above to get the status of fixedtoolbar? Is it possible to get the status of the Fixed footer?
Problem with IE ajax call ...
Hello, The good people at microsoft have again led me to this forum. I have an ajax request that is working fine in FF and Chrome. But the ubiquitous IE "workaround" is again needed. Isnt that nice ...My hats off to them. I have the following code: jlocations = '{"locations" : [{"street":"EAST 7TH ST, LONG BEACH, CA"},{"street":"9830 NORWALK BLVD. SUITE 1, SANTA FE SPRINGS, CA"},{"street":"7223 E. ALONDRA BLVD., PARAMOUNT, CA"}]}'; $.ajax({
Test if checkbox is checked is not working
I am trying to see if a checkbox has been checked and nothing I've tried has worked. $('#gpgu0').attr('checked') and .prop('checked') both return undefined $('#gpgu0').is(':checked') always returns false I am seeing the same results in IE9 and Firefox 18. Am I missing something?
Please help, problem with iOS and jQuery Mobile select menu.
Hey guys, I just recently started on jQuery mobile, and have been transitioning an iWebKit based site to it; so far, so good, except for one thing. I have a page that allows the user to select a name, and it assigns phone numbers via javascript. It works flawlessly in desktop browsers (Chrome, Safari), but when I try it on iOS, it breaks - selectedIndex of the select menu comes back undefined, regardless of what I choose. Here's the code (numbers were stripped out for privacy). Please help, thanks
outerHeight setting to an element
Hi, I am able to set the outerHeight of an element using outerHeight() function, but i did not see any documentation of it in the jquery.com. Please let me know if I can set the outer height of an element using this outerHeight(int) function. Regards, Poonam
ajaxEnabled is set to false, but I still can't get link to separate page to load at anchor point, i.e. page2.html#post2
I am using jqueryMobile, I have ajaxEnabled = false so that I can use anchor links, and they work just fine on the same page. The problem I am running into is when I am linking to an anchor point on another page. For example, I link from page1.html to page2.html#post2. page2.html loads at the anchor point, then moves up to the top. Why is that happening, and how can I stop that from happening?
jQuery Tabs Not Working in ASP
I'm having a problem getting jQuery tabs to work. I'm using a master file along with an aspx that includes a placeholder. Relevant Parts of Master File: <html> <head id="Head1" runat="server"> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <!-- Use for local server --> <link href="css/Default.css" rel="stylesheet" type="text/css"/> <link href="css/jquery.css" rel="stylesheet" type="text/css"/> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript"
Fixed footers, native-like scrolling on iOS: Request for feedback
JQM's fixed footers lack much of the look and feel of native footers (at least in my opinion). Fixed elements on iOS jitter when scrolling (albeit this is not JQMs fault), sometimes jump when changing pages and on iOS users expect that the content has that rubber band scrolling while leaving the footers fixed. With scrollfix.js and a html template at hand I thought if it might be possible to create a better user experience for JQM apps. I'd like to ask for your critical feedback (you know once you're
Tooltip not working
Hi - I'm unable to get the tooltip to work on this page. JQuery is already loading on the page so if I include it, the tooltip works but it breaks other elements on the page - could there be some sort of conflict? How do I resolve this? <a class="cta-s grey tooltip" title="Registration Coming Soon" href="#">Register → </a> Thanks
Font size not scaling with JqueryMobile + PhoneGap
Hi, I 'm developing an application with jquery Mobile with PhoneGap... The font size in not scaling with em, pt or % units... I have tried with different tablet sizes and font size remains same ...
Zoom in/out feature
Changes in the <meta> tag or document.bind function doesnot solve my issue in zooming..I ve followed the steps in the previous posts for zooming,but nothing takes effect.Is there any other way to achieve this in ios,android and blackberry ???? some external plugin like hammer.js or something else ???
How can create a popup dialog box above the parent page and both can accessible ?
How can popup a page above the parent page with smaller size ,and need to access both pages simultaneously. that is i need to open a popup and select something ,and that changes affects the parent page immediately and popup is remaining .i need to touch and swipe the parent page also. Currently i cannot do that feature.When i click the button ,a popup box is coming and there is no background page.i need to open popup box above the background page and both must be accessible. Can you help me?
submit button notwork
Hi, I am a beginner of JQuery and JQTouch reading the book "Building Android App with HTML5, CSS and Javascript". I try to run the example in the book but run into a problem of the submit function is not being captured. I have checked this forum and it seems that there seems to be no obvious answer (or obvious common syntax errors). It seems that my function createEntry() is not being captured by statement $('createEntry form').submit(createEntry); In my coding become I can see the alert message
Set scroll position of hidden div
I have two divs - each one can be hidden by clicking on a div above it. I have an overflow on both and each scroll bar controls both scroll positions. The issue i am having, is when one div is hidden and you change scroll position of the visible one, the hidden one does not update accordingly. I need both content divs to have the same position whether they are hidden or not. Any ideas? Here is my fiddle. Thanks.
data-dialog and data-ajax
The Dialog popup does not function when the data-ajax="false" is also included in the href statement. <a href=\"calendarix/userfiles/file/My First Quilt.pdf\" data-ajax="false" data-rel="dialog" >Supply List.</a> Result is simply a new page showing the pdf file. Is there a way to make the dialog work? The above code is contained in a MySql record that is dynamically loaded with php.
Cycling Images
I have an image, that is fluid. It scales with the browser. I would like to fade between multiple images, like a slideshow. I looked at .cycle but I couldnt get it to do what I wanted. I've been quite a bit of time on google, but it seams everything I've seen is fixed width & height or I can't get it to work on the site. Can anyone point me in the right direction? I have this for the background: <img class="background" src="/img/bg.jpg" alt="" /> What I'm looking for is something like this: <img
Vertical scrollbar not appearing in Chrome, Safari and Opera...jquery UI issue?
Hi everyone, I am trying to fix a bug where I have a dropdown list that enables a vertical scrollbar. For the dropdownlist I am using http://code.drewwilson.com/entry/autosuggest-jquery-plugin for the auto suggest functionality. The problem is that when the dropdown list is rendered the scrollbar disappears if I attempt to click on it. This happens only on Chrome, Opera and Safari, and I can only assume on IE, but I haven't tested for IE yet. In Firefox there are no problems. There are no problems
c.ui.dialog.overlay is undefined [solved]
answer was jquery lint plugin! not sure of reason yet. Anyone recognise this firebug error? It's driving me insane - I've found it in the .js obviously, but no idea what could be causing it - it is a very persistant error. Wondered if anyone else has seen it, and if so in what circumstances? This is the offending part of the minified js. b?c(window).width()+"px":a+"px"}else return c(document).width()+"px"} ,resize:function(){var a=c([]);c.each(c.ui.dialog.overlay.instances, function(){a=a.add(this)});a.css({width:0,height:0}).css
How to find XML node by attribute, compare to known variable, if it matches get sibling attribute
Hello, I need help finding an XML node by its attribute. Once I find the correct node I want to retrieve the second attribute in that same node. Can anyone point me in a direction? [code] var glossaryObj = {}; $.get(pURL, function(xmlFile) { $.ajax({ type: "GET", url: pURL, dataType: "text", success: parseGlossXML }); }); function parseGlossXML(xml) { glossaryObj = xml $(glossaryObj).find('term').each(function(){ alert($(glossaryObj).filter(":first").attr('def')); }); } [/code]
Using Each function
I am new to Jquery.I am working on Dynamic validation using jqueries. My code is: <form class="form" id="commentForm" method="get" action=""> <div class="cmxform" > <input type = "text" size="25"/> <input type = "text" size="25"/> <input type = "text" size="25" /> <input type = "text" size="25" /> <input type = "text" size="25" /> <input class="submit" type="submit" value="Submit"/> <div> </form> all fields are email fields. 1.In the above code, I don't know
remove string also removes surrounding tag
Hi I am struggling to remove a specific tag from a string. But it is also deleting the outer tag. Why is that? Hope someone can give me a hint. Thanks in advance. var data = '<div><h1>heading</h1><p>hallo</p></div>'; var new_data = $(data).find('h1').remove().end(); alert(new_data.html()); The alert is: <p>hallo</p> instead of: <div><p>hallo</p></div> It just also deletes the div.
fade type of commands
Hi all, yes, I saw the workaround at https://forum.jquery.com/topic/fadein-and-fadeout-problem however, from the semantics: a fade really should not remove an element to "display:none", but fade to .0, so that the element is still there, but the appearance is changed. Even on the w3schools site, there is a horribly bad example at this example with three boxes : If you look closely you see they disappear, and the blue box jumps up. Of course there can be applied that workaround by defining classes
Close collapsible panel when a radio button selected
I have a set of radio buttons in a collapsible panel as shown below. I want to have the panel collapse when the user clicks one of the radio buttons. Here is the code I used. Seems like it doesnt work: <script type="text/javascript"> var buttons = document.getElementById("radio-choice-2"); for (var i = 0; i < buttons.length; i++) { if (buttons[i].checked) { $(".selector" ).trigger( "collapse" ); } } </script> <div data-role="collapsible" data-content-theme="c"> <h3>Filter</h3>
will there be a planned split of JQM to align with JQ2?
(I'm sorry if this is a FAQ, I didn't see anything in the search..I'm using IE) With JQuery's plan to focus 2.x on efforts to move the project forward without legacy browser baggage, will the JQM project attempt the same idea to match alignment and community support efforts? 1.x - branch for legacy browsers and devices 2.x - branch for moving forward with JQ 2.x I'm really really hoping the answer is "YES" or "possibly" :P thanks!
CSS rendering problem in IE8
Hello All, I have an FOUC error I ran into with IE8. I tried fixing it using conditional statements, which did work on my local server, but not in JBOSS on our test server for some reason. Anyway, after doing lots of searching it appears to be the result of document.ready() firing at the wrong time. See this link on SO about the issue. I tried to use the code that KevinB used there, but I couldn't get it to work at all. Is there a better way to ensure that the document.ready() is really ready
JQuery UI for mobile devices?
I am really new to the entire JQuery ecosystem. The question is really basic but I am hoping someone more experienced with JQuery can confirm my suspicions. I am interested whether JQuery UI library will work in mobile interface. From the forums here and elsewhere, it looks like mixing jqUI and jqMobile is a sure recipe for doom. But if we entirely ditch jqMobile, can jqUI widgets be salvaged? Or, is jqUI meant to be confined to non-mobile web browsers only? Thanks!
Keep sliding when click to other page
I've made a full background slider, but when I click on a menu-item the slider starts over from the first image. Is it possible that if I click on a menu-item (to another page) that the slider keeps sliding? Here is the code: function slideSwitch() { var $active = $('#slideshow img.active'); if($active.length == 0) $active = $('#slideshow img:last'); var $next = $active.next().length ? $active.next() : $('#slideshow img:first'); $active.addClass('last-active'); $next.css({ opacity: 0.0 }).addClass('active').animate({
IE doesnt refresh data when call ajax
//call from basket txt file $.ajax({ type:"GET", url:"usrbasket/userno.txt", data:"", success: function(msg){ $('.baskettbl').html('');//clean basket $('.baskettbl').append(msg);//fill basket (also again) } }); I try above codes; to held datas in a text file. When user add any item, codes look at that text file and add item into it again. But Internet Explorer (trouble maker) doesnt refresh that text file like in Chrome. Therefore basket is always
problem with html.raw in autocomplete
I am trying to return a list of values to the jquery autocomplete that contains markup. I would think that somewhere I need to be using @Html.raw but can't seem to figure out where to put it. Any suggestions? Example: Apo A-1 KO - <i>Apoa1<sup>tm1Unc</sup></i> Here is the razor code: <b>By Search Term</b><br /> <input type="search" name="searchTerm" style="width:560px" data-jax-autocomplete="@Url.Action("Autocomplete")"/> <input class="submitSearch" type="submit" value="Submit" style="width:100px"/>
how to create a basic unordered list displaying bullets
Howdy, I've seen posts for this elsewhere, but the suggestions are not working for me. I need a basic <ul> that displays the <li> with the standard bullets. Here's what I've tried... I placed the mobile.ignoreContentEnabled = true in the head... <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Webmail</title> <link rel="stylesheet" href="../../css/themes/default/jquery.mobile-1.2.0.css" /> <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
How to use .on() with generated elements so that it works in <=IE8
Hi, I have a little function that I need to call when I submit a form. The form is generated dynamically from another function. What I am using works fine in Chrome, Firefox and IE9+ but it does not in IE8 and below. Here is my code: $('#map').on('submit', 'form', function(event) { event.preventDefault(); var solicitorID = $(this).attr('id'); solicitorRequest(solicitorID,applicationID); });In IE8 no errors are thrown - the form just simply refreshes the page as it would without the jQuery. I've used
Getting draggable layer to return to original position after reopen
All, This is my first post to this forum. I am very glad that this exists. Notwithstanding, I am pretty new to jQuery and am currently baffled as to how to get a draggable layer to return to its original position after it is closed. Currently, when I close my layer and then reopen it, it appears in its final resting place after the drag rather than appearing in its initial opening spot as set down by CSS class that I have applied to it. The current solution that I thought might work (see below) is
Problem of resizing an image with jquery
Hi, I am loading an image from my local computer (with an input type="file") : $tabContent .= '<form id="form_avatars" action="save_custom_avatar.php" method="post" align="center">'; $tabContent .= '<div align="center" id="div_avatars">'; $tabContent .= '<button style="height:100px;width:100px;" disabled id="avatar_button"><img id ="img_avatar" src="../images/icons/user-green-icon.png"/></button>'; $tabContent .= '</div></br>'; $tabContent .= '<div align="center"
JQuery | JCarousel - DIV don't refresh after each animation
Hi, I'm unsing JQuery 1.8.1 and the plugin JCarousel. I've got the problem that the content isn't updated every time. I have 3 Divs that are animated in a JCarousel: <script type="text/javascript"> $(document).ready(function() { $('#car').jcarousel({ itemLoadCallback: calendar_itemLoadCallbackFunction, wrap: 'circular' }); }); </script> <ul id="car" class="jcarousel-skin-tango"> <li> <div id="entry_1_date" class="date".</div>
How to reduce memory of Jquey mobile application?
Hi, I have developed application using JqueryMobile1.2.0 and Phonegap 2.3.When I move from one page to other page the memory will increased each time.When it reach high memory the application is suddenly closed. So how to reduce the memory of Jquery mobile application? Please guide me Thanks Nathiya
[AutoComplete] multiple values - suggestions on click?
Hello everyone, loving jQuery, loving jQuery UI, loving the community around it all. :) Just wanted to state that for the record first. I have a rather simple question, unfortunately I seem to be unable to find the solution to my specific problem. Currently I am using the awesome Autocomplete Widget in the "multiple values"-variation (link). My code generating the appropriate script looks something like this: foreach ($terms as $key=>$term) { echo " <script> $(function() {
jqeury[1.9.1] problem : checkbox on/off manipulation
(sorry my poor english) Hi ! Always thank you for your efforts. I have developed some javascript code using jquery 1.9.1. by the way, i've got some problems. input tag (checkbox type) manipulation doesn't works well. <my .js code> --------------------- bind click event. var chkbox = $('#chkbox'); var allchk = $('#allchk'); if( allchk.val() == 0 ) { chkbox.attr('checked', true); allchk.val(1); } else { chkbox.attr('checked', false); allchk.val(0); } --------------------( my purpose is checkbox
Changing textbox language to English
If a user switched his keyboard language and type in another language, I want to automatically change his keyboard language in a specific textbox. Let's say I have 3 textboxes. The user can type in the first two textboxes in whatever language, but when it comes to the third textbox, I want English characters only. Is there a way to do that? I tried this, but no luck. $("#thirdTextBox").on('keydown', function(e) { console.log(e.keyCode); if( e.keyCode ==
Jquery ajax binding to c# simple method.
Hello All, I am got stucked at one point.. I am performing an operation of passing my method to aspx page. Like as follow.. url: "Employee.aspx?callmethod=addEmpData" addEmpData is my static method on Employee.aspx page. I dont want to use web method concept here. Now i want to pass parameters to this method from jquery to c# page like as follow: var EmpParam = { Name: $('#dataDiv').find('#Name').val(), Address: $('#dataDiv').find('#Address').val(),
Trying to develop a playable 'music composer' but my audio is out of sync.
Hi Guys, I'm working on building a musical composer whereby you see a musical stave (staff) with both clefs (treble & bass). What I have is musical beats (semibreves, crotchets, quavers etc) which you can drag and drop onto the musical stave. From here, I then wrote a jQuery script to read all the notes that are placed on the stave, building like a playlist. So from here. I pretty much have 2 playlists, 1 for treble clef and one for bass clef. To play the audio, I'm playing the first file of each
Next Page