how to disable a page in jquery mobile
Hi I am using jquery mobile in my android phonegap application.I am showing the loading popup in the onload using jquery mobile and when loading popup is shown,i can able to type in the textbox in the html page.How to solve this problem Here is my code: $(document).ready(function () { $.mobile.loading('show', { text: 'Loading', textVisible: true, theme: 'a', html:"" }); });
jQuery Class Selectors - referencing individual elements
Is there a way to reference individual indexes of items within a class selector, when using a for loop? It's probably best if I explain what I am trying to achieve. I have three combo boxes which I would like to fill with, pretty much, the same items. <select name="cboOne" id="cboOne" class="myCombos"></select> <select name="cboTwo" id="cboTwo" class="myCombos"></select> <select name="cboThree" id="cboThree" class="myCombos"></select> So I can obtain all three combos fairly simply by doing: $(".myCombos");
prevent iphone app to auto stretch in ipad
Hi Guys, I have an app designed for iphone in jquery mobile and phonegap. It works fine on iphone or ipod. but the moment i open it on iphone, it stretches it self in the ipad for fluid layout i guess. So how do i prevent it so that it will be centered like other apps.
How to change (add) a DIV class on every input change?
I'm asking if is possible to change (add) dinamically a class to a DIV on input change/validation. Less say for example I have two classes: success and error. The HTML markup is basically this one: <div class="control-group"> <label class="control-label" for="inputFirstName">First Name: <span class="text-error">*</span></label> <div class="controls"> <input type="text" id="inputFirstName" placeholder="John"> </div> </div> So when I fill the input with some value (no matter if is right or not because
if browser is old and not support jquery mobile, what should appear in buttons code place
jQuery mobile buttons code, works in all newest browsers, what if browser is old and not support jquery mobile, what should appear in buttons code place?
script breaks after more than two links: don't know why
What i am trying to do is attach a link or make "clickable to another URL" an image when it briefly comes across the screen that points to the SITE. every time i try to link more than two URL's using the <a> tag to the images and or the menu (unordered list) the script breaks. its giving me the blues.Every time it works when I link the first two images and list items but on the third it breaks every freakin' time. I just don't get it.I have successfully managed to change other aspects of the script
How To Create The Like Box For Facebook Page
Hello all. I am new to this and would like to know if I can create the like box for my Facebook business page posts, and if so, how? Thank you for any help you can offer.
Not able to load JSON when coming from other pages & swipe issue on a page
Here is my index html http://pastebin.com/Svi6kbMF players.html, http://pastebin.com/VKUUaEkv buynow.html, http://pastebin.com/tUpAKFSm Problem I am having is, JSON doesn't load on players.html when I visit it from index.html or buynow.html. Moreover, I am trying to add swipe to players.html but it's not working. Am I wrong anywhere?
Datepicker with Messi Dialog Box
Hi I am trying to use datepicker inside a messi dialog box (http://marcosesperon.es/apps/messi/) which also uses jquery. Basically, a button is clicked, the dialog box pops up and in the dialog box is a form. The form contains a date field, which I want to attach datepicker to. However, when I click in the input box, nothing happens. I know the datepicker is working because if I put the input box on the php page and not in the dialog box, it appears fine. Can anyone help?
Problems Initiating Hidden Slideshow on page load
Hi there - new to this so please bare with me. I am using bxSlider to deal with some gallery displays on a curret project. There is a main slider that is there when the page loads, clicking options in this slider opens and closes other slideshows. The initially hidden slideshows(via CSS - display:none;) don't render correctly when they are called using my current code, instead it bunchess all the frames together and the navigation doesn't work. The Slideshows work fine so long as the CSS is set to
Problem to execute Javascript with JQuery Mobile 1.3.0
Hello, Currently, I'm working with JQuery Mobile 1.3.0 under a "ASP.NET MVC 4 Web Application". In this project, I use Javascript, HTML, AJax, and so on. When I put this line in my code '<script src="@Url.Content("~/Scripts/jquery.mobile-1.3.0.js")"></script>" to use JQuery Mobile, my Ajax and Javascript codes don't work anymore. Do you have a solution ? Thank you
jquery autocomplete - pass just one value, not the entire array
I'm hoping someone can help me out with this, I'm relatively new to PHP as my background is ASP, so I'm a bit stuck. I'm using the following code as demonstrated here htmlblog.us/jquery-autocomplete ...and I've customized it (slightly) to pull information from my mysql database. Everything is working fine, however, my problem is that when the user selects a specific location from the drop down, its passing over the suburb, the state, and the postcode. I only want to pass over the postcode value,
reinitilialize Jquery UI tabs, when changing tab area contents
I am using TABS to show vehicle data for different models, ie, basically one tab for each model. The basic data set is loaded with the web page. jqueryUI is working fine with data initial load. Now, prior to jqueryUI, I was applying filters to the content of this area, to narrow the choice based upon certain vehicle specifications. This is done with a Ajax call that brings in the new data set. The problem is that it throws off the styles set by UI, as the quantities of tabs and their contents vary.
[Solved] Bassistance Validation - SubmitHandler code not running
Hi, I've just downloaded this plugin and was trying to integrate in my scripts. the validation worked as charm on the spot as soon as I've added the code, however the submitHandler seems not to work correctly. I have been through the forum and have seen other people having similar issues but haven't been able to identify a solution. what happened before I've implemented the validation plugin is that my form didn't have a submit button but only two normal buttons one to reset the form and the other
JQuery Modal Dialog close icon
Dear Sirs, I am trying to have Modal Dialog Box that does no have close icon. Any help is very much appreciated. Thank you
Jquery update meta tag?
Hello, i heve some problem. I need update my meta tag ="description". My website he is changing div [ajax] and i need change meta tag for info, home, contact, offers itp. but this code doesn't working : $('meta[name=description]').attr('description', new tags blablalba);
Animate Jquery effect problem.
Hi, I am using jquery animate effect within Jquery booklet. There are add buttons in jquery booklet and If I click on that add button image get animate into Cart ,but Cart is out of that booklet. I am making clone of that image and appending clone to image TD and animating the clone. Now the problem occurs that If I animate the image ,it is animated only in that booklet . I have increase the z-index and also opacity but It was in vain. Please help me. Thanks in advance.
Align 2 Elements
Hello, I have the following HTML: <a href="#">Link</a> <div>Some Text</div>How can I align div with A tag on the following positions: top center, bottom center, right middle and left middle? Thank You, Miguel
JQuery Plugin with 2 Selectors
Hello, I created a JQuery tooltip plugin which can be used in two ways: The tooltip content is the title of the HTML anchor; The tooltip content is passed as an option;I would like to have another option: The entire tooltip markup would be an element in the page. Let me give an example of what I am looking for: $("table td.Task a.Menu", "li div.Menu").Tooltip(); So every link Menu under "table td.Task" would fire a tooltip. The tooltip markup would be the div.Menu
Enable a radio button by selecting another radio button?
I have these three sets of radio buttons: <div class="radio"> <input class="radio gateway" type="radio" id="gateway1" name="radio" value="Gateway: YES" /><label for="gateway1">Yes</label> <input class="radio gateway" type="radio" id="gateway2" name="radio" value="Gateway: NO" /><label for="gateway2">No</label> </div> <div class="radio Gatewayadd">
static button
I've got problem with moving "more" button. I wish it to be stable but it moves when I click on it. Additionally it must be in one box with the rest of content... How can I do it? thanks for help! http://jsfiddle.net/Q892s/8/
Make JQuery UI tabs look like buttons
I would like to have a tab-like interface (like this ones on this page: http://jqueryui.com/tabs/#default) Except that I would like the tabs to look more like buttons on this page: http://jqueryui.com/button/#radio Where each "tab" would basically be a button. Is there a way I can change the way the tabs look so they look more like the "radio" buttons on the second link? Or is there another approach you'd recommend to make the tabs look like buttons? Thanks!
Display Accordian as Vertical tabs
Is there an option to rotate the jQueryUI Accordion 90 degrees? ie: By default the accordion tabs display Horizontally (as rows) & expand up or down (vertically). I'd like to display the Accordion tabs vertically (as a set of columns). And expand them left or right (horizontally) to show the contents of 1 column at a time. Thus I can fit really wide information onto the screen & look at one subject area at a time. Similar to expanding column groups in Excel Is this possible? Thanks
modifying nested collapsible content after return from dialog in jqm-1.3.0
Hi, I've got a page containing nested collapsible content that's dynamically generated through an ajax call to another page. Each element has an edit icon that allows the user to edit the content of what's in the <h3> header. The editing is done via a call to a dialog using the new 1.3.0 capabilities of data-rel="dialog" called from within an <a href=[page] dat-rel="dialog" ...etc. > link. All is well with saving the edit to a database behind the scenes. My problem is that after the user closes
Catching error when .css fails
Is it possible to set up an error handler that is called when a .css fails due to, say, a non-existent URL? E.g. $("#blahblah").css("background-image","url(thisiswrong.png)"); I've tried this but haven't gotten it to work. http://jsfiddle.net/ajb568/xWmn4/2/ Thanks.
Custom Theme
I have put together the first test page of a project. I created and added a custom theme. I have referenced the CDN CSS for in the document as well as the custom theme I created. Everything works great on my desktop server environment, but when I push it out to my production server and navigate there over the web from the same browsers, the themes revert back and drop all of my custom CSS. Any thoughts?
Authentication using jQuery in Worklight
Hello every one is there any one who had develloped a mobile application in Worklight with jQuery mobile ? I need a authentication part Thank's in advance
What type of item should I add to canvas if I have to show and hide it frequently?
I'm a newbie who has to add some text to five areas of a canvas that I will need to show and hide frequently. Was curious what type of tag should I use? I was thinking of using the .append method to add a dynamic DIV or is there a different type of tag that I should use in HTML 5. And is it easy to hide and show. Please help..
[jQuery] Problems w. IE7
Im trying to use the minimized version on a site im developing. It works like a charm in FF/Chrom/IE8+ but when i try to run it in IE7 it gives me: Error: Invalid argument. If i run the debugger it breaks on if((!r||-1===b.inArray(o,r))&&a=b.contains(o.ownerDocument,o),s=Ot(f.appendChild(o),"script"),a&&Mt(s),n)) With the message: htmlfile: Invalid argument. Does this make sense to anyone? Anyone have an idea if how to fix it? Regards -- urnmog
How to access data-code attribute and redirect to some address on click
Hi, I've this HTML code: <ul role="menu" class="dropdown-menu language"> <li><a title="English" data-code="en" class="link" href="#"><img title="English" alt="English" src="image/flags/gb.png"> English</a></li> <li><a title="Español" data-code="es" class="link" href="#"><img title="Español" alt="Español" src="image/flags/es.png"> Español</a></li> </ul> And then I wrote this code: $('.language > li').click(function(){ alert($('.link').attr('data-code')); }); When I click in first LI all
SetInterval with short time in IE9 not update the SRC, only longer time.
Hi all. I use this code for change the src attribute from img tag in short intervals. So i create an animated sequence images as a movie showed in a div. This code function perfect in Chrome but in IE9 it function only I change the time loop in SetInterval for 150 or longer times... Any sugestion? thanks. <!doctype html> <html> <head> <meta charset="utf-8"> <title>Untitled Document</title> <script src="http://code.jquery.com/jquery-latest.js"></script> </head> <script> function teste1(){ var i =
Non-ajax form not posting
I'm trying to add a hidden form that will be triggered to submit to a page on a desktop version of my mobile site, but even stripped down to the basics, the submit doesn't do anything, even just using the button, with the form visible. I've tried everything I can think of, including disabling jQM enhancements, but no luck. Anyone have ideas what I might be doing wrong? Thanks <form method="post" data-ajax="false" id="fullSiteForm" action="http://localhost/myapp/logon.do?site_preference=normal" target="_blank">
Issue in demo page of autocomplete#combobox
Hello, There is a JS error on this page with Chrome 26.0.1410.43m on Windows. Page : http://jqueryui.com/autocomplete/#combobox Error : When click on "Show all item" arrow a JS error trigg : "Uncaught ReferenceError: input is not defined ". Append alltime. Regards, Cyril
addClass to element based on drop down menu select
Hello, I think I'm missing basic terminology again. I have addClass/removeClass code working for child elements when a radio button or check box is clicked. What I haven't figured out yet, is to addClass to a child element when a particular drop down menu value is selected. so in the code below, if "1" is selected then I want to addClass required to phone1, otherwise no class is added to phone1 <select name="date3" id="date3" tabindex="13"> <option value="1">1</option> <option value="2">2</option>
Loop through only five times on XML Success
I have my code written that returns a list of all the items from my XML list. I want to just show the most recent five items based on the <pubDate> which looks like this: <pubDate>Mon, 08 Apr 2013 15:21:26 GMT</pubDate> The code that I have that works is this but I don't know how to read the pubDate and only show the 5 most recent items. <script type="text/javascript"> $(document).ready(function(){ $.ajax({ type: "GET", url: "/feeds/rss/news-feed-2/",
Another Cycle pause/resume not working issue (detailed homework done)
I've successfully implemented Cycle along with some additional code which uses the youtube JS API to communicate video pause and play events. I have disabled pause on hover and created my own mouse events for pausing and starting the slideshow. I have gone as far as to add a console log line to the pause event in jquery.all.js to trace the pause event as I felt passing the command to Cycle wasn't making it to the slider. case 'pause': cont.cyclePause = 1; triggerPause(cont);
Question: What would be the best solution to do this?
Basically, a customer views the page and is presented with a starting base price, they can then drag and drop extras onto the base product and it increases the price, I have thought of many ways to do this such as multiple html pages when a user selects a new product but that way is quite extensive and unnecessary when I could do it using jQuery. So my question is, is there a plugin that can provide this type of functionality? Or could someone quickly write me up some psuedo code? Thanks a lot for
How do I do stacking/shuffling effect for a webpage? Please help. Urgent! Can pay MONEY.
So, basically I want to imitate a deck of card effect for a website I'm creating. http://tinyurl.com/bqobc7s If you go to the above URL, basically I'm trying to create a similar effect but if you look at the design aspect below, I need to have the previous pages shown behind the current page and when you click on the text--- it should appear in front with the same effect.... I hope I explained it correctly. Right now, on my current website (above link), you won't see the content behind "OUR SERVICES",
Dialog position restricted only to frame boundary
Hi Friends, I have frames on my home page, when I open a dialog from my body frame the dialog position is restricted only to the frame border, ie I am not able to position out of boundary of body frame. Please help.
Documentation Update
Please vote to include in documentation in all functions the return value Just a small line: function ... bla bla returns : jQuery object, or previous values There is no reason for manu functions like width when setting a value actual = $(target).width(500); the same for many other functions Or is somewhere any information about the return values? Thanks
Next Page