Best method in JQM to use background image?
I want to use a background using a .png graphic I have to compliment the theme I'm using. I have tried placing styling the body attribute on the external CSS file without luck. I also created a CSS file in the header a page and again no luck. I ran diagnostics on the CSS and page through Firefox and did not find anything in error. I hope someone can provide me with a solution. I also checked to ensure the correct folders where the graphic resides is correct. Thanks in advance Code Snippit of external
Autocomplete not working with jquery 1.9.0
Hi. Does anyone have a problem with autocomplete? My autocomplete work well with jquery 1.8.3 but can not work with 1.9.0 in Chrome, Firefox (IE still work) ? My code: $('.contact').autocomplete({ source: "atcomplete.php?find=contact", minLength: 2 });
Samsung galaxy sIII crashing on input 7
I have a very simple app that converts units (jqurey mobile and phone gap). But it crashes whenever a user types in the number 7 in the input field (all other characters can be entered without any problem). While testing the app locally using Firefox or emulators, I see no such problem. Only when I transfer the apk to my (samsung) phone, the problem appears. I changed the type attribute from number to text and then removed it altogether. Still the same problem. Here is the code snippet. The number
Jquery UI Tooltip, API design is confusing
Can someone please explain the difference between the two: Usage 1: ('.selector').tooltip( { items: 'item_that_needs_tooltip', content: "<p>My tooltip content</p>" }) Usage 2: ('item_that_needs_tooltip').tooltip( {content: "<p>My custom content</p>"}) What is this mysterious ".selector" that appears in virtually any example in the API documentation?? It's not explained at all and examples simply set it as 'document'. Documentation says that when I set "content" attribute, I likely need to change
jQuery datepicker inside tab via ajax
So I have a 5 tab page and all 5 tabs are loaded using ajax. Here is my tab call: $(function() { $("#reportTabs").tabs({ load: function(event, ui) { $(ui.panel).delegate('a.thisPane', 'click', function(event) { $(ui.panel).load(this.href); event.preventDefault(); }); }, spinner: 'Loading...', ajaxOptions: { cache: false ,error: function(xhr, status,index,anchor) { $(anchor.hash).html("Tab could not be loaded. Please refresh the page and try again."); } } }); });In my remote pages I have:
how to use bubbles with jquery mobile?
hi everybody, i'm beginner with jquery mobile and i need to implement an application of reclamation so i need to use bubbles, i would like to khnow if it's possible with the library jquery mobile or i need to integrate other component. best regards.
DatePicker Input Mask
I am using the Jquery date picker. I have a page where the user can enter a date. I want to make sure when they enter a date it will show up __/__/____ when they type it in. I have 3 date pickers on the page I want to mask. All 3 are the same lay out. My Code <script src="SpryAssets/SpryTabbedPanels.js" type="text/javascript"></script> <link href="SpryAssets/SpryTabbedPanels.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="css/redmond/jquery.ui.all.css"> <script src="js/jquery-1.7.2.js"></script>
positioning a new element beneath another
Hi everyone, I am working on a jQuery plugin which operates on the following markup: <ul> <li class="item"> <a href="#"> <ul> <li class="item"></li> </ul> </li> </ul> The entire outer <ul> element has a "z-index" value of 99 and all the rest of the elements inherit that value. What I would like to do is insert a new div element in the DOM and position in under the <a> element. When I say "under" what I mean is not "below" but really
Jquery problem :(
How can i make two jquery.min.js work on same page. i have to scripts : 1) <script src="js/jquery-1.6.3.min.js"></script> 2) <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script> They are for slideshow If i delete script 1 then slideshow 2 works fine. If i delete script 2 then slideshow 1 works fine. But if i keep both scripts then non of two slides work:/
Animate broken after ? jQuery update
Hi, At 4pm local time yesterday, some specific functions have stopped working. They were fixed by changing from the latest jquery library linked from Google, to an older (1.6.1 or something) that is saved locally. Is there a change(or bug) in the latest library that would render this function broken? The symptom is the images-dropox div (and some others) animate to a 0 width and 0 height on page load rather than responding to the toggle. function ImageMenu() { jQuery('#images-tab').toggle(function(){
Styling height/position of tab itself
I have seen the heightStyle attribute that was recently added, but that seems to apply to the container DIV below the tab itself. I'm interested in being able to control the height and perhaps positioning of the tab <li> item itself. Here is my issue: I have limited horizontal space for tabs. I can't use a "scrolling tabs" approach and the content may have long tab names that exceed the amount of space. One approach was to insert a line break so that the tab title wraps to a new line. Example:
Tutorial: css with jquery explained plainly
is there a tutorial for using css combined with jquery?
jQuery 1.9 Errors Under Firebug
Getting the following error in Firebug when loading jQuery 1.9: "docElem is undefined "Line 3811" Using the minified version, the error changes to: "H is undefined Line 2" For a quick test, load this fiddle with Firebug enabled: http://jsfiddle.net/VYDPM/ This happens with both the latest development and stable versions of Firebug. Is this most likely a Firebug issue?
removed element still on screen
I'm having a really weird issue - I have cases when I want to remove an element. I call remove() on it, and it's gone from the DOM, but it's still displayed on the screen. When some event occurs that causes the screen to get redrawn it goes away then. All the other changes I make to the DOM are seen. Any ideas on what could be going on?
Importing data on page transition.
Hi, I have one document containing multiple pages. I also want to import an XML file (online) when a link to another page is called. I am not sure what code to use when this link is used to populate the next page before it is shown. I just want to have the loading message appear before the XML file is called and when the XML is loaded transition to the next page. Currently I am using 'pagebeforehide'. Thanks, Lammie.
Enable button when checkbox is checked
I've searched around and tried different suggestions I have found but nothing is working. I need the submit button to enable after the user checks the checkbox. Here is my code so far: <label><input id="Confirmation" type="checkbox" /><span class="red"> I hearby affirm that the information included is true and correct.</span></label> <input id="Submit" type="button" value="Submit" disabled="disabled" data-inline="true" /> <img class="noFormat" src="/images/help.png" id="RentalRegHelp" alt="Help" title="Help" />
Links don't work -- maybe because all pages aren't completely loaded
I'm building jqm multipage html files using php. Each file has a "home" page and additional reference pages. The reference pages take a bit --about .2 seconds get query results returned and get "printed" in the html file by php. There are links (ordinary anchor tags) in the home page to the reference pages. It all works fine if I wait several seconds after the home page is displayed before clicking on any of the links. However, the links on that page don't work if I don't wait. I'm assuming that
Show/hide div with mouse over
Hi all, I'm new to jQuery and can't quite get my head around this simple jQuery code. I have a Div-1 that contains an image, when you mouse over Div-1 another Div-2 shows with text content, when mouse is not hovering on Div-1, Div-2 hides. Appreciate some help please, thanks.
Jquery Mobile Site design has gone away...
I am using the following code in my head tag for m.whitewatertours.com : <!DOCTYPE html> <html> <head> <title>California Whitewater Rafting with Tributary Whitewater Tours</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta charset="utf-8"> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" /> <link href="twt_mobile.css" rel="stylesheet" type="text/css"> <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js">
Header Problem
When i put an image in my header it surround it with this black box. I want the image in my header to look seamless with the background image. Some please tell me how to remove the black line between them. here is a photo of the header and background.
how to print div content?
I am trying to use jQuery to print DIV content (Print on a printer) here is what i am doing but it is not working <script> $("#print").click(function() { $("#fullContract").printElement(); }); </script>
Submit form plus
Hi, here's what I want to do: 1. When button "Submit" is clicked jquery gathers some information from various divs and writes them in a variable 2. jquery gathers more information from a form (checkboxes and "text"-fiels) 3. jquery submits everything to a php-script. Point 1 is no problem, but I don't know how to get the stuff users type in or check in a form through jquery. Also, how do I tell jquery to submit all this stuff in the way a form-field submit-type button would? Hope I made myself clear
How to open a popup page with in a condition statment?
Hi I want to create a popup page with 800px width and no toolbar or status bar but I want the right scrolbar to be automatic. So I have a php code like do <?php If($sql){ echo 'bingo'; // popup page } ?> How can I do that with jquery?
JQuery Library Upgrade
Hi, Can someone help me out what are the factors to be considered whenever we are upgrading the JQuery library from Version 1.4.2 to the latest verstion V1.8.2? Appreciate all your time and efforts, Thanks! Regards, Sathya
get width of content in iframe
hi, i have i frame with width 240px, i am loading internal webpage of website into the iframe, there is getting horizontal scrollbar, so i need the width of the content.how can i get the width using jquery.
data-autodividers
Hi, I have created a list view in a page using the following code: <div data-role="content"> <ul id="list" data-role="listview" data-autodividers="true"></ul> </div> Is it possible to alter the value of data-autodividers dynamically from a script? Thanks
draw datepicker dynamically
<link rel="stylesheet" href="css/jquery-ui-1.9.2/themes/base/jquery-ui.css" /> <script src="css/jquery-ui-1.9.2/jquery-1.8.3.js"></script> <script src="css/jquery-ui-1.9.2/ui/jquery-ui.js"></script> <script> $(function() { $("#datepicker").datepicker({ dateFormat: "yy-mm-dd" }).val() }); </script> <script language="javascript"> function add_new() { .... mydiv.innerHTML = mydiv.innerHTML +"<input type='text' class='datepicker'>"; } </script> i want the datepicker to be generate dynamically,
jQuery 1.9 + jquery-migrate breaks my 1.72 page
Hi, I added jquery 1.9 and jquer migrate to the header. Now my page just is broken with no helpful message: Error: Syntax error, unrecognized expression: <div id="contents"> <div class="page page_start" id="page_81"> .... A lot of html code in jquery-1.9.0.min.js:2 My page loads content using ajax and evals inline javascripts. But this message is not helpful at all. What's wrong?
writing html in a div affects whole document
Hi guys, I have a function that takes a user html input and writes into a div. The html is written as a whole other html document. The user will write the "<html>" , "<styles>, and <script> tags and the whole content in a and textarea, it then get's outputted as html in a div. Everything works fine, but when the user applies a body color style rule the color gets applied not only to the div but also the whole of the page. Also the body background color doesn't seem to work, my guess is that it
JQM and Phonegap. No alert on button click.
I'm developing an iPhone app with Phonegap 2.2.0 and JQM 1.2.0. I want a phonegap alert to show on button click: $(document).ready(function() { $("#startnewbtn").click(function() { alert('click'); navigator.notification.alert( 'inception' , null , 'Info' , 'OK' ) ; alert('post click'); } } When I tap the button with id="startnewbtn" the first time, 'click' will pop-up. So will 'post click' but not 'inception'. On the second tap there will be 2 or 3 'inception' pop-ups. The
How to apply data-mini="true" to all the page?
... for resolution width 240 or less?
Datepicker Default Date
Hi I've tried out lots of things to get the default date displaying as today but nothing seems to work. I'm using this: $(function() { $( "#datepicker" ).datepicker({ dateFormat: "dd.mm.y", changeMonth: true, changeYear: true, onClose: function(dateText, inst) { var validDate = $.datepicker.formatDate( "dd.mm.y", $('#datepicker').datepicker('getDate')); $('#datepicker').datepicker('setDate', validDate);
Jquery image slideshow works, but jumpy, needs preloading, difficulties on how though
Okay, with the help of this forum, thanks for that (!), I managed to have a slideshow up and running using jqeury that automatically get images from a folder using php, sorts them with array, and converts the whole into a slideshow. the thing is this: the slideshow consists of at least 300 images. I don't know if that's the cause, but when I view it, the slideshow is not functioning smooth. Sometimes it takes a while for an image to display, some appear longer than others, the whole page in general
How to use different style for currently active items on toggles?
Hello! I have used toggles in my template and it works very well but the only mistake it has I want to have a different style for currently active items. I tried .ui-state-active class but then I found it doesn't impress toggles at all. How can I do that? Thanks in advance!
Wrong animation initial value calculation
I already reported this bug 6 days ago when tested first beta of jQuery 1.9 - http://bugs.jquery.com/ticket/13183 Unfortunately, v1.9 come out today and there were no updates and my script is broken. Any ideas when/if this is going to be fixed?
How to put validation?
Hi all, I am creating a table dynamically on a button click but while i am trying to put a validation like if any field of the previous row is blank, next row could not be created on button click and show an alert msg please fill all information of previous row. Here is the code <SCRIPT> RowCount=0; stat=false; function AddRow() { //$("#message").hide(); jQtable=$('#SaleTable'); jQtable.each(function() { var count=RowCount+1; var LastRow="<TR><TD
listview refresh icon
I'm changing the icon on list item ('li') and the list is not refreshed. The code snapshot: var listview = $('<ul data-role="listview" data-inset="true">'); ... var button = $('li#' + id, $.mobile.activePage); button.attr('data-icon', 'check'); listview.listview('refresh'); However the list shows the old icon. Please assist!
How can I have two progress bars inside one?
I want to have a progress bar like this image: I want to first load that grey bar and in half of way black bar starts with a rectangle image in first of it and the heading will be inside of progress bar and an image next to it. I'm really in need of this. Please help me to achieve it. Thank you in advance.
exercises together with arrows
Hello friends! I would make an educational website with exercises together with arrows. What I do is something like this but in html5 http://www.juegos.educ.ar/matematica/165-unir-con-flechas.html I'm a little lost and a little rusty with javascript. Anyone can help me to address this issue with jquery or any book that can help me with these concepts. thank you very much friends! PD: Sorry for my English.
how to slide content gallery only in 1 direction
http://css-tricks.com/creating-a-slick-auto-playing-featured-content-slider/ above content slider i m using all images moving in right direction but as it reached last image it change direction to left to reach 1st image den again after that start moving right.............i want it only to move in one direction plz help i tired with $(function () { $('#main-photo-slider').codaSlider({ continuous: true, autoSlide:true, autoSliderDirection:right
Next Page