[jQuery] hover event going to infinite loop
Hi, I am trying to use hover event in jquery to accomplish the following. I have a image button. when the user hovers over the image, it should display a div with the details. when the user moves the mouse off of the image and the content, the content should go away. Also, if the user clicks on the image button, the content should stay until the user clicks the image button. This is what I have so far but it is not working properly. when I hover over the image and go to the content and hover off
Grabbing Text from elsewhere in the DOM to insert elsewhere
Convoluted title, I know... Basically, I'm trying to get a three digit number from a <p> in the HTML and insert it into an <input type="text"> elsewhere on the page. It's for a Paypal "notes" field and I don't want to rely on the user to type their three digit number in the field. I'd prefer to do it with jQuery if possible. <p>501</p> <input type="text" value="" name="photo_number" id="photo_number" /> That's the basic HTML. Just want the value from the P tag to be automatically inserted into the
[jQuery] cluetip and sortable
Hi, quick question -- i am using cluetip and I'm trying to place on it a listbox that uses the sortable() plugin to provide a way to order elements. However I am unable to get the sortable behavior when I use cluetip. If I take the same html and put it directly on the page, it works correctly. I am not discounting the possibility I'm doing something wrong, I am pretty new at jquery. I like the look of the cluetip plus the sortable, and I would like to keep it, otherwise I'd like to understand which
[jQuery] Ajax failure call back
Hi All,<div> </div><div> I would like to know how the ajax failure call back works.</div><div> </div><div> I am throwing an exception from the server side code through struts, however on specific cases like when a user name already exists or invalid password I would be throwing an exception with a specific message.</div> <div> </div><div> I would like this exception message to be shown as javascript alert, I have the following ajax function for the save action,</div><div> </div><div> jQuery("#save").click(function(){</div>
[jQuery] has anyone come across a plugin like this ?
see the breadcrumb on here : http://www.biocompare.com/ProductDetails/386912/1/Mutation-Generation-System-Kit-MGS-Kit-from-Finnzymes-Oy.html has anyone come across a plugin like this ? tnx sean -- View this message in context: http://www.nabble.com/has-anyone-come-across-a-plugin-like-this---tp20406388s27240p20406388.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Cannot remove element that was added via .load()
I can't seem to get this snippet I loaded with .load to go away once loaded. Any ideas? Here's the function $('a.drawer').click(function() { $('#drawer').show(); $('#drawer').load('drawer.html').find('a#close').click(function(){ $('#drawer').hide(); }); }); Drawer.html has an anchor with an ID of "close". Its nested in a div called #outter. <div id="outter"><a id="close"><img src="images/close.gif" width="55" height="17" border="0" /></a></div>
[jQuery] [jqmodal] issue in IE
Hi I have jqmodal working in FireFox & chrome on this page <a href="http://myhomeshow.red5.com.au/expo/cyberstand-listing/">http://myhomeshow.red5.com.au/expo/cyberstand-listing/</a> click the green, purple, or blue boxes. however IE loads the jqModal, but the content isnt populated properly. Could someone have a look and see if you can tell me why? For your trouble, click the yellow box and select deathstar canteen, its a good laugh. Thanks! -- Duncan I Loxton <a href="mailto:duncan.loxton@gmail.com">duncan.loxton@gmail.com</a>
[jQuery] How do I use getjson to make two attribute pairs
================ HERES THE TASK ================ To get the 5 newest photos from Flickr tagged with the word "light". ================ HERES THE CODE ================ <html> <head> <script src="../jquery.js"></script> <script> $(document).ready(function(){ $.getJSON("http://api.flickr.com/services/feeds/photos_public.gne? tags=light&tagmode=any&format=json&jsoncallback=?", function(data){ $.each(data.items, function(i,item){ $("<img/>").attr("src", item.media.m).appendTo("#images"); if ( i == 4 )
[jQuery] Problems with Validate's errorPlacement
Hi there, I'm using Validate on my website, but i'm having difficulties with the errorPlacement. In simple a part of my form looks like this: <label for="email">E-mail</label><div class="warn">*</div> <input type="text" name="email" id="email" /> Validation works fine, but i can't get the message to display inside '<div class="warn">*</div>'. The following places the text immediatly before the element: errorPlacement: function(error, element) { error.insertBefore(element); } Any help would be greatly
[jQuery] problem using jquery and prototype together
This could sound a stupid question but here is my problem : is there a way to use $ sign while working with jQuery and Prototype together? it seems that using both causes a conflict with the "$" sign and if i use jQuery.noConflict(true); i need to replace all $ sign with jQuery . is there a way i can avoid this
[jQuery] SWF chart problem
function updateChart(xml,oid){ //var chart=document.my_chart; //////////// is working var chart1=$(oid); ///// is not wokring ..... how to get the object properly /// document.all[oid] istt working also in ff3 .... spinning_wheel = true; mode = "reset"; chart1.Update_XML( xml, spinning_wheel, mode ); } need help plz :-)
[jQuery] jQuery .ready() being treated as both Filo/Fifo in IE/FF
I've got the same code, with no errors coming up in either browser, but different behaviours in IE7 and FF2. I've got 2 JS files being pulled into the page, both include $ (document).ready (function(){}); In FF the functions are called from File A then File B, but IE is calling the functions in File B then in File A. Is there anyway of setting a priority of ready functions or setting the data structure type for the .ready array?
Draggable and Selectable together?
Do someone know if is it possible to select many element (multiselect of div) and drag them together? I cannot do it using ui.selectable and ui.draggable plugin. Thank's for any suggestion. Regards Dam
Show menu if child has an active class
Hi, i'm using the following code to hide any sub menus: $('ul ul').hide(); But i also need to show any sub menus which has an li tag inside with an active class. eg <ul> <li>Top 1 <ul> <li class="active">Sub 1</li> <li>Sub 2</li> </ul> </li> <li>Top 2 <ul> <li>Sub 1</li> <li>Sub 2</li> </li> </li> </ul> Because sub 1 of top 1 is active sub 1 and 2 of top 1 would appear but sub 1 and 2 of top 2 would not. Appreciate if you could help. Thanks
How to get a dynamically id?
I am working on a JSF application, some of the component render dynamically created ids in html. I have this code <s:div id="listActionsPanel" > something here. </s:div> which renders a div in html preceded with the form it lies in, so I get <div id="itemTypeListForm:listActionsPanel" > so this jQuery code does not work. jQuery('#listActionsPanel').corner("round bl,br").addClass('filterBox'); Appreciate any help. Thanks in advance.
Loading Remote content with jquery, NO BUFFER!
Hey, does anyone know how to disable the jquery buffer? function loadContent(elementSelector, sourceUrl) { $(""+elementSelector+"").load("http://yoursite.com/"+sourceURL+""); } <a href="javascript:loadContent('#content', 'source_page.php');">Link 1</a> <div id="content">content will be loaded here</div> That code will load content, but it will buffer it, and return it once it has collected all the content.. i want to return the content as jquery gets it to the client without buffering anything. Cheers.
fadeTo and firefox problem
Hello there, I have some serious issue with fadeTo and firefox. It doesn't work together My code is: <style type="text/css"> * { padding: 0; margin: 0 auto; } body { background: #481800 url(bg.jpg); } #content { position: relative; top: 20px; width: 940px; padding: 10px; display: block; background: #fff; } </style> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){$("div
[jQuery] jquery.noConflict, $j is not a function in some case(Not always) on the same page
This is my site Mychico.com! I intergate an Ajax IM into site, this IM use prototype! So, i must use jquery.noConflict I don't know why sometimes, FF notice that $j is not a function! it is not always happen! just in some cases! Referesh about 10 times then 2 times hapen $j is not a function! And since it report $j is not a function! We only need clear cache then refresh page then this is not happen! But refresh more times, it report $j is not a function again! It's so strange? Does anyone have problem
[jQuery] SimpleModal container not showing up
I have a LONG php form which collects data, then submits it to a database. I use SimpleModal to display any error messages from the server. When I click on the submit button in an incomplete form, I'm supposed to see a modal saying which field is not filled out. The overlay is showing but I don't see anywhere the container. Now I know that the container gets created because I'm able to see the generated html code in firefox. Any ideas or helpful hints. Thanks in advance, Isaac
[jQuery] Change the data attribute of flash object - works in FF, not IE
Arrgh! Please can someone help me out with a jQuery/flash issue. I have a page with a content region on the left and a flash movie on the right. The flash object calls in images from an XML file, using code like this (generated using swfobject.js): swfobject.embedSWF("/sites/pod_billboard.swf?XMLsrc=/Managexml/flash.aspx?pageid=n>", "swf", "500", "400", "8.0.0", "/sites/expressInstall.swf", flashvars, params, attributes); The value n determines the XML file for the flash to load. Using jQuery, I've
[jQuery] Need help with Ajax-ColdFusion-Modal Login...
I just can't seem to get my head around the processing flow for an ColdFusion and Ajax-based login using a Shadowbox modal window... Does anyone know of any tutorials that show how to use ColdFusion, jQuery, and a modal window (doesn't have to be a Shadowbox) for login? I found a tutorial by Ray Camden, but Ray's tutorial uses CF's built-in Ajax functions, and I'm trying to use jQuery... Uses something like the following pages: - index.cfm - login.cfm (opens inside modal window if user not logged
[jQuery] detect when content of element changes?
On the site I'm working on, we have some span tags with IDs. The spans are initially rendered on the page with no text content. When certain events happen, text error messages are loaded into these spans. I want to write an additional handler that is triggered when the text content of the span is changed. The onchange(jquery change) event doesn't fire on non-form elements. I suspect I can utilize DOM Mutation events, however the support for these is not universal, especially in IE. Has someone else
[jQuery] Invisible Element Opens on Page Load
I recently modified my JQuery code to create an element that opens when someone mouses over it. It should be closed by default. It works, with one small problem. When you first load the page the element opens. It doesn't close unless you mouse over it. Is there some way to fix it so that the element remains closed until a user opens it? Below is my code. Thanks. * * * * * <script src="'.$BaseURL.'/1A/js/jquery-1.2.6.min.js" type="text/javascript"></script> <script src="'.$BaseURL.'/1A/js/tablesorter/jquery.tablesorter.js"
[jQuery] externalizing script seems to break append()
When I move my script to an external file, where before it was between <script> tags in <head>, append("<div>...blah...</div>") installs its text argument as text within the DOM. When the script was internal, the text argument was properly installed as markup. Any thoughts on what I'm doing wrong or whether this is a bug? (Firefox 2.0.0.18, JQuery 1.2.6). Thanks, Brian
[jQuery] IE Opacity Issue
Having a problem setting the overlay opacity in IE. The default works fine, but as soon as I try to change it, all I get is the overlay color at 100% opacity. Here's my call: $.blockUI({ message: $(".dialogPopup"), css: { border: 'none', textAlign: 'left' }, overlayCSS: { backgroundColor: '##fff', opacity: '.9' } }); This works fine in FF2 & 3. Any ideas? Thanks, Eric
[jQuery] Safari/WebKit bug with maxWidth?
This doesn't look like a jQuery issue per-se, but webkit doesn't seem to return a value for: $el.css("max-width") or $el[0].style.maxWidth IE and FF both return the correct value, but Webkit returns "none". Is there a way in Webkit to get the maxWidth of an element? -Dan
[jQuery] [autocomplete] NEW: Diff and example of afterNoMatch option
Below please find a mod for adding an option to AutoComplete. The option is 'afterNoMatch'. It specifies a function to call if the value provided does not match any value in the dropdown box. This has been mentioned as a problem, and I needed a solution. So, here it is. If the autocomplete cannot return a value (it's not found by the JSON lookup), the callback is called. At this point, I reset the values of a div and a hidden field holding the ID of the thing I was looking for. This may not be perfect,
[jQuery] [autocomplete] here's mod for afterNoMatch option
Below please find a mod for adding an option to AutoComplete. The option is 'afterNoMatch'. It specifies a function to call if the value provided does not match any value in the dropdown box. This may not be perfect, but it does get the job done. First, how to call it: <script type="text/javascript"> var autocompleteJSON = function(raw) { var json = typeof(raw) === "array" ? raw : raw.resultSet; var parsed = []; for (var i=0; i <json.length; i++) { var row =json[i]; parsed.push({ data: row, value:
[jQuery] dialog box plugin
<div>Hi, </div> <div>I am looking for jquery plugin which shows dialog box on mouseover event...</div> <div>Dialog box must disappear on mouseout event and reapper on mouseover event.</div> <div> </div> <div>Any idea which plugin to use...</div> <div> </div> <div>Thanks</div> <div>Raghu</div>
[jQuery] Trouble with adding 'addClass' to an existing piece of Jquery code
I'm having trouble having Jquery add a class to a piece of code. I've tried adding the class via "addClass" method, and I've also tried chaining it in to the current Jquery code for mouseenter and mouseleave, but neither is working. Here's the Jquery section of the javascript: $(document).ready(function(){ $("li.main-nav").bind("mouseenter mouseleave", function(){ $(this).children('div').toggle(); $('li.main-nav').addClass('menu-on');
[jQuery] Simple way to suppress display of title attribute on hover?
I sometimes use the title attribute in DIVs to store data. Normally, it displays on mouseover. Just wondering what a best practice to suppress that. ...Rene
[jQuery] Potential Bug when .append (ing) html and then selecting on it?
I have the follow HTML markup <h4 class="filteredResultsTitle">Information Sources</h4> <ul style="display: block;"> <li>...</li> <li>...</li> <li>...</li> </ul> I'm trying to create show/hide buttons against the 'Information Sources' <h4> element to toggle the <ul> element to disappear/ reappear. So far I have the following jquery.... $(document).ready(function() { $('h4.filteredResultsTitle').each(function() { $(this).append(' <span class="show">(<a href="#">show</a>)</ span>'); $(this).siblings('ul').hide();
[jQuery] Click event fires only once with SImpleModal
Hi, So I have the following code: <script type="text/javascript"> $(document).ready(function() { $('#ctl00_ContentPlaceHolder1_btnRadioHelp').click(function () { $('#ctl00_ContentPlaceHolder1_Panel3').modal(); }); }); As you can probably tell, the server side code is asp.net. There is a panel with display set to none and a button that I binding the click event to. When I click that button, everything works beautifully. But it only works once. What am I overlooking? What do I need to add to ensure
[jQuery] JSONP and callback function name
Hi there, I am about to write a web service client with JQuery and I ran into a pretty weird problem. For some web service calls I need to authenticate a user. Part of the authentication is to create a MD5 checksum of all request parameters plus values plus a secret. The server than validates the MD5 checksum, creating one on its on with the submitted parameter and values.This is where my problem comes in. When using JSONP I will have a different callback parameter (callback=?) then the server (callbck=jsonp+timestamp).
[jQuery] NyroModal - open manual in iframe not working
Hello - I am using the great plug NyroModal. I have it tied to a ajax form submit and when a failed retun comes back I want to span a new NyroModal. Here is the code I am using: $('#chk_login').ajaxForm(function(login_return) { if (jQuery.trim(login_return)==1){ window.location="order.html"; } else if (jQuery.trim(login_return)==0){ $.nyroModalManual({ type: 'iframe', url:
[jQuery] aspx page not selecting id (yes i am new at this :-)
First time trying jquery. VS2008, .net 3.5, IE 8 I expected to see the “Hello”, but can’t seem to get it. Please help! <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="JTest.aspx.cs" Inherits="CoralWeb.JTest" %> <!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 runat="server"> <title></title> <script src="Include/jquery-1.2.6.min.js" type="text/javascript"></ script>
[jQuery] Simultaneous $.load() calls wait for eachother
I have a (stupid) problem: i have the follwing short script: $(window).load(function() { $("#div1").load('/xmlHttp.php?action=getLoad'); $("#div2").load("/xmlHttp.php?action="+ $("input [name='selectType']").val()); }); What this does: it calls the central xmlHttp url to fetch data. Simple right? Except that the first call can stall the second? The second call will finish only when the first is already done? It seems that the second call waits for the first to be done? (ór its just a widly
[jQuery] xml find element with this attribute value
hello all. i've been reading a lot and still does not find any solution to my query. please find the details below. <list> <sample name="a" id="1"/> <sample name="b" id="2"/> </list> in jquery how can i automatically find the element sample with attribute name equals to a without looping entirely the xml hope to find solution thanks. akel
[jQuery] Prefixing all href attributes (or how to get .attr('href') to return a string)
I'm trying to use the below code to prefix all href's with 'cms/'... [code] $("#content_main a").attr('href', 'cms/' + $(this).attr('href')); [/code] I end up with href's which look like this "cms/undefined". I guess I need to get $(this).attr('href') to return a string instead of a JQuery object? Many thanks, K.
[jQuery] [Validate] Problems with errorPlacement before element
Hi there, I'm using jQuery's Validate, which works great, but i seem to be unable to define the place where to place the error message. Extremely simplified, my form looks like this: <label for="email">E-mail</label><div class="warn">*</div> <input type="text" name="email" id="email" value="" /> I'd like my error message to appear inside the div.warn, but i't fix it like that. I know i have to use something _like_ the following function, but don't know exactly how to use it: errorPlacement: function(error,
Next Page