Autocomplete with Remote and caching?
How much data can be cached in the browser? My records seem to be about 70 characters from roughly 7 columns in my database.
JQM (jQueryMobile) Access to URL history? Ability to move to any location in the history hash
I have a issue with being able to link back to the home page from a AJAX response from a Multi-page layout form submission The structure `index.php` has multi-page agreement (`index.php#agreement`) `#agreemen`t has a form that is using the default AJAX call for submission to (`agreement.php`) From agreement.php I can go back to the last page (`#agreement`) which is expected but now I wanted to go back to the `index.php` page. I can easily put `href="index.php"` but then the session looses it values.
Get Information from tag by other tag
Hello, If I have this code: <div id="test"> <div id="something"> Hello </div> </div> <div id="test"> <div id="hey"> hi </div> </div> <div id="test"> <div id="wassup"> hmm </div> </div> and by : $("#test") I want to call the tags inside, the question is how can I do that?
How to minimize Jquery import instances on my site?
Hi friends I am developing a site for my client in wordpress. According to clients needs I have to add 6-7 jquery instances into a site. means I need to import jquery.js file for each of JQuery effect such as menu, slider, scrooler, tabs, buttons into a site. Because of this site loading time is affected and I need to use noconflict() function to make jquery variable separate for each of JQuery effect. I need help to improve site loading time by minimizing importing of jquery.js file. but I need
Fade Out with pagination - problem
Hello! I thought that I know everything about jQuery FadeOut and FadeIn, but when I tried to use jquery to pagination, I found some problem. I tried some solutions and still without success. The problem is, that FedeOut doesn't work, when FadeIn works without problem. Here is the code I have: jQuery(document).ready(function(){ jQuery('#link-pagination a').live('click', function(e){ e.preventDefault(); var link = jQuery(this).attr('href'); jQuery('#content-pagination').show().fadeOut(500); jQuery('#content-pagination').load(link
How to store login data into cookies by using JQuery ?
Can any one help me in that....
How do I stop a loop in an Image slider (using the Sliderman plugin)
I am using the Sliderman plugin with 1.2.1.js and I was wondering what code i would need to write and where in the document to get a slideshow to end after one loop. Any help will be much appreciated.
TR even/odd selector question
New to jQuery so hopefully this isn't too stupid of a question. I have a html page with nested tables (horrible I know, but none the less what has to be done). Example: <table class='parent_table'> <caption>Title</caption> <tr> <td> <table class='child_table'> <tr> <td>Build</td><td>32bit</td><td>64bit</td><td>Date</td> </tr> </table> </td> </tr> I am using this jQuery: $('.parent_table').find('tr:odd').addClass('alt'); However, the alt class is not being added to the parent tr tags...When I just
Core Mobile Files Throws W3C Validation Errors jQuery
Hi folks, The following basic page, with little more than the jQuery mobile link and scripts, throws the following W3C validation errors. I've addressed each of them with what I see as the justification; do you agree? Page code: <?php header("cache-control: private"); header("content-Type: application/xhtml+xml; charset=utf-8"); ?> <!DOCTYPE html> <html> <head> <title>Page Title</title> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a4/jquery.mobile-1.0a4.min.css"
JQuery equalent for document.getElementById() method
Hi , I am new to jquery world. I am getting some problem while using jquery. on my JSP, I have one input field i.e. <input id="actual0@1#3" value="0"/> I need to get the value of this field using jquery. i am using following statement to get the value : $('input#actual0@1#3').val() however, it is returning me undefined. Could anyone help me to get out of this. I am not getting what wrong i am actually doing. Is it how it should be red or there some other way? Thanks in advance. Regards, Azhar
Malsup Cycle Won't Work
OK, I'm new to jQuery so excuse the ignorance. I downloaded and installed the cycle .jquery.cycle.all.2.74.js and jquery.cycle.min.js and set up the code like on the example: <head> <style type="text/css"> .slideshow { margin: 0px 50px 0px 0px; width: 713px; height: 478px; position: relative; padding: 0px; text-align: left; clear: left; float: right; } .slideshow img { display: none } .slideshow img.first { display: block } </style> <!-- include jQuery library --> <script
Trigger child link when parent is clicked
I want the <a/> in an <li/> to be triggered when the click happens anywhere within the </li>. So given the html... <ul> <li><a href="javascript:alert('clicked!')">test</a> <span>some other stuff</span></li> <li><a href="javascript:alert('clicked!')">test</a> <span>some other stuff</span></li> <li><a href="javascript:alert('clicked!')">test</a> <span>some other stuff</span></li> </ul> ...why doesn't this work? $(function () { $('ul').delegate('li','click', function () { $(this).find('a').first().trigger('click');
collapsible LI heading cut off
The header in a collapsible LI is getting cut off. Is there a way to display the entire text ? Pls advice In this example : This is option one click here <ul data-role="listview" data-inset="true" data-splittheme="e" data-spliticon="plus" > <li data-role="list-header" data-theme="e">Here is some info</li> <li> <div data-role="collapsible" data-collapsed="true" data-theme="d"> <h5 style="white-space:pre-wrap;" >This is option one click here </h5>
How to merge jQuery Google Feed Plugin with Cycle plugin?
Hi, is possible have the same effect of jQuery Twitter Search Plugin using the Cycle plugin merged with Feed plugins? Sorry for my bad english Regards, Maurizio
Add custom button to jQuery UI MultiSelect Widge
Hi.I want to put a asp.net button when the dropdownlist checklist container opens.I'am using the jquery ui (dropdownlist checkhlist) There is an example of what i want down here.Any help is appreciated,thanks. (for example there is a button on the downside of the dropdown checklist container.) .
Trouble with cycle plugin pager in IE...works in other browsers
Please find below my css for the slideshow used on my website. I noticed two problems in IE (I am using v 8). When the slideshow starts, the first pager box doesn't become the 'active' one. It is as if the first 'active' pager box starts prior to the five pager boxes I have. This is confirmed as when the last slide is shown, in my case the fifth picture, none of the pager boxes has the 'active' state. Also, when I hover over one of the pagers, two pagers get the 'active' state. Any help would
How to append just one time
Hi every, I have this code: $(function(){ $(".dialog_open").click(function(){ $(this).append('<input type="text" name="new_qty" id="new_qty" value="" width="5" />'); }); }); And this HTML markup: <a class="dialog_open" onclick="javascript: return false" href="#">Rebajar</a> When I click "Rebajar" the INPUT appears but any time I click in the INPUT one more appears and then another and another, why? What's wrong here?
Each click increases the top position by 100px.
Hello jQuery developers! I have this case: 1) A #box that works as a container, it has overflow:hidden and position:relative. 2) A #dynamic div that is inside of the #box, it has a padding:0 that gives it a height greater than its parent, it has position:absolute. 3) Inside the #dynamic div there are a random quantity of divs with the class of .item. 4) There are two anchors, one anchor when clicked increases the top position of the #dynamic by 100px, the other anchor does the opposite. This is
XML being truncated
I'm trying to get an XML response from a server using: $('#update-target a').click(function() { $.ajax({ type: "GET", url: "http://player.multicastmedia.com/ws/get_vod_player_info/p_l76910t7/api_7ccba1e8-1592-102b-8824-000c291cbe49/apiv_3.6/l76910t7.xml", dataType: "xml", accepts: "application/xml", success: function(xml) { } }); }); and the XML response is being truncated to about half the full length (looking at the response in the Charles http proxy). If
Setting tabs cache option to false not working in IE
I've got a simple page that has a JQueryUI Tabs panel loading content via Ajax. The content source pages are all PHP pages and the content will change frequently so I don't want caching. I've set the cache: false option and it's working perfectly in Chrome and Firefox. However, the tab content is always cached in Internet Explorer 8 and 9. This is for an Intranet-based application and all my clients use IE8. Any suggestions? Thanks, Mat
Update to jquery-ui 1.5.1
I have a site successfully using jquery-ui 1.8.9 with jquery 1.4.4. I'm using several jquery-ui native widgets such as tabs, datepicker, autocomplete, and several other plugins such as jqgrid, a validation engine, data input mask, etc. I am using the Smoothness jquery-ui theme. I wanted to tweak the theme settings so created a custom theme by editing some of the properties in Smoothness using the jquery-ui theme roller and downloaded to my site. The theme package contained a new jquery version
pulse images on page load
Hi I'm new to jQuery, I can cope by customizing plugins but not writing my own... yet. I have a page with 20 images, and I want say 8 of them to fade in and out when the page loads as these have special links I want people to notice (ideally I'd like them to reduce in size as well as fade in and out - but that may be too much to ask for). With mouseover, I'd like the image to be 100% opacity, on mouseout the image pulses again. I have found all sorts of tutorials with pulse effects on mouseover,
Alpha 4 drops fullscreenmode after loading subpage
Just upgraded to Alpha 4 and it seems to work nice but now I notise that the browser locationbar shows up when I click/tap a link on my iPhone I see the same effect on http://jquerymobile.com/demos/1.0a4/ Is this something that is made intentionally?
Selectors, selectors selectors!!!
I'm a little confused by the sheer amount of selectors and wonder if anyone can help out a noob. I want to find the first level only inside an element. For instance; <div class="my-class"> <ul> <li>this one <ul> <li>that one</li> </ul> </li> <li>this one</li> </ul> </div> I need this one, and this one, but not that one Thanks in advance. John
disable & re-enable JCrop. Possible ???
Hi, Am using JCrop for performing image cropping, I came across a scenario where disabling and re-enabling of JCrop is necessary. Is it possible to disable & re-enable JCrop.Please,advice.
JQM version of JQuery form wizard?
Before I go create something that will write out the div data role tags, is there a version of the JQuery Form Wizard written to produce the output required by JQuery Mobile? The JQuery form wizard (which seems awesome) is located here: http://thecodemine.org/#_demoForm=confirmation Thanks in advance!
How do I get the tds in the second row of a table?
Hello, I'm new to jquery and I'm trying to get the data in the second row of a table, but I can't figure it out. I can get the first row with: $(this).parents("tr:first").find("td:nth-child(2)").text(); But I can't figure out how to get the second row. Any help would be appreciated. Thank you. David
jMediaelement 2 Slider needed From and To
Hi All, Thanks for you attention.. I am new in this field. I am currently using the jMediaelement ... My Requirement is.. I need two slider on the timeline which wil act as from and to .. User will move , select perticular timing as a start point/ end point using those two slider. Look at the PNG . it has a red color slider button ..
IE Flickr on mouseover
I searched around on Google but couldnt really find a fix that worked. The problem kind of speaks for itself when you look at http://on-site.nl/jstest/dropdown/ in IE and hover over the "print/afwerken" item. It flickers when you hover over the subitems. This is the code I have now. The problem was that you could hover over the main item "print/afwerken" and the dropdown would show up, but the color of the first item "print/afwerken" should become white instead of blue, so I added an ID to it to
Homepage banner to rotate on timer
Hi, I have a feature banner on my homepage which is comprised of a banner image and 4 tab-like buttons. When the user clicks one of the tab buttons the banner image changes. This all works using the code below: $('#promo-items img').not(':first').css({opacity: 0.25}); $('#promo-items li').click(function(){ var itemClicked = $(this).index(); $('#promo-items img').css({opacity: 1}); $('#promo-items img').not($('img',this)).css({opacity: 0.25}); $('#promo-selected a').css({display:
Jquery File Explorer - security and two instances
Hello, I have created a plugin called JQuery File Explorer (maybe I'll change the name later, who knows?) It's designed to mimic Windows Explorer-type operation. I was wondering if anyone would be willing to have a look at the code and address two glaring issues that I have: 1. It seems like something like this would be pretty insecure, so I would need to maybe put something in the ASP backend to prevent someone from arbitrarily changing the location of the root folder via Firebug or something
Back button bug on iPhone?
I have an external page on which I show a fullscreen image + a constant footer where I've placed a back button [to accommodate the iPhone's inability to offer a 'back to previous page' function when displaying fullscreen pages which hide the phone's lower nav bar - you can achieve this once the website has been added to the phone's home screen bookmarks]. However, a curious bug now occurs; on Android phones, when I click back to the previous page [from the external page] all works fine but on the
Help for noob
Hi, i'm relatively new to the world of jquery and javascript so would appreciate some help to get the right approach to this function. I currently have a dropdown menu - standard css dropdown really <ul class="hover"> <li><a>level 1</a></li> <li #id="tab1"> <a>level 1</a> <ul> <li><div class="dropdown"></div></li> </ul> </li> <li><a>level 1</a></li> </ul> I want to enhance the presentation on hover with jquery so I have taken a few steps already. 1) Firstly I switch a body class from 'no-js' to 'js-ok'.
Hover script help. Please
Hello, I am working on a hover script but I don't understand why it is not working.... <script type="text/javascript"> $("#social ul li").hover(function(){ $(this).animate({margin-left:"5px"}, 100); } </script>
Open jquery lightbox by clicking on span and not a link
Hello, is it possible to open the lightbox by clicking at a span and not at a <a href for example: <span class="lightbox"><a href="/images/testpicture.jpg">test</a></span> Thanks
Animation Query
Hey everyone, I have a problem that's been irritating me for a few days as I am relatively new to the animation part of jQuery. I will explain what I am trying to do. A button is clicked (works) An ajax call gets a number from a php script and brings that variable to the page (works) I then show the number on the page (works) The part that doesn't work is that I want to have the number do the following: 1) Increase font size over.. 2 seconds lets say 2) Move up the screen about 50px over 2 seconds
How to avoid enhance a particular element
Is it possible to mention not to enhance that particular element (e.g : a button) Thanks in advance. S.Premchandar
Issue with scroll loader fade-in in IE8 using jQuery 1.5.1
Hi, I've put together a scroll loader using jQuery and classic ASP which works fine in FF and Chrome on Mac and PC and Safari on the Mac. IE does not work correctly. The scroll loader uses the example at Web Resource Depot (http://www.webresourcesdepot.com/load-content-while-scrolling-with-jquery/) as the basis of the loader. I've added an empty div with a height that allows the user to scroll down a little before retrieving the next set of items using the loader.asp script. Once retrived, I fade
JQuery UI submit & button style difference
Hi, I use UI for designing my layout, but found that "<input type=submit" button has fewer bottom padding, than "<button>" type, so they looks different side by side. (imagine: Submit - Cancel ) I use the same class for both. When I try to use <button> for submitting, my form doesn't submit, nor validate, so I dont think changing code this way. Maybe I should 'hack' the CSS, but how? I use default Themeroller theme "cupertino". And I don't use any icon inside the buttons. Any suggestion? THANKS
Populate Drop Down List using jquery mobile from textbox
I have a textbox whose id is other and I want to populate this textbox value into drop down list This is javascript I am using to populate... but this is not working.. Any suggestion will be appreciated...!! I want to do like this:- http://viralpatel.net/blogs/demo/dynamic-combobox-listbox-dropdown-in-javascript.html <SCRIPT language="javascript"> function addCombo() { var textb = $('#other').attr('id'); var combo = $('#category').attr('id'); alert(combo); var
Next Page