Not sure how to add close on .mouseleave
I am using an accordion script and I would like to modify it to close when the users mouse leaves. So open on click close on mouse leave. The first one would be open by default on page load also. Can anyone help with this. I tried changing click to hover, which does 50% of what I want, but they do not close when the mouse leaves. $(document).ready(function(){ $(".accheader:first").addClass("active"); $(".accwrap:not(:first)").hide(); $(".accheader").click(function(){ $(this).next(".accwrap").slideToggle("slow")
Help with dropdown contact form
Hello, I wanted a dropdown contact form for my website and found this one: http://designshack.co.uk/articles/javascript/creating-a-slide-in-jquery-contact-form Problem is, it's just the skeleton and i have to somehow make it send me the mails. I had a contact.php file that did that, but if i use it then the page refreshes and breaks the javascript when clicking Submit. So i believe the only solution is to somehow get the mail into the javascript of which i know nothing since today is the first day
vertical alignment of thumbnails in a fixed dimension div
Ok, I am a complete beginner to this, in fact I am still building my first website. I am attempting to do this all by hand-coding without a CMS in order to try and learn as much possible as quickly as possible. If this post is in the wrong place I apologise, and a pointer in th rigt direction would be appreciated. Here goes, I am trying to peice together a bit of jQuery that will automatically vertically align my thumbnails in my image gallery (they are all different sizes). They are within
Two forms, same name
Hi guys, I have 2 divs on my page with different ids. Both divs contain a form but the forms have the same name: <div id="div1"> <form name="aForm"> ..... </form> </div> <div id="div2"> <form name="aForm"> ..... </form> </div> Is it possible to target one of the forms in jQuery using the div id to differentiate the forms?
Calendar help.
Looking at building or having some build me a calendar for my site. The perfect one is on www.indy.cities2night.com . I researched it, and I am not a code guru but it looks like the calendar is jquery with jquery plugins (?) and Jquery UI (?) . Does anyone know or can provide direction? (or willing to build)
Why won't current tab stay ON?
http://www.shelliezdesign.com/CSS/tabbed2.html This item is almost finished for a project. I've gone over it a few hundred times. Each time a tab is selected, it goes to the correct <p> paragraph and displays the paragraph assiged to that tab, but that tab or current tab does not stay ON. Any suggestions?
ready function or put JS at end of page
I originally thought I should always include js which shouldn't be parsed until the html had been written using the following: $(document).ready(function () { //My code }); I later read that I shouldn't do this (JQuery Cookbook, or something similar) but instead should just include my JS at the very end of the page but before the body close tag. Any comments which is best? Thanks
interrupting animation
Hi there, I'am new with jQuery and I wanted to make a div move. I almost got what I want but I can't get it to work. I want to have a div moving from left to right when hovering a button en go back when you have left the button. This part I already got Exampe Now I want that the green div goes back to left when the cursor has left the button somewhere halfway the animation. So I don't want to wait until the animation is done before the div goes back. I hope someone can help me, Grtz Dietger. My apologies
change background image
hi there i have code below if($('ul#nav li').hasClass('wp_home')) { $('ul#nav li.wp_home').click(function() { $(this).addClass("current_page_item"); });
variable with html code: readable, but not writable
var = "some html code" $(var).find('#some_id').val() That works, and I'm getting value, but! $(var).find('#some_id').val('123')Doesn't change var var.replace is a little bit inconvenient for such tasks.
traversing - how to access jQuery object
I have very simple question (ie probably simple for everyone with jQuery experience, but not for me). Lets say I have the following list <div> <li id="first"><a>one</a></li> <li><a>two</a></li> <li><a>three</a></li> <li><a>four</a><li> </div>Now, if I want to get all the list items after the first, and change the text within the anchor tags, if a certain condition is met (eg change to capitals if it starts with a "t"). How can I do that? My approach was to get all the list items (after the first)
Having a tough time getting the jQuery Datepicker to fire up
Hi, I'm trying to use jQuery for the first time here. I have a number of forums (across many pages) that could make great us of the DatePicker tool. So I've tried to take the code examples that I was able to find, and abstract/wrap them up into a DrawDatePicker(elemId) JavaScript function that is in my common/external JS file included in every page. Here is the the function: function DrawDatePicker(id) { alert("I'm here!"); if(id == "") return; $(document).ready(function()
hover() issue
I want to create a button and whenever a user moves the mouse over it, an image of a hand, previously hidden, will fade in over the button. I mean a custom image made by me, not the hand cursor. Next when the user moves the mouse out, this hand will fade out. Everything works ok if I move the mouse over an edge of the button. If I however move the mouse over the button and the mouse pointer is matching up with the area where the hand will appear, just when the hand fades in, the mouseout event for
what is "div.ui-sortable" ?
Im a beginner,,,, Can you please tell me what is "div.ui-sortable" Im using it in a project to create Igoogle panels. Som
function looks well-formed, but not working
Hi folks: on this page this function, from the head of the page, $(document).ready(function(){ $('.hex').hover(function(){ $(this).find('.hN').show(); }); $('.hex2').hover(function(){ $(this).find('.hN').show(); }); }); should, when any one of the 64 figures in hovered over, make a number appear under that figure. When you hover, the cursor becomes a pointer, so something's happening: but no number appears. The 64 figures you can see are css ".hex"; there's another layer you can't currently see,
jquery home page...what is this type of effect called, and where can i learn more about this type of effect?
hello, first off, let me say that this jquery site itself is gorgeous. seriously excellent. that being said, on the front page (http://jquery.com/) there is a white box in the lower left hand corner with some code, and then it says "Run Code" in a gray box to show you how it works. I thought it was completely cool. I was wondering: 1) what is this type of effect called in the jquery world? ("expanding box"? "drawer opener"?) 2) where on jquery is this specific class of effect discussed in more
Automatically show image that can hide on click?
Hi Guys, I'm not quite sure what this is called (tooltip, dialogue, popup, show/hide) but I've seen it around... I'd like to accomplish the following, as indicated in the attached image. I want an image to automatically appear upon a user's visit 'pointing' to a specific link on my nav bar. Ideally, this will load on users visit, then not load if/when they click the [x]... Thanks for pointing me in the right direction. http://lesdesign.com/fx/pop-sample.jpg -Josh
jquery vertical slider on iphone
I am using jquery slider on my iphone application. But the slider is not moving at all. Ya but when I click on the the slider the handle moves to that point. Can anyone help. Can I have a slider that moves smoothly on the iphone as it moves on the web
.post .....can you remove an entry?
$(".AddBroken").click(function(){ var id = $(this).attr("id"); var html = "<div class=\"drug Broken\" id=\"" + id + "\"><p style='font-size: 16pt;'>1 Broken Vial/Amp <img src=\"Remove.png\" class=\"remDrug\" value=\"Remove\" /></p></div>"; $("#b" + id).append(html); }); $(".remDrug").live("click",function(){ $(this).parent().remove(); }); $(".Broken").each(function(){
How do I get an image to appear automatically?
Hi Guys, I'm not quite sure what this is called (tooltip, dialogue, popup show/hide) but I've seen it around... I'd like to accomplish the following, as indicated in the attached link. I want an image to automatically appear upon a user's visit 'pointing' to a specific link on my nav bar. Ideally, this will load on users visit, then not load if/when they click the [x] (or the image)... Thanks for pointing me in the right direction. http://lesdesign.com/fx/pop-sample.jpg -Josh
Void() error
I am using IE 8 and jquery-1.3.2.min.js. When I run the script debug in IE 8 I get an Object Expected error: Void() on my default page: Line 1 character 1. This doesn't make sense to me - that is all it says and does not give any more detail. I don't even know how to start debugging this since it is so unspecific. It can't be line 1 character 1....or can someone tell me what this means or how to start to troubleshoot this?
rotating subtrees of images
i am trying to rotate a subtree of images at http://db.tgu.ca/work/jq/i6.htm but so far i have not been able to make it continuous...
Tweaking Kwicks accordion plugin for accessible keyboard navigation
I'd like the Kwicks accordion implemented here to open up the next accordion section when the first url link in that section hasfocus / is tabbed onto via keyboard as opposed to using mouseenter to trigger the next section opening via mouse control. Here's the script to which I've added the corrections that were suggested in the comments on Jeremy Martin's blog. See the comments at the top. http://www.tzcdev.com/js/jquery/kwicks/jquery.kwicks-1.5.1.js I think it's a matter of getting the kwicks
Show/Hide elements with same class
Afternoon all, Loving jQuery at the moment, and have sort of hit a hiccup with showing and hiding specific elements with the same class. My idea is, what if I wanted to add a little button to show and hide the contents of a specific comment on a forum post, or blog, whatever. This would be easily done with id's but I'd like to just apply a class to each one of them and allow them to hide their contents. Here is the javascript and html as an example of what I am talking about. Javascript: $(".menu
Tutorials ?
Hi Are there any video tutorials available ? Thanks...
Work for hire
Is there an area to post a work for hire request?
1.4.2.min.js and Complete Example
Hello, I have a quick question. First I am new to the group and I downloaded the lib 1.4.2 in both min and regular variants. When running the code under complete example see: http://docs.jquery.com/Tutorials:How_jQuery_Works and changing the script location of jquery to my local copy. It fails to work as expected when using 1.4.2.min.js, the link sends me to jquery site. When I reference the regular version 1.4.2.js (as opposed to the minified one) it works fine. What causes this behavior? FF3.5.9
jQuery in GreaseMonkey?
In points :) 1. Did I good using @require? 2. Did code should work?? autocomplete form. 3. How to make that script complete country from list. 4. This is for GreaseMonkey 5. Is in code some errors etc? 6. Can somebody help me and show me how to do it good If something is wrong? Sorry for my English. And Thanks. Ok now my code works but I have two problems. 1. All informations is to fill but country is to choose. How to make script that will be chosing one of them? 2. Script have problem with for
Append container divs using jquery
How do I wrap a container div to every three divs + the leftover (the last container should wrap the last one, two or three divs...)? This is my html code: <div class="first">Content</div> <div class="second">Content</div> <div class="third">Content</div> <div class="first">Content</div> <div class="second">Content</div> <div class="third">Content</div> <div class="first">Content</div> <div class="second">Content</div> I would like to append container divs like this, using jquery: <div class="container">
Problem selecting specific related elements
Hi all, Im trying to make a script that shows a certain image when hovering the mouse over a related link. The way the two are linked is by the images id is the same as the links rel attribute. My html look like this: <div class="pageContent"> <span id="first-project" class="thumbnails> <img alt="" src="link to image"> </span> <a class="project" rel="first-project" href="link">first project</a> <span id="second-project" class="thumbnails> <img alt=""
validationEngine form action
Hi I am trying to use the validationEngine for a website submitting a form to an http service on a different server. All the examples use this code to submit forms: $("#formID").validationEngine({ ajaxSubmit: true, ajaxSubmitFile: "submit.php", ajaxSubmitExtraData:"name=anything", ajaxSubmitMessage: "Thank you, we received your inscription from the second form!", success : false, failure : function() {} }) ... <form id="formID" class="formular" method="post"
jquery vsdoc not working with jQuery UI
Hi, Visual Studio IntelliSense for jquery cannot be working when I put the jQuery UI script tag. Note the jquery-1.4.2.min.js and jquery-1.4.1-vsdoc.js was renamed to jquery.min.js and jquery.min-vsdoc.js files. Visual Studio show warning "jquery.min-vsdoc.js: 'chileNodes' is null or not an object @ 5814:4" Try to remove the jQuery UI script tag and $... can be shown in IntelliSense menu. <html> <head> <title></title> <link href="css/jqueryui/ui-lightness/jquery-ui-1.8.1.custom.css" rel="stylesheet"
autocomplete
Hi everyone I have been playing with this jquery autocomplete for a few hours now and have not seen how to get the results from the search back to php in a variable. I have been learning php for a few months now but am completly new to javascript Could someone please give me an example of how this can be done to work with this demo http://jquery.bassistance.de/autocomplete/demo/
Can we use jQuery to simulate a keypress event? Help...
Hi all, I am new to jQuery and have a problem. I am currently working on a kiosk web app, that uses an on screen keyboard. The keyboard is in flash and calls a javascript function as below to input symbols into the text field. function printSymbol(symbol) { document.getElementById('date').value += symbol; }This works fine, however it does not fire the keydown or keypress event so most field related jquery stuff will not work, i am currently trying to get a mask input on this text field, but no
Question about calendar plug-ins
Hi, I would have put this in Using plug ins but I'm super new and this question may be too basic for plugins. Anyhow, I have been checking out the calendar plugins and I was hoping I would find one in which I could display listed events during certain dates. For example, I have a web site for a divers club and we have events that happen on certain dates. I would like to have a calendar in which the user could click a certain date and something shows the user what is going on that day. Does anything
Need a slider recommendation
Hello, my company wants to implement a slider, but we're going to have to able to scale it to different dimensions and possibly use it as a standard ad tag (728x90 for instance). They like the slider on lvrj.com (The Las Vegas Review-Journal Hot Topics just below the reddish box) but that was created specifically to fill that size. I'm looking for something a little more scalable, something where I could either specify a size or number of items to rotate and have it fill automatically, or ideally
jQuery .load() and CSS
I have a page set with some CSS styles for a table and then on a button click use jQuery “.load” to bring in a file with the table. I expected the table to be styled with the CSS that is already loaded, but it is not. Is this typical or am I doing something incorrectly? Thanks!
JQuery menu works on sample html page, but not in asp.net project
OK, so jquery code works fine on a sample test html page. However, when I try to execute the exact same code in my asp.net project, it does not work. I have included the scripts and the paths are correct so it has nothing to do with that. $(function(){ $('ul.jd_menu').jdMenu({ onShow: loadMenu //onHideCheck: onHideCheckMenu, //onHide: onHideMenu, //onClick: onClickMenu, //onAnimate: onAnimate }); $('ul.jd_menu_vertical').jdMenu({onShow: loadMenu, onHide: unloadMenu, offset: -1, onAnimate: onAnimate});
I'm new to jQuery and . . .
Hello everyone, I'm new to jQuery and I've just started reading Learning jQuery by Jonathan Chaffer and Karl Swedberg. Needless to say, I feel like it's my first day in first grade! I've built (a few) sites as part of my freelance graphic design business and recently started learning CSS using David McFarland's CSS: The Missing Manual. I won the books Learning jQuery and CSS Mastery by Andy Budd in Chris Coyler's CSS Off Contest. Using what I've learned so far, I'm rebuilding our online magazine,
ajax process a textarea
I have a form with a textarea that can hold a lot of values. When submitted, a php-script takes over and processes the textarea line by line. When a lot of values is submitted, it can be time-consuming for the php-script, causing the webserver to timeout. I would like jquery/ajax to send one or a few lines of the textarea to the php-script at a time, hence feeding the php-script with a lot of smaller requests instead of one massive one. Kind of like an upload form with a progress bar, but for textarea
Next Page