Validation error messages always show in first tab
I'm using jQuery Tabs (3 tabs) with the validation plugin but the error messages always show up within the first tab. What code must I use to have the error messages associated with the selected tab/form? I'm sure it has to be with this code but I'm not sure how to tell it what tab the error is associated with: errorPlacement: function(error, element) { error.insertAfter(element); } Cliffs: 3 tabs with each tab having it's own form. If tab 3 is selected then the error messages
Displaying larger image, Jquery help please!
http://militarypewter.com/?page_id=308 <--- URL of my project Image on right is my battle. when click a thumbnail it shows into the 'displayImg' What I need is when click displayImg -> go to HREF of image that is currently displayed. Sounds like it'd be easy but its not im a Jquery noob. PLEASE HELP! It will be greatly appreciated! heres the code: Script : $(document).ready(function(){ //Larger thumbnail preview $("ul.thumb li").hover(function() { $(this).css({'z-index' : '10'}); $(this).find('img').addClass("hover").stop()
write values to input and textarea arrays
in my Html i have two array <input name=price[] type=text> and <textarea name=desc[]></textarea> i have 10 of each and upon receiving some data on an ajax call i wish to populate these form elements with that data from jquery, how can i do that. I WISH TO AVOID USING AN ID FOR EACH OF THESE ELEMENTS. Wanted to know if there was a simpler and easier approach to it.... i tried using each but dint work.
Jquery slider
Hi there, I'm just exploring the use of the jquery slider and am keen to make use of the "disabled" functionality. Basically what I want is if a boolean checkbox is unticked (true) then the slider is disabled and enabled when the checkbox is ticked. I've read and attempted to implement the following (http://jqueryui.com/demos/slider/#option-disabled) to no avail. My code is as follows: <script> $(function() { $( "#slider-range" ).slider({ range: true, min: 0, max: 500, values: [ 75, 300 ], slide:
Disabling CTRL+Click on jQuery UI Selectable
Hey Everyone, I was wondering if there is an option on the jQuery UI Selectable that will let me disable the CTRL+Click, but still keep the draggable for the multiple selection. On my project I want to be able for people to select multiples, but only by dragging, not by ctrl+clicking. If there isn't, does anyone know a way I can achieve this? Any information would be really helpful! :) Thanks!!!
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.
Easy Fixed Header and Column Table
I spent the better part of the last couple of days trying to find a good plugin that supports fixed header and column in a table. There are several out there that look like they have gone stale (no recent updates). Most of them are reliant on a fixed table size and/or fixed column widths. Without a lot of work, none were perfect in lining up columns and headers for scrolling and all made use of multiple cropped tables to fix the columns and headers. All of this was too much work for a small
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
Dialog Issue: Iframes break in IE9
We ran into a problem with IE9 and IFrames, using Dialog that others are bound to run into. If you have an IFrame inside a Dialog's content, and IE9 is in standards mode, it will break. This is because Dialog moves its content from wherever its rendered in the DOM, to a first-child of the Body tag. This is (nicely) done to avoid z-index stacking order issues that can occur with IE9 (quirks mode), and below. IE8 and IE9 (in standards mode), however, do not have the z-index stacking bug. The problem
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 ..
Pre-loading images with style
--2011-07-01-- Added feature to use rel attribute with path and leaving src empty for a small performance gain at the page startup. relase 0.9, 0.9.min with sample files version too --2011-04-05-- Added zip with sample html Added project to plugins page: http://plugins.jquery.com/project/imageCacheLoader --2011-04-04-- We got updates, It's getting better =D Mauricio José Rodrigues joined the project, he works with me here at ValeMais Comunicação, he added the classic options object that is a must
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
Next Page