[jQuery] link with mouseout after mousedown
I'm trying to get a piece of jquery to work without success. I'm using a link as the outermost structure so the element is in the tab-able elements, but I seem to be running into trouble with a link's default onmousedown or onmouseclick behaviors. The jquery: $("a").onmousedown(function(){ $(this).css("background-color","red"); }).onmouseout(function(){ $(this).css("background-color","blue"); }); The html: <a href="#something">This link has an HREF</a><br> <a>This link has
[jQuery] mouseout behavior of elements inside the mouseout element
Hi All, i have an element construct similar to this. -- <a class="ShowmyDiv" href="#">IMAGE</a> <div class="myDiv"> <a href="#"></a> </div> -- $('.ShowmyDiv').mouseover(function() { $('myDiv').fadeIn(); }); $('.myDiv').mouseout(function() { $('myDiv').fadeout(); }); -- So but everytime i hover with the pointer over my link inside the layer it triggers the mouseout. Its just like Jquery considers the inside element of myDiv as mouseout trigger. But i only want to trigger the mouseout when drag the
[jQuery] jQuery improving performance
I recently started working with jQuery. I want to improve performance for following snipet when run for 1000 times. html schema: <table id='myTable'> <TR class="Grid_Item"> <TD></TD> ... <TD CLASS="IdCell">56</TD> ... <TD> <INPUT TYPE="HIDDEN" ID="foo" value="MYfOO" /> </TD> <TD> <INPUT TYPE="HIDDEN" ID="bar" value="MYBar" /> </TD> ... <TD></TD> ... </TR> ... <TR class="Grid_AltItem"></TR> </table> <script type="text/javascript"> var id, foo, bar = null;
[jQuery] jQuery calendar and IE 6
Ok, this is another one of those IE 6 bugs but I'm using jQuery 1.3 (I think this is right, I'm using liferay). I'm also using the calendar version 2.7. When I go to the calendar home site the calendar displays as it should over select boxes in IE 6. I downloaded both the javascript and the css files that he was using on that page and got everything to work fine for my purposes. Unfortunately the calendar does not display correctly in IE 6. When the calendar is shown it does in fact cover the select
[jQuery] Help with jquery.autocomplete and extraParams
I'm using the autocomplete plugin found at http://www.dyve.net/jquery/?autocomplete. I'm trying to set a second parameter to be passed to my serverside code, and am getting odd behavior. I'm stumped on this one. Here's the offending code: $("#dialogTMLeader").autocomplete( "employee_autocomplete.cfm", { extraParams : { d: $("#dialogTMDate").val() } } ); If I do an alert before this, $("#dialogTMDate").val() shows me the value in the text box (a date from the jquery.datepicker plugin). But when my
[jQuery] jCarousel
Hello. Can you please explain to me why when I have more than 3 items in the mycarousel ul element, manual and auto scroll always goes from the 1st item to the 3rd, to the 4th, and then back to the 1st again, skipping the 2nd and then ignoring any item after the 4th? This is quite frustrating and I see no reason why it isn't working. See a live demo here: http://www.chromaticsites.com/chromatic2008/test.php The problem is that it seems to be skipping elements instead of going to the next element.
[jQuery] jQuery.getScript() way to test if the script has already been downloaded?
Hi, Is there a way to see if a script has already been downloaded before i 'download' it again? i.e. i have this: $(document).ready(function(){ $("#editor").click(function(){ $.getScript("/fckeditor/fckeditor.js", function(){ $.rteditor("body,{ buttons: { Cancel: false, Submit: true } }); }); }); }); what this does is download the .js file and then calls my rteditor obj. But i would like to be able to do a test: if user has downloaded "/fckeditor/fckeditor.js", then call the rteditor obj. else getScript(...)
[jQuery] $(document).ready still fires too early in svn trunk (rev 4000)
hi, i spent the last half hour reading up on this and it seems that this bug was supposed to be fixed. at least the only related and still open ticket that i can find in trac refers to safari - which i'm not testing. well, here it strikes again. i can unfortunately not provide a complete test-case as i haven't managed to reproduce it from scratch and the page where it happens is private (corporate foobar). well, here's the meat that i can provide for now: * works well in firefox * fires too early
[jQuery] dataType & POST
on jquery, is sayed (about dataType='script'): # warning "script" will turn posts into gets . Is there another to have a dataType='script' and force POST, or PUT or DELETE ? regards
[jQuery] weird behaviour with slideViewer and Chili 1.9
Hi all. I've included Chili 1.9 to highlight the syntax in my slideviewer tutorial page. http://www.gcmingati.net/wordpress/wp-content/lab/jquery/imagestrip/imageslide-plugin.html The weird thing is that in IE7 ONLY even if the images are all fully loaded, you have to click on the page (everywhere, just click!!!) to actually let the script renders the gallery! It is only happening in IE7, Opera and FF works weel. Any clue? It depends for sure by Chili, but why? If you don't click teh page, the animated
[jQuery] Newbie question regarding requesting confirmation when a link is selected.
Hi- I'm pretty new to both JS and JQuery. Thanks for the help in advance. I have a link in my code as follows (it talks to an app to do a delete of a task) <a class="taskDelete" href="/deletetask.do?id=55&aid=77" /
[jQuery] Help finding a plugin
I'm looking for a plugin that I remember someone posting on here. It scrolls a page both left and right behind a viewable area. The demo had a nav on the left and the viewable area to the right. When you clicked on a nav item the page would scroll in the viewable area, either directly to the content or left/right then up/down. Unbelievably I didn't bookmark it and now I can't find it. Thanks. Adrian
[jQuery] How to global a variable?
Right now I have this code: $(function(){ var z=$("#getID").text(); }); document.write(z); Obviously this does not work. But how can I make it work? In the situation I am in, I cannot put all the code inside the function...surely there must be some way. Thanks :)
[jQuery] window unload, blockUI and IE6
I'm trying to use the $(window).unload() event handler in IE6 but it doesn't work. It works fine in Firefox. this is my test code: --- var waitCallback = function() { $.blockUI.defaults.pageMessage = "<strong class='large'>Please be patient...</strong>"; $.blockUI({backgroundColor: '#666', color: '#fff'}); } $(document).ready(function() { $("#foobaz").click(waitCallback); }); $(window).unload(function() { alert("aaaaaaaaaaA"); $(".blockUI").hide(); }); --- When the user click the foobaz button it
[jQuery] window unload, blockUI and IE6
I'm trying to use the $(window).unload() event handler in IE6 but it doesn't work. It works fine in Firefox. this is my test code: --- var waitCallback = function() { $.blockUI.defaults.pageMessage = "<strong class='large'>Please be patient...</strong>"; $.blockUI({backgroundColor: '#666', color: '#fff'}); } $(document).ready(function() { $("#foobaz").click(waitCallback); }); $(window).unload(function() { alert("aaaaaaaaaaA"); $(".blockUI").hide(); }); --- When the user click the foobaz button it
[jQuery] [OT] Firefox/Opera JS bug?
<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns:m="http://schemas.microsoft.com/office/2004/12/omml" xmlns="http://www.w3.org/TR/REC-html40"> <head> <meta http-equiv=Content-Type content="text/html; charset=us-ascii"> <meta name=Generator content="Microsoft Word 12 (filtered medium)"> <style> <!-- /* Font Definitions */ @font-face {font-family:"Cambria Math"; panose-1:0 0 0 0 0 0 0 0 0 0;} @font-face
[jQuery] Using jQuery autocomplete with IDs
After working through the online docs and the various autocomplete plugins, I have decided to document what I have learned about using autocomplete with a database driven application. I've blogged about it here: http://grover.open2space.com/node/190. Comments/suggestions are welcomed. Hopefully this helps someone else trying to work through a similar issue. Shawn
[jQuery] Referencing the target element with clueTip
All, If I'm using an ajax solution with clueTip, how can I pass in the target element so that I can generate dynamic content based on the element being hovered over? Dan
[jQuery] XHTML limitation or safari bug ?
Find this while setting an email obfuscation trick. In a xhtml file served as application/xhtml+xml there is a span : <p>test: <span class="dmsq">click there</span></p> Given this bit of jquery code: $(function () { $('.dmsq').one('click', function () { $(this).load('dmsq.php') }); }); The the dmsq.php: header('Content-type: application/xhtml+xml'); echo '<a href="mailto:someone@some.where">someone@some.where</a>'; This code works as expected in every browser
[jQuery] Validation Problem...
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN"> <HTML> <HEAD> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=us-ascii"> <META NAME="Generator" CONTENT="MS Exchange Server version 08.00.0681.000"> <TITLE>Validation Problem...</TITLE> </HEAD> <BODY> <!-- Converted from text/rtf format --> <P DIR=LTR><SPAN LANG="en-us"><FONT FACE="Consolas">Why would the same validation routine work well on one page</FONT></SPAN></P> <P DIR=LTR><SPAN LANG="en-us"><FONT FACE="Consolas">and then when applied
[jQuery] History Remote Post
Hi all, Im vey new to Jquery started today infact moving over from mootools and so far whilst things are differnet im developing at a very fast rate, the main reason i moved was because i couldnt get history managers to work correctly so in the applicaition in developing all the pages i "GET" are working correctly but im not sure how to "POST" or if thats even possbile using History Remote, i notice that it uses the .load function: target.load(href, function() { target['locked'] = null; callback.apply(a);
[jQuery] Store Your Files Online 2 GB for free !
<div>Free online photo Album,Free online auto-matic Back-up,Free Access your MP3 music online, </div> <div>2 GB For Free!</div> That's right, we are happy to give you a whopping great 2GB of secure online storage where you can manage and share your files easily. For Free! Get Free Code: Limited Time Only! <a href="http://www.dpbolvw.net/click-2667396-10497819">http://www.dpbolvw.net/click-2667396-10497819</a>
[jQuery] Even Flex/Flash guys love jQuery
Even Flex/Flash guys love jQuery: http://www.flex888.com/2007/12/02/can-you-believe-javascript-this-good.html Rey...
[jQuery] page jump to the top when I add element
Hi :) I enjoy jQuery :) but sometimes I have some problems. Could you help me with one: I add elements to page (on click) jQuery("#div").append(' Tekst:'+tekst+') but when page have a lot of content (browser scrollbar is visible) and page is scrolled to bottom and I click some link, Tekst:'+tekst+</ p> is added to page but is one wrong thing, page is scrolling to the top - it's not good because user must scroll page down if he want add Tekst:'+tekst+ more than once. So my question is: How can I avoid
[jQuery] page jump to the top when I add element
Hi :) I enjoy jQuery :) but sometimes I have some problems. Could you help me with one: I add elements to page (on click) jQuery("#div").append(' Tekst:'+tekst+') but when page have a lot of content (browser scrollbar is visible) and page is scrolled to bottom and I click some link, Tekst:'+tekst+</ p> is added to page but is one wrong thing, page is scrolling to the top - it's not good because user must scroll page down if he want add Tekst:'+tekst+ more than once. So my question is: How can I avoid
[jQuery] Replacing contents using an array
Hello, I am a webdesigner who is new to javascript and this is my first week of learning jquery. I enjoy it very much. I have a question about array. What I am trying to do is to translate the text of each links into other language by using array. I want the texts to be switched when clicking "Give me new texts/ Give me old texts" buttons. What I did below is a straightforward way by selecting each <a> tag directly and replace it with the new texts. Also, I would like to 'clone' the original text
[jQuery] A 5 line script that doesn't work in IE
I'm loosing my mind over this :-( http://www.writesomething.net/users/ ("show classical users list" link) I have a few lines of code which are extremly simple and work as expected in FF, but IE is refusing to cooperate :-( I tried literally everything but it just returns the "expected identifier, string or number" error. Please help, this has to be some simple bug that I'm overseeing :- ( thank you here's the complete code, and I use the latest 1.2.1 jQuery: (IE says that the error is on the 3rd
[jQuery] list items and show comments? NEWBIE
Hi all! I am struggling to make my first jQuery implementation and I really would need some help. Here's my thing... I have a list of Click here to view comments and I then want to call the fadeIn("normal") on the comment div. Do I need to use the foreach for each object? Or is there any other smart way to do this? / Mats -- View this message in context: http://www.nabble.com/list-items-and-show-comments--NEWBIE-tf4928469s27240.html#a14106081 Sent from the jQuery General Discussion mailing list archive
[jQuery] slideUp submenu before loading a new page (it won't wait)
Hi again :-) $("dt a").click(function() { $("dd:visible").slideUp(600); }); If I want to quickly slideUp a submenu before I load a new page, there is no visible slideUp and the page loads immediately... How can I get it to wait and view the slideUp first, please? Thanks!
[jQuery] Scrolling Quote Craziness
<span style="font-family: trebuchet ms,sans-serif;">On the main page of <a href="http://www.marketo.com/">http://www.marketo.com/</a></span><br style="font-family: trebuchet ms,sans-serif;"><span style="font-family: trebuchet ms,sans-serif;"> There is a scrolling quote on the left. (Originally made by Karl, I think)</span><br style="font-family: trebuchet ms,sans-serif;"><br style="font-family: trebuchet ms,sans-serif;"><span style="font-family: trebuchet ms,sans-serif;"> Watch it for 15 seconds.
[jQuery] .append() problem when used with .each
I am trying to add a series of links to a div and then an a click event to the links. If I append outside of the the .each() iteration the link is matched by the click event handler. However, links created within the loop are not matched by the click event handler. My code is : $("#col1").append("<a href='6'>link</a><br/>"); // links added in this way are matched ok $.ajax({ type: "GET", url:"/catalog/category_all/", dataType: "xml", success: function(xml) { // format and output
[jQuery] Detecting default action on previous click handler
<span style="font-family: trebuchet ms,sans-serif;">If I have two handlers on "click" on a link, added by different scripts, how can I tell (on the second script) if the first one returned true or false to prevent the default action? </span><br style="font-family: trebuchet ms,sans-serif;"><br style="font-family: trebuchet ms,sans-serif;"><span style="font-family: trebuchet ms,sans-serif;">Glen</span>
[jQuery] Animation Problems
Hey there, folks! I'm a new JQuery and JS user in general. Due to that, my problem should be simple to solve but I do not have the knowledge to solve it myself... The thing is, I'm using JQ's animate function to animate some elements on my app. The funtion by itself works great but I have one problem: the rest of the code I wrote should be executed only after the animation has stopped and while reading through the API, I couldn't find any parameter I could use to force this behavior. Is there a way
[jQuery] Image Rotator Plugin?
I'm looking for a jQuery based image rotator plugin, does anyone know of one that is light weight? It really only needs to be able to rotate a group of images as a set interval with basic fadein and fadeout transitions. If it could rotate text along with the image that would be great, but right now not a requirement. Thanks in advance.
[jQuery] Replace <=> ajax problem.
Hello I got a problem. I use a blockui plugin, and I want to use a form on it. When click ok button, the ajax upload datas to server, server check the form is valid, and if it not, the return html code contain that class: error-msg. I can find this class, but my problem in redraw the form. $('#btn-ok').click(function() { var sendData='mod=2'; // update the block message $.blockUI("<h1>Remote call in progress...</h1>"); $.ajax({ data: sendData, complete: function(html) {
[jQuery] Click through on stacked elements
I'm struggling to figure out a way to click through a series of stacked elements until I find one with my custom click handler. Is there an easy way to do this? For example I have a image of a US map and I want to put a clickable image behind it. When I click on the place where the image is behind (placed behind using the z-axis) I want the behind element with the bound click handler to fire. So far it doesn't seem to work with the US map image in front of the clickable element. If I put the clickable
[jQuery] problems using variables instead of text with :contains()
I am a little confused on the syntax for :contains. I want to be able to pass in a variable to the parameter for :contains. It can take either quoted or non-quoted text, which on one hand can be convenient, but on the other is difficult if you are trying to pass a variable. Here is the test cases I came up with: (all sections are meant to be commented out except the one being tested) // _______ adding a string directly into :contains ________ var $elements = $('a:contains(farm)'); // works
[jQuery] Make IE 6 Work Like IE 7
Does there exist a jQuery plugin to do everything that Dean Edwards IE7 JS library can do?
[jQuery] Jquery Ajax dropping special characters
I am trying to send an mysql query to the server from a client programme by using the jquery $.ajax({}) function. The query string comprises of + sign which is used to assign student grades (such as C+). The server side programming is in php. However I have realized at the time of sending the Ajax request jquery drops + signs from the query string. Is there any way to stop dropping of + character from the query string.
[jQuery] noob question: how to close current visible <DD> in this script
Ladies and Gentlemen, Here goes my complete noob question: I have this demo page: http://www.itchycloud.co.uk/panther/ in which I'm using this jquery script: $(document).ready(function(){ $("dd:not(:first)").hide(); $("dt a").click(function(){ $("dd:visible").slideUp("slow"); $(this).parent().next().slideDown("slow"); return false; }); }); which I found on sniplr: http://snipplr.com/view/2208/jquery-collapsible-sidebar-menu/ I would
Next Page