[jQuery] jQuery validation error message to specific span id
I am using jQuery validation plugin and I want that the error message to be displayed in a specific span with id="test". How do I do this?
[jQuery] How do I compare two form fields using the form validation plugin?
I have a form with two radio button lists. Each list has the same set of choices. I want to make sure that something is checked in both lists and that the value in the first list is not the value in the second list. I know I could write my own submit handler to do this, but I'd like to work within the jquery form validation plugin because I already use it in other places. Any ideas how to do this?
[jQuery] jQuery Scrollable PlugIn Questions
Hi, I am using this plugin with one pane been shown at a time and I have those little circles on top to navigate through each pane. If I have three panes within my carousel, so therefore against each of these little circle buttons, it assigns 0, 1 and 2 as href values, how can I get access to these href index values when I click on each of these circles? I basically would like to capture the pane href value I am currently on when clicked but I don't know how to do this or locate onClick event within
Calling jqueryui dialog from iFrame
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <link type="text/css" href="Library/css/redmond/jquery-ui-1.7.2.custom.css" rel="stylesheet" /> <script type="text/javascript" src="Library/js/jquery-1.3.2.min.js"></script> <script type="text/javascript" src="Library/js/jquery-ui-1.7.2.custom.min.js"></script> <script type="text/javascript">
[jQuery] How can we stop the "animate" function?
I wonna stop an animate function which hasn't been completed yet. For example; <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("div#button1").click(function(){ $("#box").animate({ "margin-left" : "150px" }); }); $("div#button2").click(function(){ $("#box").animate({ "width" : "500px" }); }); }); </script> I started button1 animation, If I click "button2","box" must stop animate1 and start animate2. How can I do this?
Add an action to html generated by javascript?
How can I add an action to html generated by javascript? In the example below I add a link with the class 'example' to a div after a click on the 'test' link. (this is still working fine). Now, when I click the example link, nothing happens. How can I make this work? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/ xhtml1-transitional.dtd"> <html lang="nl"> <head> <title>testpagina</title> <script src="jquery.js" type="text/javascript"></script> <script
[jQuery] ANNOUNCE: new revs of listnav and listmenu plugins
Hi All, New versions of the jquery listnav and listmenu plugins are now available: http://www.ihwy.com/labs/jquery-listnav-plugin.aspx http://www.ihwy.com/labs/jquery-listmenu-plugin.aspx What's new: -- ListNav plugin --------------------- 1. added an includeOther option to provide a top level '...' nav link to access items that start with chars other than A-Z and 0-9. For example, chars like Ä and Ü. 2. added a prefixes option to provide a way to show "The New York Times" under T and N. Pass in
Passing a variable from html to an external js
Hi, I've used jquery to create a tabbing system and I want to be able to use it on multiple pages. I want to be able to pass a variable containing the number of items in the list from the html to the js file. Inside the js file I have this function: function change(key, n){ hideTabs(); var tab = "#tab"+key; showTab(tab); for (c=1;c<=n;c++){ var id = "div#opt"+c; onClick(id, c, key, n); } var opt = "#opt"+key;
[jQuery] FLV Gallery problems with IE
I am wrestling with the FLV Video Gallery -- a WordPress plug-in. Basically it allows you to stack thumbnails on a dedicated page, and when the viewer selects one you get the JS gallery treatment where the page goes dark and the video plays in the FLV Gallery player. (Link below) It uses Simple Modal 1.1.1 -- I updated but it caused problems. The developer is not to be found and I can't find a similar plug-in for internal video archiving on WP. Problem 1: When I tried updating the Simple Modul but
jQuery 1.3.2 with AJAX without ActiveX?
Hi, I just was playing around with jQuery and decided to use it for my development work. I noticed, that in IE7 no ajax request is working if ActiveX is disabled. I thought, that at least >= IE7 activex is not needed and the XMLHTTPRequest Object is used (activex needs to be disabled for security reasons) unfortunatly thats not the case. I dont get ajax working with activex disabled. What I'm doing wrong? I dont understand why jquery wants to use activex in IE although it's disabled. in the ajaxSettings()
How to select form action?
Hi, I got form with ID submit: <form id=submit method="post" action="" target="_blank"> ... </form> and I'm trying to select action of the form so that I can append a link to it. I've tried: $("link.php").appendto(("#submit").action); $("#submit).action.append.("link.php"); Neither of them works. I can't figure how to select action of the form. Please help and thanks in advance.
[jQuery] Detect special Alt characters inside a keypress()?
How can I detect special alt characters like ♥♦♣♠ inside a keypress() event, so if spotten will return false? thanks.
[jQuery] Forms and Dialog UI
I am using the Dialog UI and want to post a very simple form. In add browsers tested (Windows & Mac), the form data does post to the action page, but there is no response so the callback fails. However, one Mac G5 computer running 10.5.8 and Firefox 3.5.2 or Safari 4.0.2 everything works perfectly. Data posts properly and I receive the anticipated response triggering the callback. Looking at Firebug (novice user here) I see a discrepancy between the one computer that works and the others that don't.
beginner problem - changing element in parent container
so let's say i have several instances of this on the page: <div class="container"> <h2>value</h2> <a href="#" class="blah">blah</a> </div When the link is clicked the value of that particular h2 should change. tried this: $('.blah').click(function() { $(this).parent().('h2').html(newvalue); } what that does is change the value of ALL h2 elements on the page. what am i doing wrong?
[jQuery] Inheritance for non-jQuery objects?
Hi folks, I've been using jQuery for some time, but I'm new to how the internals work. I would like to create this basic inheritance architecture for my website: Root class: core.js - stores all common functionality Sub classes: home.js - home page player.js - a youtube player trends.js - a page with video trends about.js - our about page Right now, we have one file, index.js, that contains a huge, loosely stitched together sequence of functions that may or may not utilize jQuery. My question is,
[jQuery] jquery validate remote() - display returned message.
In the documentation for the remote option of the jquery valdiate plugin, it says the remot script can return true, false etc. or "....a string, eg. "That name is already taken, try peter123 instead" to display as the error message." What I cannot work out is how to actually display the the message returned by the remote script as the error message for that field. Does anyone know how this is done? Thank you in advance. Jason
[jQuery] malsup's form plugin
Hello all -- How does wrapping a json response from the server in textarea tags help following a file upload?
[jQuery] Sloppy Documentation of Ajax Methods
Here are the descriptions for the Ajax methods: load -- Loads HTML from a remote file ... ajax -- Load a remote page ... get -- Load a remote page... getScript -- Load and execute a local javascript file... post -- Load a remote page... So, if we want arbitrary HTML we have to use "load", but if we want a whole "page" (where is that defined?) we have to use "ajax", "get" or "post"? The "execute script" function (called getScript for some reason) only works with local "files"? I believe it will work
Tweening div position and height?
Hey guys hoping i could get some help Ive got a div sitting at the bottom of my page roughly 200px high and i want to have a button that when clicked will tween the height of the div to roughly 600px and also tween the css top property so the bottom of the div stays in the same place and the top just slides to the top of the page. Is that even possible? haha This is what I have so far to change the size but not sure how to go about the tween $(document).ready(function(){ $("#more").click(
[jQuery] Fading IE Problems
Hi Everyone: For a client, I am attempting to get this site to work in IE and other web browsers (currently only works in Safari and Firefox for Mac): http://www.randomscripts.net/think_company_world/main.php I am using JQuery's fadeIn and fadeOut functions on the pictures to cycle them through in the background. I am wondering if anyone could take a look and tell me what's preventing this from running in browsers other then the two listed above. Thanks for any help!
[jQuery] How to use this "this" event which has been passed to a function as a parameter
Hello, I have a link; <a href="javascript:{}" onclick="DoSomething(this)">click me</a> And what i'd like to do is use the "this" object to manipulate the css of its parent; function DoSomething(obj) { if(obj) { $(obj).parent.addClass("newstyle"); //i can do this with javascript, but i dont want to write styles into my js //obj.parentNode.style.backgroundColor = '#FFFFEE'; } } Does anyone know how to do this with jquery?
[jQuery] help with image titles & jQuery Slideshow
Hi I am new to javascript and am having a lot of trouble with a photo slide show I am creating for a website- I used a jQuery based program called Galleria. Here is my problem- Galleria creates thumbnails for you from your images- you make an unordered list in which you put all the img tags. Whatever you title the image comes up as a caption under the image. I wanted ideally to be able to put links in this but since you cannot put more html into a title="" attribute i dont know what else to do- Basically
[jQuery] Validation Error message help
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML><HEAD> <META content="text/html; charset=us-ascii" http-equiv=Content-Type> <META name=GENERATOR content="MSHTML 8.00.6001.18813"></HEAD> <BODY> <DIV><FONT size=2 face="Trebuchet MS"><SPAN class=547330816-11082009>I have this script:</SPAN></FONT></DIV> <DIV><FONT size=2 face="Trebuchet MS"><SPAN class=547330816-11082009></SPAN></FONT> </DIV> <DIV><FONT size=2 face="Trebuchet MS"><SPAN class=547330816-11082009>$(document).ready(
Newbie Please Help I cant get any jQuery to work...
Hey Everyone. I am very new to jquery and have been trying to learn and understand everything. I have followed the beginner tutorials on the jquery site and several others very closely and have done everything exactly the same. My issue is i cant get anything to work. not even simple things. This is very frustrating and have been puling my hair out trying to figure out whats wrong. attached is my code for a test page with a simple fadeOut for reference along with the link for the live page . http://ianculley.com/test
[jQuery] Is it possible to bind 2 events in different namespace to an div element?
Is it possible to bind 2 events (same event name but in different namespaces) to an div element? For example: $('#testId').bind('eventName.nameSpace1 eventName.nameSpace2', function () { alert('test'); }); $('#testId').trigger('eventName.nameSpace1'); $('#testId').trigger('eventName.nameSpace2'); The alert will only show up once. Any idea why ? Thanks in advance :)
Interesting concept – Accordion and Cycle gallery
Hi. This is my first post here, and I am also quite new to JQuery. Any help configuring this interesting concept I have would be much appreciated, so thank you in advance. The concept: A Cycle slideshow that is controlled by an accordion. I first thought of the idea when looking through templates on ThemeForest.com and saw a template layout with both the Cycle and Accordion scripts, although they did not interact with one another (if this already exists, please post a link). Here's the template link:
[jQuery] FadeOut - Pause - FadeIn (Force jQuery to wait for a fade event to complete before moving on)
In a post made almost a year ago, user Iminay asked for help forcing jQuery to wait for a fade event to complete before initiating the next action: http://groups.google.com/group/jquery-en/browse_thread/thread/bbe0471b780e666a After two helpful posts, it seems that his problem was solved. Unfortunately, I'm not able to replicate his success with either of the posted solutions so I'm asking for some clarification and some assistance. In essence, I've got the following chunk of code that rotates images
[jQuery] jQuery not working with content that is loaded in.
Hi, I'm building an online application, and I want one widget to refresh every time a user clicks a certain element. So I wrote a jQuery on click listener that initializes the function to reload the widget. However, when the widget is reloaded, all of the javascript effects stop working for that widget only. It's like I disabled javascript for that part of the page only. Javascript still works everywhere else. Can any of you jQuery gurus think of a reason why? (preferably one with an easy fix :P)
[jQuery] A complicated menu. Need some help.
My navigation menu is quite complicated and I can't get it working. Can someone please help? That's what I want and have until now: A nested <UL> menu that slides to the left if I click a link with sub- menus and fade in the sub-menu. (sub-menus are not displayed by default via css) <ul id="navigation"> <li>Home</li> <li><span>Products</span> <ul class="level2"> <li>Product A</li> <li><span>Product B</span> <ul class="level3"> <li>Product
Editease login freezes
I installed Editease on my IIS server. It seems to work but when i logon the logon dialog freezes and nothing happens. Doe anyone have a suggestion?
[jQuery] Change bg image on hover
Hi guys I have a dropdown menu. When the dropdown is hovered, I need a bg image to show, then slowly fade out when the mouse leaves. I wrote this little script for it: var $j = jQuery.noConflict(); $j(function(){ $j("#dropdown-nav li ul li").mouseover(function(){ $j(this).stop().before('<li class="hoverbg"></li>'); }), $j("#dropdown-nav li ul li") .mouseleave(function(){ $j("#dropdown-nav li ul li.hoverbg").stop().fadeOut(300, function() {
[jQuery] HTML5 video tag available?
Hi, do you know if it is possible to use selectors for a video tag? For example: $(this).find('div.misc').find('ul').addClass('thumb-fila').find ('li').find('video').each(function(){ }); to capture the video tags on a li? Thanks
[jQuery] iframe not always loading
hi i have http://www.qualitydesign.ro/test/jquery/ and at the "three" button i've inserted an <iframe>..</iframe>, but it's loaded only once, click on the "one", "two", "three" and again 1,2,3. what seems to be the problem? i'm using jquery-1.2.6.js thanks.
[jQuery] Embedded JavaScript Not Loading With .load() Call
I'm using this code for my website to load pages dynamically: var hash = window.location.hash.substr(1); var href = $('#nav li a').each(function(){ var href = $(this).attr('href'); if(hash==href.substr(0,href.length-4)){ var toLoad = hash+'.php #content'; $('#content').load(toLoad) } }); $('#nav li a').click(function(){ var toLoad = $(this).attr('href')+' #content'; $('#content').hide('fast',loadContent); $('#load').remove();
[jQuery] Pagination
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML><HEAD> <META content="text/html; charset=us-ascii" http-equiv=Content-Type> <META name=GENERATOR content="MSHTML 8.00.6001.18813"></HEAD> <BODY> <DIV><FONT size=2 face="Trebuchet MS"><SPAN class=878171419-11082009>Does anyone know how or if possible to remember where you were at in pagination?</SPAN></FONT></DIV> <DIV><FONT size=2 face="Trebuchet MS"><SPAN class=878171419-11082009></SPAN></FONT> </DIV> <DIV><FONT size=2 face="Trebuchet
[jQuery] Tablesorter with rowspan applied to a table cell?
While sorting a table with the Tablesorter plugin, I'd like to have a table cell within an interior column use the rowspan attribute (the result being this column has only a single value). I can't figure out how to use it however. The docs I saw (http://lovepeacenukes.com/ tablesorter/2.0/docs/) go over using rowspan within table headers, but I don't see info on rowspan with table cells. Below is some example code with only two rows. One row has a rowspan="2" for the Email cell, and the other's email
[jQuery] Replace script tag
Hello! I used this little code to replace some content with jquery: <script type="text/javascript"> function Csere() { $('#lufi').replaceWith('Duma'); } </script> 111111<script type="text/javascript" id="lufi">Csere()</script>222222 This works fine, but i'd like to eliminate the id attribute from script tag. I tried $(this).replaceWith('Duma'), and $(this).parent().replaceWith('Duma'), but neither works. How can I solve this? Lay
[jQuery] how to write a frameset with jquery
Hi, I'm trying to output a frameset and I tried everything but can't get it to work. The frameset never appears in the generated html. The html and js code is the following: index.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http:// www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/ jquery.min.js" type="text/javascript"></script> <script src="scripts.js" type="text/javascript"></script>
[jQuery] How to identify if user chose to see secure only or secure and nonsecure items
Hi. I don't know if this is the right place for this question. If not, pls let me know where this should be go to. My site is secure but also contain non secure items from google adsense. users have the options to view secure only or secure and non- secure item. I would like to be able to identify what that user chose so I can show some other things if they choose to only see secure items. Any help will be appreciated. Son
Including jquery causes flickering
Hey everyone, I just started using jquery and decided to apply it to a client's website. Everything was great until I noticed an awful flickering that was occurring. On their site jquery seems to cause the site to flicker in safari 3 and 4 when ever you enter a page. This happens without even calling any jquery functions; just including the external js file in the head will cause it. I have tried removing all other js on the site but the flickering continues. Removing the script link resolves the
Next Page