[jQuery] .live() question
Hello, I have a question regarding live() and die() I attach an event like this: $("#demo1 li a").live("click",function() { ... anonymous function ... }); #("#demo2 li a").live("click",function() { ... same anonymous function ...}); The question is how to use die() on #demo1 properly? Calling: $("#demo1 li a").die(); // Cancel the event on #demo1 and #demo2 $("#demo1 li a").die("click"); // Cancel the event on #demo1 and #demo2 $("#demo1").find("a").die(); // Cancel the event on #demo1 and #demo2
[jQuery] Preventing animations from piling up due to fast mouse movement
I've got a jquery function set up where it simply opens up a minicart div when the cursor is placed over the shopping cart icon. My problem is when the cursor is placed on the icon and removed very quickly more than once, and before the animation is complete, the animation gets queued infinitely. Here's the code, very simple: $('#cart_link').mouseenter(function(){ $('#minicart').slideDown(300); }); $('#cart_link').mouseleave(function(){ $('#minicart').fadeOut(0); return
[jQuery] JSMag - call for authors
Hello all :) I run JSMag, the magazine for JavaScript developers, over at http://jsmag.com. We publish a monthly PDF magazine bringing useful JavaScript content to readers each month. Our third issue is coming up next week in May. While we're not exclusively focused on jQuery, we are certainly happy to talk to authors from the jQuery community who have useful/ interesting content they're interested in publishing. We do pay a nominal honorarium for contributions, and you keep copyright on your content.
Clone with Select values
Hi, I discovered recently that for some reason when you clone a form the select values aren't copied over. It seems to be something a few people run into so I came up with this function that would work for select values. [code]function cloneForm(id, withEvents) { var clone = $(’#'+id).clone(withEvents); var selvals = []; $(’#'+id+â€
Appending <p> with value from <a>
I'm trying to insert the title from an <a> into the <p> as an append. Right now the two functions are being called onMouseover and onMouseout. I'm not sure how to pull the text value out of the title based on which <a> is being hovered over. Any suggestions? function TestAlert() { $("p#test").append($(this).title.val()); $("p#test").show(); } function TestOut() { $("p#test").empty(); $("p#test").hide(); }
Roll your own~
I have an idea for a website, but it hinges on the ability of this to work, and to be effective on the server time available. I am looking t create a repository of certain, small but numerous items (100k - 5mb at norm) and other than straight out downloads allowing a user to 'roll their own' pack of items and download them as a pack (.zip or .rar compression). I can see this working for a small group of items, but is it effective to have the server compressing and making these packs available for
Jquery Table Shorter - Specify columns to be sorted
I want to specify the columns in the table to be sorted except sorting all the columns. Please help
[jQuery] conceptional question
hey there, i want to make keyimage-slideshow for a website with a header navigation. everytime you <b>hover a menu item</b>, a <b>slideshow of images</b> related to this menu-item should start in the <b>keyimage-area</b>. how would you build st like that ? is it possible to make some kind of object which i can controll like that: $('#keyvisualBox').keyVisualSlide({ fade: 1000 }, [ { src: '/files/dynamic/generic/655x163-216_ac188.jpg' }, ..... ]); // initialize ?? and than this: $('#keyvisualBox').keyVisualSlide({
JQGrid altRows Property
Hello All, I created a JQGrid and i want to use the altRows property which create a “zebraâ€
Turning a jquery image slider into an image fader
Does anybody know whether its possible to modify this: http://cssglobe.com/post/4004/easy-slid ... or-sliding To change from a slide effect, to a fader effect? Many thanks
live events to a li elements with jquery
Hi. before all i'm not a english speaker. Please be patient with my language. btw... I have some kind of the following UL as a menu <ul> <li class="link" title="index.php"><a href="#">index</a></li> <li class="link" title="main.php?option=1"><a href="#">main</a></li> <li class="link" title="etc.php"><a href="#">etc</a></li> </ul> And im trying with jquery to make them load content (the php files) into a div by ajax $(".link").each(function(){ var url = $(this).attr("title");
Handling varying number of elements in jquery ajax
I'm writing an application where the number of fields in a form is interactive. The user can add as many fields as they want. When they hit save, I would like all the fields to be saved. My question is how to handle the varying number of fields with an ajax POST function? My problem is that the ajax post function needs to know ahead of time which elements will be saved, but by having the number of elements change, I don't know how to handle this... Any thoughts/ideas on what path I should follow?
Form Validation Issue
Hi, I am posting here because I am relatively new to jQuery and I am attempting to use a form validation plugin, or find something that would give me a custom form validation...... What I have is a form I need to validate client-side where the user must either fill in both of the first two text fields or both of the second two text fields, and which will display an error message if they have not entered text in both fields of the first two or the second two. Right now, I am using http://grasshopperpebbles.com/ajax/jquery-plugin-imvalidateform,
[jQuery] SlideFieldset Plugin for jQuery
Hi, I wrote a simple jQuery plugin to make fieldset collapsible, take a look and give me some feedback if you like. Thanks. http://blog.darkthread.net/blogs/darkthreadtw/archive/2009/04/21/slidefieldset-plugin-for-jquery.aspx Jeffrey
[jQuery] IE6/IE7 Object doesn't support this property or method
Hi, Problem that i'm facing is that i'm load external ASPX pages in AJAX tabs..its working great in FF3.0,Safari,Chorme & IE8 but it gives "Object doesn't support this property or method" error when ever a new page is about to load in tab & it also doesn't load... Please Fix this bug or tell me the solution if you've any solution regarding this bug..please keep in mind i'm new to JQuery Regards;
[jQuery] Call function only on matched elements
I have two input fields "#HTML" and "#javascript" and a "#results" div field. Once the submit button is pressed I want the contents of #HTML to appear in #results and any javascript functionality in #javascript to be applied ONLY to the the contents of the #results div. I know how to get the contents of #HTML into #results easy enough, but I've had a hard time trying to get the #javascript to apply to #results only. I've tried the eval() function with many different combinations of other things.
[jQuery] A filter question
If I have 5 div, have the same name but different rel, <div name="myDiv" rel="1" style="display:block;"></div> <div name="myDiv" rel="1" style="display:none;"></div> <div name="myDiv" rel="2" style="display:block;"></div> <div name="myDiv" rel="2" style="display:none;"></div> <div name="myDiv" rel="2" style="display:none;"></div> how to find out the div which hidden and rel is 2?
[jQuery] how to detect if i have past an element
i am thinking of doing something like a long vertical scrolling portfolio. i have a few categories that i want to use as the navigation items. eg. web design, digital art etc. so i need a way of detecting if i have past, say web design and into digital art. but not yet into the next category say logo design. how can i do this? i am thinking i will have anchors for the categories. i want to use jQuery to detect whats the category thats visible to the user. tho there maybe chance that more that 1 category
[jQuery] Supersized Plugin Image Preload
I am currently using the supersized plugin (http://buildinternet.com/ 2009/02/supersized-full-screen-backgroundslideshow-jquery-plugin/) to have a full screen, correct ratio scaling image background. It works very well. Only problem is, all the images try to load at the some time, and give a very strange effect. Just wondering if anyone would be interested in helping me figure out if it is possible to preload those. I tried to use jquery.preload.js but it did not seem to help. Here is my site that
using $.getJSON but get " missing ; before statement &a
Hi! I am the beginner of the jquery , there are many things which I don`t know. I start to connect my collegue server to get the jsp file, however, I use the FireBug to give me " missing ; before statement " error messgae. The connection is fine. The program is shown below, <script type="text/javascript"> $(function(){ $.getJSON('http://192.168.1.12:8080/WebApplication1/index.jsp?q=1&jsoncallback=?',function(data){alert("aaa" + data) }); }); </script> missing ; before statement index.js...285340119
[jQuery] jquery-1.2.6.min.js and mootools.v1.1.js not compatable
Hi All, i have a problem with web page, i have 2 js files for tow topic jquery-1.2.6.min.js mootools.v1.1.js those file are not compatable togeher, please if have any thing or any problem could you advice me how can i use it? Thanks
[jQuery] nyro modal and iframes
hello good fellows! i'm having a bit of trouble dealing with nyromodal and iframes. here is the thing: my client wants me to add a lightbox to his website, however, i need to call it from inside an iframe. so when i call the lightbox only the iframe area is filled with the black overlay. how do i make the lightbox affect the whole screen? thanks in advance!
[jQuery] Open a particular menu in accordion based on value passed to it
Hi All, I am using JQuery accordion to create a menu box , my problem is that say if I have 4 containers (Divs/menu ) and at runtime I want to open one of them depending upon the variable passed. I know using the option "active:2" will open the 2nd container but can anyone please tell me what is the syntax to set it dynamically... for example ,If i have something like this ... Menu 1 a b Menu 2 c d Menu 3 e f now If I want to open Menu 2 depending upon some value passed , how do we do that ?
[jQuery] javascript sending variables to the datepicker
Purpose of the script- the script should count the rows of a table with id name. Then create a datepicker function with each unique id. In this example , Date0, Date1,Date2,Date3 <script type="text/javascript"> function numrows() { var date="Date"; var rowCount = document.getElementById("test").getElementsByTagName ("tr").length; rowCount=rowCount-1;// the number of rows minus the table header <th></th> alert(rowCount); for (var i=0; i<=rowCount; i++) { date=date +i;
[jQuery] on_mouse_over scrolling
Hi there, I'm trying to implement a simple scrolling system: basically I have a div with a specific height and auto overflow and I want to let the div content scrolling down when the mouse is over an icon. It has to scrol until the end of the content or until the muose is moved. But I cannot make it working so far. Any idea or even better a sample to solve my issue? Thanks fpr any help, I appreciate it. Sig
[jQuery] Best tooltip plug-in -- opinions?
There are so many to choose from, I'd like to hear some opinions. 1. Relatively lean and fast. 200+ KB seems, to me, ridiculously large. 2. Ridiculously good-looking. 3. Compatible. Firefox, IE 6/7, Safari, etc. Opinions? ...Rene
[jQuery] test - sorry, ignore -- why can't I see my posts....
I can't see any posts I post to this group, why is this, WHY is it at all that you only read this forum if you're logged on to google?? most forums online you just need to register with the forum.. WHY bring google in???? either way, even after logging on to my google acct I can't see my posts (they get emailed to me if I check "send me a copy", but I don't see the posts here http://groups.google.com/group/jquery-en/topics?gvc=2 thank you...
[jQuery] passing elem id to a JS function...
hi, am trying to do image-hide/img-show with jQuery (now use 'regular' JavaScript DOM-scripting.. want to switch to jQuery.. but am having some difficulties: I have this function-call in interface: get_img('photo1','nav1','navAll1','photo2','nav2','navAll2') in function -- old way: function get_img (curr_img,curr_nav,curr_navAll,new_img,new_nav,new_navAll) { var img_top = document.getElementById(curr_img); var img_new = document.getElementById(new_img); // etc.. how do I do this in jQuery?
Plugin help with IE
I know about jquery just not the plugins, can anyone help me on this. It works fine in FF but not in IE. Basically its a dragable div which you can drag down from the top of the page and drag back up again when you hold down the mouse if you let go it stops moving untill u click and drag. but in IE on the drag up you have to click to drag then click again to stop it moving, it ur cursor goes in the browser toolbar area it doesnt stop moving it seems to stick when you come back onto the view area
[jQuery] Error in IE8
Hi, I use blockui on my website www.rbl-check.com and i have an error in the internet explorer 8. Row: 227 Sign: 17 Code: 0 URI: http://www.rbl-check.com/ajax/jquery.blockui.js In e.g. Firefox blockui works fine... Can anybody help me? Best regards from Germany
[jQuery] jQuery and Flickr? Is there a best of breed plugin?
I'm looking for a simple plugin which would pull in a specified Flickr feed and display it using jQuery. Does something like this already exist? Google shows about 5 or 6 but none of them appear to work. andy matthews
[jQuery] Question about QUnit for testing ajax functionality
I am already familiar with the start() stop() abilities of qunit, so this isn't about that. My question I guess is more of process. If I develop an interactive feature that involves ajax submitting a form, and then updating the interface when the json comes back successful, how should I design my unit tests? For instance, say that I want to check that the json that came back from the server side contained data.success = true. If I initiate the form submission from a free standing unit test, I wouldn't
Getting mouseover and mousedown to work together
Hello all, So I am trying to get data from the user. I have a table with lots of different cells repersenting 15min of a day. I need them to select when they are avaliable. I can get it to work when they just roll their mouse over the cell, or i can if they click. But what I want is for the cell to change when the user holds the mouse down and slides it over the times. So like a mousedown and mouseover event. Anyone have any ideas? this is what i have so far $(function(){ $(".ava").each(function(){
[jQuery] Superfish In IE?
I am trying to use superfish in my Joomla site. Works well in everything except IE 6 or IE 7. Any idea what is wrong? http://www.therockfwc.org
[jQuery] Making inserted links active
On a form, I have an "Insert new field below here" link. Clicking it inserts a new field, and also inserts another "Insert new field below here" link. This is so the user can keep adding fields anywhere within the form. However the newly inserted links don't work. I assume this is because they were created after the DOM was ready, and therefore have not been caught by $(document).ready. Is there a way to make jQuery aware of the new links so that they are active? Thanks Roddie Grant
[jQuery] Any benefit to using event.preventDefault() over "return false" to cancel out an href click?
Just curious if there is a best practice when choosing between $("a").click(function(){ // stuff return false; }); and $("a").click(function(){ // stuff event.preventDefault(); }); to cancel out the href of an anchor when clicked. Thanks in advance for the help.
[jQuery] Dropdown Menu
hi all I'm looking for a dropdown menu. There is a menu with all the features I need at: http://p.sohei.org/stuff/jquery/menu/demo/demo.html But it looks like it's not compatible with newest JQuery version. What I need: o easy to use o keyboard support (cursor keys, esc) o simple demo o call javascript function when click o same behavior as menus in normal operating system (click to open) I tried many menus now, but found only one that is ok. But that one has problem with newest jquery version. Where
[jQuery] So .change() doesn't work immediately in IE and we have to use .click(). But what about tab+spacebar users?
Been looking up why my .change() isn't working in IE6/7. Found some good links online to explain that the .change() doesn't work in IE until AFTER you click or tab away from the radio button or checkbox for those browsers. Then, it was recommended to use .click() instead. Ok, fair enough, but the big usability question then: What about the users who are tabbing through a form and use spacebar on the keyboard to highlight or change a radio button or checkbox? Are they pretty much out of luck for getting
ScrollFollow doensn't function properly
Hi all, Im currently working on a website where im using 2 javascripts on the same page. One is the jQuery ScrollFollow script and the other is the jQuery Fancybox. When opening the page, everything seems to be working just fine. The ScrollFollow works, but after viewing a photo with Fancybox (by clicking on it) the ScrollFollow has stopped. My question: What do I have to add in the script to allow ScrollFollow to "re"launch and do its job after viewing some photos with Fancybox. The following code
Help with Tool Tip and CSS
Hi All, I'm using a tooltip script that I found here: http://www.chrisjhill.co.uk/lab/jquery_tooltip/ The example above uses an image that looks like a balloon as the background. Thus, the amount of text you can add to the tip is fixed. I have modified the CSS so it will flow with the amount of text in the tip but now it isn't very pretty. I'm wondering if someone can give me some tips on how to dress it up a bit. I have tried to add an arrow that points back to the link but I'm really not sure how
Next Page