also Resizeable help.
Hi, I would like to know when was alsoResizable option offered in the Jquery UI ??? I have jquery 1.7 and jquery UI 1.8.2 I am trying to use alsoResizable but not able to do this. I think it's a later version that got this out. The code I have is this: http://jsfiddle.net/mFmc7/ but I notice the versions I have I tried them in that jsfiddle.com but it won't work. Unless I add UI 1.9.2 it then works perfectly. Do I have to use 1.9.2 and if so what version of jquery ? The problem for me is
apply class distinction to two flip buttons
It must be very simple, but I somehow can't progress with it. Pls help. I want to make the rightmost switcher slightly wider <select name="flip-1" id="flip-1" data-role="slider" > <option value="off">convex</option> <option value="on"> concave</option> </select> <select name="flip-2" id="flip-2" data-role="slider" class="bigga"> <option value="off">parallel</option> <option value="on"> perpendicular</option> </select>
How is the API documented in jQuery in order to provide intellisense?.
Hi, Have the below query. Please help me to understand. We have javadoc way of providing documentation for java class and methods. Similarly, What's the standard way of documenting javascript?. I added the following js file and in my html made reference to the script <script type="text/javascript" src="js/jquery-1.8.3.js"></script> <script type="text/javascript"> $(document).ready(function() { $(selector). // It immediately shows me all the methods possible }); </script>
using jquery vertical scroll with asp.net datalist controll
hi.., I am having a datalist in which im using image button to bind the images dynamically from database based on category. this category will be changing for every 10sec. and i want to scroll the images upward i.e marquee. im using marquee to scroll up the images ,till here everything is working fine. but i want to use the jquery verticall scroll because there are draw backs with marquee. when im using the jquery verticall scroll,images donot scroll. if i take 4image buttons and to the same thing
jquery progress bar
I would like to set up the starting value 20. I changed the min value to 25. However, It still start with 0. How should i do for it?
A suggestion on using background images
With the problem I am having with specifying a background image in my CSS file, It would be a nice touch if Theme generation would allow the ability to specify a background image. I know that you can apply a color but not an image. Would really simplify things.
image protection
I've written my website with Jquery and everything's working fine. My problem is that my images are stolen regularly. I'm an artist and don't really mind that people are reposting my work, but not one of the thefts credit the original source, namely ME. Aside from watermarks, which I will add to the images, can anyone suggest useful mechanisms for image protection? I believe that Flickr uses a transparent overlay to prevent dragging and dropping. Is there a Jquery item that adds this option to an
Jquery Ajax post to a php script on the same page as the html
I am building an admin page for my wordpress theme and i thought of posting my form content to a php script that is on my html page.The php script is used to insert and help in editing my form.Here is the script. <?php echo date('H:i:s'); ?> <html><title>Ajax Example</title> <head> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"> </script> <script type="text/javascript"> $(document).ready(function() { $("#main").on ("click", "#login", function(event){
Need clarification the use of data-inset
URL: http://mobilehost.me/MP/ Version JQM 1.2.0 Hate to tap into your busy day for a simple question, however I have tried ti implement data-inset on several pages of my site I'm building as a learning experience. It works great and as explained in the doc, but, on one page it will not work, no matter what I do. I know it's me but I can't figure out what I did. I referenced several books I purchased,and looked at my working pages. My understanding on inst is if not specified, the default is true.
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
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
Next Page