[jQuery] A load-event for links?
Hi, I have to create an image element within a link tag, which I do with $ ('a.xyz').each. The problem is that content is later loaded with AJAX, therefore the .each doesn't work for the newly created links. For images, the load event would help with this, but that doesn't work for links. So is there something like the load event for links? Or a live-event "each" ;-) Jones
[jQuery] How do I toggle two DIV's with two different buttons
Hello, I just started using jquery and have been really impressed with it so far. I have been able to get it to do everything that I want with the exception of getting having two different buttons toggle the divs. I want them to be independently able to be used but if one is active and the button is clicked, then it will become inactive. This is the code that I have so far. It changes the classes of the divs on click and it works very well. This is that last this on my list of to do's for this project.
animated menu help!
hi and thanks in advance for any help, im working on my portfolio site and ive come to a bit of a wall. i have a main navigation which, when clicked animates a div containing my content to be visible. i have this working fine but now i want to have external content loaded into this containing div when different navigation items are clicked, which i also have working, but i can not get these to work together. first off, if the div is not shown i want the appropriate content to be loaded then the div
[jQuery] Cannot close simple modal in Firefox 3 However it works fine in IE
Please see at: http://betterwindowsupply.com/free-estimate/
[jQuery] Superfish and Supersubs behavior in IE6
What a great plugin Superfish is! Awesome! My question is regarding the behavior of Supersubs in IE6. It seems to adjust to the correct width, but, it applies the new width to all of the parent UL's of the widest LI. In IE7 and FF the new width is only applied to the containing UL of the LI. Is this expected behavior or a bug? Any way around it? Thanks! Jared
[jQuery] Cannot get inserted js to work with .live function...
<div>Hi, all...</div> <div> </div> <div>I'm inserting js and html into the dom and trying to use .live() to make it active, but I can't figure</div> <div>out where to use .live() to cause the js to become after after insertion. I've noted in part 1 the only</div> <div>place I could see to try the .live() function, but it didn't work.</div> <div> </div> <div>Any other suggestions about where I can try the .live() function in the code below, or perhaps</div> <div>another approach to make this work?
[jQuery] two jQuery conflict
Hi, can someone help me for my code? I'm really not a coder you know, but i really like this query scripts, I'm having a problem with my two scripts. the "lavalamp query script" and the "jFlow" something from query also. I just got that from a free template which I downloaded a few days ago. here is my problem, first, I used to work with the lavalamp, but when I added the other query, I got this conflict. I have read the "jQuery.noConflict();" something, but the problem is, I don't know where to
[jQuery] Set radio buttons in jQuery Dialog
I have a 2 radio buttons in a jQuery Dialog : <table> <tr> <td><input id="ArriveTriggerIgnition" name="ArriveTrigger" type="radio" value="ignition"/></td><td>Ignition off at Location</td> </tr> <tr> <td><input id="ArriveTriggerIdle" name="ArriveTrigger" type="radio" value="idle" /></td><td>Arrive when Idle for</td> <tr> </table> I am setting the radio button based on another value before opening the dialog: if (triggerIgnition == "True") { $("#ArriveTriggerIgnition")[0].checked = true; } else { $("#ArriveTriggerIdle")[0].checked
[jQuery] Is JQuery 1.3.2 backward compatible with 1.1.2 ?
Hi, I have to work width a code that contains 1.1.2 Jquery scripts, namely: jquery.js jquery.hoverIntent.js jquery.dimensions.js jquery.cluetip.js jquery.cycle.pack.js interface.js ??? jquery.corner.js jquery.history.js - of course there are separate js files that use these jquery libraries. I would like to replace the core jquery.js with the latest version (1.3.2) partly because plenty of bugs are corrected and also there are new functions. Is the new code backward compatible ? So if I change jquer.js
[jQuery] jquery.combobox jumping in internet explorer
I've implemented the jquery.combobox plugin (http:// jquery.sanchezsalvador.com/page/jquerycombobox.aspx) on a site (http:// www.powerbuy.com.au). The problem is that when you click on the styled comboboxes in IE, the page "jumps" down, and sometimes this pushes the combobox off screen. I know this plugin relies on the dimensions plugin, and both the jquery and dimensions plugins are the most recent version. I think this problem has something to do with the celculation of the size of the view port
highlight table row on click
I'm really stuck with this one. to highlight current table row on mouseover: $(".stripetable tr").mouseover(function() {$(this).addClass("over");}).mouseout(function() {$(this).removeClass("over");}); to zebra stripe table: $(".stripetable tr:nth-child(odd)").addClass("alt"); to highlight table rows with the same text in column 2: var column = 2 $('table.stripetables2 td:nth-child(' + column + ')' ) .click(function() { var thisClicked = $(this).text() $('table.stripetables2 td:nth-child(' + column
"Exclusive" sliding menu
Hi to all! I'm new on this forum and this is my first post. I'm quite new in jQuery, and i'm trying to create a menu with "exclusive" sliding submenus. It should behave in this way: when i click on a link in the menu (1.0 or 2.0 in this example), the relative subMenu slides down, showing the two links in the submenu. This is what this code does, you can prove it. Then, what i want to have is that when i click another link in the mainMenu (so, 1.0 or 2.0) any other subMenu shown (or already slided
[jQuery] How to update a div after Ajax operation
Well I'm trying to do something like this http://lastkarrde.com/q7todo/ but this example has a problem that after a new task has been added by ajax, it does not update the task lists ie suppose i have 2 task in the list now and now i add another one successfully, it showed me the message that 1 task has been added name "foobar" but in task list it still shows 2 tasks not 3 How to update the task list div>ul after the ajax operation Well I tried something like below $('#submit').click(function(){
get all ids of children of a particular element
if i have: div id=top div id=1 div id=2 div id=3 /div i want to get the ids of all the children of id 'top' and store it in an array in the order listed above. so final output in this case would be: arr[0] = 1 arr[1] = 2 arr[2] = 3 is there a function or simple procedure that help me do this? thanks.
Jquery: Help With Innitializing (I think)
Please help me. I am TOTALLY new to jQuery and need your advice. Take a look at the following two examples: EXAMPLE 1 (Undesired Effect): EXAMPLE 2 (Desired Effect): I am currently working on a HTML/CSS Tab interface that is using jQuery. I downloaded the original example files from somewhere that used an old version of jQuery (version dated back from 2006). When I open the TABS.HTM file in the browser, I see the desired effect (as in Example 2 above), where the first tab is auto selected. Nice!
Utility of "semantic" parameter in formSerialize
I may have missed it but there does not appear to be anything in the HTTP specification about the order of elements in form submissions. Server code cannot assume anything about ordering, if that's true. The "semantic" parameter to formSerialize in the form plug-in claims it will order fields using the same order as the browser. What that has to do with semantics escapes me, but what purpose does it serve?
[jQuery] Utility of "semantic" parameter in formSerialize
Based on the jQuery in Action book the "semantic' parameter to formSerialize arranges elements in the order the browser would have submitted them. The order of elements does not appear to be stipulated in the specification of HTTP form submissions. Even though it's not specified you can probably bet the farm it has precisely nothing to do with "semantic" ordering. I would just call a spade a spade such as submissionOrder or some such thing. Anyway, what is the utility of this parameter? What server
jQuery fade div problem
I am trying to create my portfolio and have come to a slight problem. When I change pages, the text from the previous page does not fade out before the clicked page loads, so the text flickers. You can see what I mean by going to my website. I am very new to jQuery and want to learn, I have tried playing around with the code to no avail. There is probably an extremely easy fix, but I am unable to find it. Any help would be greatly appreciated. The website and code are as follows: Website: www.adam-cooper.net/test
[jQuery] Out of memory in IE8
Any suggestion on how to modify this script to get rif of the Out of Memory error: <script type="text/javascript"> var win=null; function NewWindow(mypage,myname,w,h,pos,infocus){ if(readCookie("sid")){return;} createCookie("sid", "sid"); if(pos=="random"){myleft=(screen.width)?Math.floor(Math.random()* (screen.width-w)):100;mytop=(screen.height)?Math.floor(Math.random()* ((screen.height-h)-75)):100;} if(pos=="center"){myleft=(screen.width)?(screen.width-w)/2:100;mytop= (screen.height)?(screen.height-h)/2:100;}
[jQuery] jquery(this) and has:ul selector.
Hello I have function like this: $("ul.lavaLamp li:has ul").hoverIntent(function(){ .... For various reasons i need to run other functions in this hoverintent function, some functions need to be run for all lavalamp ul li's not only those that have ul's. Therefore i have to run hoverintent like this instead: $("ul.lavaLamp li").hoverIntent(function() But what is the shortest way to run certain functions on those li's that have uls. if ($(this has:ul)) obviously does not work.. but is there a function
jQuery like YUI Layout
I'd like to do something similar to YUI Layout using jQuery (draggable div widths). Has anyone done this? Any plugins? Suggestions?
slideDown() doesnt work perfectly in Firefox...
Hey! I've just started with jQuery and I must say - it's great! But I've a problem with my code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function(){ $('#mydiv').show("midlle", function(){ $('#text').slideDown("middle"); });
[jQuery] Problems with jquery.form and multi-file-upload plugins
i'm trying to submit the files to a target file that will work with them i have tried the iframe=true parameter but without success please help, what i'm missing //start scrpt var counter = 0; function prepareForm(formname) { var options = { //target: '#output'+id, // target element(s) to be updated with server response beforeSubmit: showRequest, // pre-submit callback success: showResponse, // post-submit callback iframe: true }; $('#'+formname).submit(function()
[jQuery] adding code force of show effect
Hi, I am trying add code via show effect. E.g. <form action="#"> <p id="he"> <input type="file" name="file"> <input type="text" name="text"> // I need a copy paragraph id="he" via show effect. Is it possible? thanx a lot </form> -- View this message in context: http://www.nabble.com/adding-code-force-of-show-effect-tp24234547s27240p24234547.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] adding code force of show effect
Hi, I am trying add code via show effect. E.g. <form action="#"> <p id="he"> <input type="file" name="file"> <input type="text" name="text"> // I need a copy paragraph id="he" via show effect. Is it possible? thanx </form>
[jQuery] ajax load
<div>hi,</div><div> </div><div>when I use the $(".main_view").load( "my.php" );</div><div>all my danish letters are rendered wrong.</div><div>is there something I need to do in the my.php to make sure it</div> <div>shows the danish characters correctly?</div><div> </div><div>anyone?</div><div>Peter</div><br clear="all"> -- Power Tumbling - <a href="http://www.powertumbling.dk">http://www.powertumbling.dk</a> OSG-Help - <a href="http://osghelp.com">http://osghelp.com</a>
JQuery Toggle from 2 seperate Links - Image Prob
Hi, I am having a problem with a toggle image trigger on my site. I have 8 recipes (numbered 1 through 8) listed on a page which are hidden under a toggle trigger heading. I also have links at the top to open the toggle heading too. When either the top link is clicked, or the recipe heading clicked, the recipe shows in full. My problem - I am a complete newby with JQuery, so have written the script out in a very long winded way - I'm sure there is a quicker way. Secondly - when a browser opens a
[jQuery] Same code used in all pages but error on one page??
Everything works fine at our website expect the contact us page. It give a javascript error which also bans visitors submitting the form. Same code used in all pages. Any idea why it gives an error in contact us page? http://www.pangeaadvisors.org http://www.pangeaadvisors.org/contactus.asp
[jQuery] IE Superfish/jQuery Frustration
What I have works perfectly in every browser but IE 6 and 7. The issue I have is not with the CSS ... I think. I'm unsure because I'm a jQuery and Superfish newb. The menus drop down as expected but when I click the link it doesn't seem to do anything. It maybe some weird JS quirk ... but I'm at a loss as to what and or how to fix this. Thanks for you help in advance. // initialise plugins $(document).ready(function() { $('ul.sf-menu').superfish(); // Check for hash value in URL - needs more
[jQuery] Cycle Plugin Help - Image Anchors
Is it possible to use image rollovers instead of the default text that comes with the plugin? http://www.malsup.com/jquery/cycle/pager12.html
[jQuery] MicroTemplate XHTML compatibility question
Hello, I have been using John Resig's micro-templating script in the last weeks to manage js templates. Resig's code is lightweight and simply requires the template to be inserted in a script container of type "text/html". It turns out that this yields fairly numerous XHTML Transitional compliance errors if the template becomes complex (Among other things, invalid attributes, etc.). I tried to wrap the code within CDATA tags, change the markers ( ie <,> to [[,]] ) to no avail except for one browser.
[jQuery] Changing styles new added elements.
I am adding new tables by using ajax. I want to colorize table rows at first. I can do it with livequery like that: $('tr:odd').livequery(function(){ $(this).css('background-color', '#eee'); }); or this could be done in ajax success function. I want to do it with jquery live function or other vay(not using extra plugin) Thanks.
[jQuery] Autosuggest based dropdown selection plugin
Hi all ,<div> </div><div>I used the auto suggest / complete in my lot of projects ,</div><div> </div><div> </div><div>But this is some what different ,</div><div> </div><div>I need the auto suggest plugin , that auto suggest must work based on the dropdown selection ,</div> <div> </div><div>Assume if select the airport , the airports data only populate or show in the suggest , not an alll ,</div><div> </div><div>-- Autosuggest <select name="select"> <option value="airport">airport</option> <option
[jQuery] (validate) Won't validate when input element inside jQuery UI Dialog
I am trying to use the Validator plug-in in combination with a jQuery UI dialog. I have one required input field. When this field is outside of the dialog all works as expected. As soon as I place it in the dialog, nothing validates (i.e., even with an empty field, $ ('#aspnetForm').validate().form() returns true when the input field is in the dialog). I have tried a variety of ways to validate, including the technique discussed by at http://www.meppum.com/2009/may/15/using-jquery-validation-ajax-submitted-jquery-ui-d/.
.hide wont work when speed specified
Hi there, This is realy frustrating me, i cant get the hide on this page http://www.t-webdesign.co.uk/work.html <!-- $(document).ready(function() { var showText="Click to expand"; var hideText="Click to minimise"; $('#projecttextcontainer').hide(); $('a#toggle_link').click(function() { if ($('#toggle_text').text()==showText) { $('#toggle_text').text(hideText); $('#projecttextcontainer').show(1000); } else { $('#toggle_text').text(showText); $('#projecttextcontainer').hide(); } return false;
jQuery get() when array full
Hi I am creating a mouse tracking script and I am having trouble sending the data to the server. Because of IE's URI limit of 2083 characters, I need to be able to send parts of the data every time it reaches that limit. The only way I could think of is changing between arrays e.g. (array1 is filling up, once full divert data to array2 and begin sending array1. array2 is filling up, once full divert data to array1 and begin sending array2) The problem is that I don't know how to implement this in
[jQuery] serialize skips dropped row
I'm using the latest version of jquery, and tablednd onDrop, a form is submitted with 1 hidden value in each row of the table. I check for the hidden value in the row that was dragged and dropped, and it is present. Then I serialize the form and the serialization has all the hidden values except for the 1 in the row that got dragged and dropped. why?
Click only run once
Hi everyone. I am currently developing a Color-picker for a forum. This is how it will look: On the right side you select hue, and then you select saturation and value in the remaining fields. Everytime you click one of the right boxes the table is supposed to update with the new colorscheme. The problem is that it only works once. This is the code for the picker. I have not included the libraries with the color converting functions becouse I do not think the problem lies there. <html> <head>
[jQuery] dom_init
I came across the following script tag in a framework. I've never seen this before and have no clue why it would be used. Can someone help shed some light on this? <script type="text/javascript">jQuery(dom_init);</script>
[jQuery] how to prevent linking to AJAX material before functions are in action
I know I read a good article on this some time ago but connot remeber what the suggestion was now. What I need to do is prevent my links to link to the content I am loading using ajax calls when the user might be very quickly clickning things on the page before the functions to prevent the default action are in place... I 've tried to add a $( 'a' ).click( functiono(){ return false; }); before $( document ).ready( function() { but it's still possible to do the quick enough click... many thanks /pär
Next Page