[jQuery] jtip plugin
I'm using this plugin for the first time and noticing something odd. The tooltip loads as you would expect, but at the bottom left hand side of my screen I see another tooltip loading(with the same title) with the animated loading image in the body of the window and nothing else. Very strange. Anyone else noticed something like this?
[jQuery] Troubling IE problem
I recently completed using jQuery to build a navigation structure for the site I manage at work. The site is http://www.msi.umn.edu. The script giving problems is http://www.msi.umn.edu/js/leftnav.js. The difficulty seems to be in the step where I add a span to menu items that have a sub-menu using .prepend(). The span holds my expanded/collapsed graphics and gets a .toggle() to expand and collapse the appropriate menus and other behaviors. IE 7 isn't inserting the span and, thus, my navigation scheme
[jQuery] Very Challenging (Drop-Drag) Text Resize Scroller
Hello everyone, I am in the process of creating a Text Resize Scroller for my employer. I have the skin created which consists of a background image that looks like a stretched out Less than symbol “<” with a vertical rectangular handle to scroll left and right to make the text grow Or shrink. Here is what I had in mind. First set variables Var 1. current text size Var 2 . how much to increment the text size when dragged to the next area of the scroller Var 3. scroller snap in areas (so we know how
[jQuery] Jquery spell checker
Has anyone seen a spell checker for text areas written in Jquery? I'm looking for one that is either stand-alone or can be used via AJAX connecting to ColdFusion. I would like to add a spell checker to all text areas that will work like Gmail. Thanks, -Roman
[jQuery] Problems with jqm in IE
Hi guys, After some laborious use of alerts, I've tracked down my bug in IE, and it relates to $().jqm(). I think It's a live query style issue (I'm not actually using live query!). I have a function that attaches events to elements, and this is called again when new elements are added via AJAX. I have the following code: attachEvents: function() { // do stuff... if(!$('#dialog').jqm) { alert('jqm fn does not exist!!'); } /* make modal popup from #dialog */ $('#dialog').jqm(
[jQuery] Making a bookmarklet to swap images
Here's a rough guide on making a bookmarklet to change the images in a page on hover. This looks for images with "without" in the src and replaces them with "with". For example, <img src="a-without.jpg"> becomes <img src="a-with.jpg">. This is useful for testing new versions of an image on a page. First, the jQuery: jQuery("img[@src*=without]").hover( function(){ withLink=jQuery(this).attr("src").replace('without','with'); jQuery(this).attr("src",withLink);}, function(){ withOutLink=jQuery(this).attr("src").replace('with','without');
[jQuery] treeview - async - problems reinitializing tree
<span class="Apple-style-span" style="white-space: pre-wrap; ">Our developer ran into a problem when trying to set up a refresh button on an async treeview implementation. Our tree contents will be changing all the time. Basically, we need to know how to blow away the contents of the UL and then re-insert them. <span class="Apple-style-span" style="white-space: normal; "><span class="Apple-style-span" style="white-space: pre-wrap; "> </span></span></span><div><span class="Apple-style-span" style="white-space:
[jQuery] ui selectable
Hi All, I am making a AJax File Manager using jQuery and a bunch of plugins within the interface I am having some trouble with selectable here is my code (from within a document ready block) $("#iconScroller > div.folder, #iconScroller > div.file").selectable(); here is my mark up <div id="iconScroller"> <div class="folder"> test </div> <div class="folder"> test2 </div>
[jQuery] click(function(select) help
Hi again, I have a form with products select menu. I would like to show and hide product specific options as the user selects them. Now, I can show the product options but I don't know how to hide them if the user selects a different product. My HTML is: .... snip... <select id="product-type" name="product-type" class="product-type"> <option value="select" selected="selected">-Select-</option> <option value="product a" class="producta">Product A</option> <option
[jQuery] Autocomplete: display errors
My autocomplete is getting data from a server (using a localhost). I've checked and the data is getting to the browser. But, the items do not display and I'm continually getting the following set of errors: localhost - - [30/Apr/2008 19:29:04] "GET / HTTP/1.1" 200 - localhost - - [30/Apr/2008 19:29:04] "GET /static/css/ac.css HTTP/1.1" 200 - localhost - - [30/Apr/2008 19:29:10] "GET /ac? q=chase&limit=25×tamp=1209608950312 HTTP/1.1" 200 - localhost - - [30/Apr/2008 19:29:15] "GET /static/js/jquery-
[jQuery] JCarousel, broken in IE
Hey, can anybody please indentify the problem with this? http://webhero.co.uk/portfolio The page works fine in FireFox (of course), but the JQuery "JCarousel" plug-in fails in Internet Explorer 6/7. Thanks for your help! -- View this message in context: http://www.nabble.com/JCarousel%2C-broken-in-IE-tp16993230s27240p16993230.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Jquery AJAX form submission
Hello, I am currently using Jquery's post method to submit a form. And I use the responseText to update certain other DIV in the page. Since I am migrating the All-No-AJAX pages to AJAX pages, I am forced import the entire HTML (not data alone) with Javascript into the existing DOM. Unfortunately $(document).ready(function(){}) doesnt get executed upon successfully receiving AJAX response. I guess this is the normal behaviour. But I would want that Javascript to be executed. The form plugin doesnt
[jQuery] listen plugin along with cluetip plugin
hello! i have a table displaying 3000 rows and would like to use the cluetip to display some info about each contact via ajax. of course, 3000 mouseover event binding is not reasonable so i think my problem qualifies for the use case addressed by the "listen" plugin. but i don't know how to connect the two plugins, since cluetip hides the event handling behind its function. here is the code i thought would work: $(document).ready(function(){ $("table.sortable").tablesorter().listen('hover', 'a.clueTip',
[jQuery] click(function(select) help
Hi again, I have a form with products select menu. I would like to show and hide product specific options as the user selects them. Now, I can show the product options but I don't know how to hide them if the user selects a different product. My HTML is: .... snip... <select id="product-type" name="product-type" class="product-type"> <option value="select" selected="selected">-Select-</option> <option value="product a" class="producta">Product A</option> <option
[jQuery] click(function(select)
Hi again, I have a form with products select menu. I would like to show and hide product specific options as the user selects them. Now, I can show the product options but I don't know how to hide them if the user selects a different product. My HTML is: .... snip... <select id="product-type" name="product-type" class="product-type"> <option value="select" selected="selected">-Select-</option> <option value="product a" class="producta">Product A</option> <option
[jQuery] Required field via selection box
I am using JQuery Validation and I'm trying to make a selection box that has several items, some of which have a * at the end, if you select one of those options then i want the next text field to become active. Anyone got any idea how to do this?
[jQuery] cycle plugin: is there a simple cut transition?
First of all, I love the elegance of this plugin, thanks! I was working on a project where I needed a simple cut transition (no fade, just transition immediately to the next slide), and I couldn't figure out how to do it. I took out the fx and speed options, set speed to 0, tried to guess and set fx to 'toggle', etc. I even looked through the custom transitions documentation. There was no obvious (for me) way to do this. Actually, using a cut transition is a little bit of a hack for what I really
[jQuery] jQuery Cycle - Hover Pager
Hi I am trying to create a pager that works with hovering over the links instead of clicking on them. Would this require an custom transition, or is there a way to add this to an existing transition like 'fade'. Thanks Andrej
[jQuery] $.each() versus for() -- array size inconsistency between IE and FF
I just posted something around problems with IE counting an object variable size differently than FF does. I dont know how to fix it without changing the $.each() statement with a for() loop. for(i=0; i<J.length-1; i++){ alert (J.length); } this works. But this code below makes IE think J.length is larger by 1, compared to FF. Because of that, IE throws a fatal error in its last loop, since J is no longer defined. $(J).each(function(i){
[jQuery] [ANNOUNCE] New Twitter Account for jQuery & jQuery UI Projects
In an effort to maximize the reach of announcements about upcoming jQuery & jQuery UI updates and releases, the team has created a new Twitter account: http://twitter.com/jquery and http://twitter.com/jqueryui I urge you to follow the accounts, along with the mailing list, for updates and news. Please note that we may not follow all accounts and will be using this primarily as a notification tool. Rey jQuery Project Team
[jQuery] slideUp slideDown and mouseover mouseout
Hi all - new to jQuery - a case of trying to run before I walk for sure... But.. can anyone help with this? I have a container div - and two nested divs: one for text, and another with button (will become part of a resultset) I'd like the button div to show with the slideUp and slideDown functions when the mouse is over the containing div. The trouble I'm having is handling the mousout events - and keeping the button containing div visible if they move over into this div. The source is short, and
[jQuery] Ajax and events
Hi, I have finished developping a website with jQuery. First of all, thanks to everybody who worked on this great Javascript library. It's truly an incredible timesaver. My question concerns binding and unbinding events when there are Ajax calls in which content is injected into the DOM. At first I noticed that the newly injected elements where not affected by the original event bindings. I realized I had to rebind everything on each Ajax calls. However that was not the end of my problems. I noticed
[jQuery] [NEWS] jQuery & ColdFusion preso at CFUnited
John Farrar will do a jQuery & ColdFusion preso at CFUnited: http://cfunited.com/blog/index.cfm/2008/4/30/CFUnited-Interview--jQueryCF-Integration--John-Farrar Rey
Fisheye menu freeze
Hallo, Im new & i'm new to the entire html scene.. I know some stuff about CSS & HTML but nothing about javascript etc.. But i've made a site working and everything, but with 1 BIG problem.. My fisheye menu freezes when i switch between my menu buttons to quick.. After a lot of searchin I found out: interface.js script conflicts with the other jquery parts / scripts.. how i found out: kept the demo version of Ui tabs & added <script>interface.js</script> & the page fading froze Is it possible to
Adding a string to the end of links using Jquery
Hi, Is it possible to add the string ?mytracker=yes onto the end of all links on my page using Qjuery?
[jQuery] JSON array size different in IE than in FF
I'm at the end of my rope and REALLY hope someone knows how to address this: got some JSON like so: var Data= { Music : [ {"Band":"The Beatles","Title":"Hey Jude"}, {"Band":"The Beatles","Title":"Help!"}, ] } And I'm simply looping over it like so: $(Data.Music).each(function(i){ alert( Data.Music.length); }); in FF all is well, but in IE I get 2 alerts and a fatal error ("null or not an object") because the length is 3, not 2! I wish I had any clue what's going on. How can I fix this? Thanks!!!
[jQuery] :contains( I WANT TO USE A VALUE HERE NOT A STRING ) well the value is a string
Does anyone know a work around or how to add a value to :contains. Here is my code I am working with $('.printer_element > h2').each(function (i) { if($(this).nextAll().size() > 0) { //do nothing } else { //Here we hide the whole div from the browser. We use display none so the divs below the hidden div can move up into the next higher position $(this).parent().css({ display:"none"}); //next we need to hid the checkbox and link in the
[jQuery] slideUp slideDown and mouseover mouseout (solved)
Sorry about that ignore my previous post - - a quick search of the archive revealed the answer.. .hover is the way to do this. $(document).ready(function(){ $("#div1").hover(function () { $("#div3").slideDown(500); }, function() { $("#div3").slideUp(300); }); });
Problem between width(), height() and flash.
Hope someone can help... I've written some jquery code which, upon a click() event, measures the width and height of an element using width() and height(). For some reason, though, it causes a flash banner to start from the beginning. Any ideas what's going on and/or how I can fix it?
[jQuery] Plugin Requests
Post your plugin requests. There is a lot of talent on this discussion group. Suggest a plugin idea and perhaps someone can pick it up and make it. I know that I enjoy playing/creating little scripts to relax or take a break from a larger project. I'd be willing to make someone's idea a reality, so post your best ideas! ~Sean _______________________________________________ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
[jQuery] brainmaps api jquery plugin
Hi everyone, I'd like to request a plugin based on some very cool software found at http://brainmaps.org/index.php?p=brain-maps-api http://brainmaps.org/index.php?p=brain-maps-api . It's a high resolution image viewer with a UI like google maps. To prepare the tiled images one must use http://www.zoomify.com/express.htm Zoomify EZ (free for mac and win). Upload them to a server and specify the path to ajax-slideviewer.js and it does the rest. Unfortunately, I am bereft of talent, hence this request.
[jQuery] Ext went GPL
Just a heads up to everyone who has done some work with Ext. Since Ext 2.1 the new license is GPL3 (not LGPL). Since GPL is viral all code that bundles Ext will become GPL3 too. Something you might not want to happen. -- Mika Tuupola http://www.appelsiini.net/
[jQuery] help optimizing this code ?
Hi all I have this piece of code that works fine, but is a bit slow (on a page with =~ 25 container and =~ 70 buttons, it takes about 2 to 3 seconds to complete, even after I made my best to narrow down the $ (elt) set on which it is called). So I if anybody here has any idea to improve it... NB : jquery-1.2.3, ff2/ubuntu. $.fn.OneOfTogglers = function(options) { options = $.extend({}, $.fn.OneOfTogglers.defaults, options); var containerSelector = options.togglerContainerSelector; var buttonClass
[jQuery] treeview - async - can we get a loading icon like this?
I included Jörn's treeview in an application mockup, and it's now being implemented as an async tree menu by one of our .NET developers. His only request/comment, so far, is "can we get a spinner icon like this?" http://developer.yahoo.com/yui/examples/treeview/dynamic_tree.html click on any expand icon and note the brief loading icon as it first loads minor, certainly, but a nice effect. I know Jörn is working on the async, so I thought I'd ask Thanks, rolfsf
[jQuery] Manipulating content generated after $(document).ready
I'm wondering if it's possible to use jQuery to manipulate content that has been generated by jQuery after the page has loaded. Here's what I'm trying to accomplish: The user clicks a span in a long block of text, and that span is cloned, wrapped in list tags, and appended to a ul at the end of the document: //Add span to confirmation div at end of document $('span.data').click(function(){ var confirmList = $('div#confirmSelections ul'); $ (this).clone().appendTo(confirmList).removeClass("highlight").wrap("<li></
[jQuery] Scroll, jump, goTo etc problem
Hi, This is what i want to use. onClick jump to 'imgIndex': [...] <a class="head" href="#" onclick="jumpToImg(6); return false;">Some Info</a> <a class="head" href="#" onclick="jumpToImg(9); return false;">More Info</a> [...] <ul id="carousel"> <li>...</li> <li>...</li> <li>...</li> ... </ul> [...] function jumpToImg(imgIndex){ jQuery(document).ready(function() { jQuery('#carousel').jcarousel({ start: imgIndex }); }); } and of course is not working. I need an ideea
[jQuery] Need some advice on how to proceed...
Hi, all... I've got a "Browse Properties" page on a real estate website. You can see the page in question here: http://c21ar.wsm-dev.com/cfm/browse-properties.cfm On the page at the top of the listings, I have checkboxes for property type options for browsing. I want the user to be able to check one or more of the boxes and *upon clicking a link* in the Next / Previous links have the page refresh with on the property types checked. Those checkboxes are in a form with an id of "property_types". Is
[jQuery] Form Plugin
Can someone please point me in the right direction? I am using the form plugin and it works great on a form submit action. Is there a way I can use it on a click event on a checkbox or onblur for a text field to immediately save the user's data? Thanks in advance for your help.
[jQuery] jCarousel circular bug in IE7, separate bug in Firefox (mac)?
I am using jCarousel v0.2.3 with jQ 1.2.3. I'm having a problem on IE7 where the item that should be displayed on the left side, next to the back arrow, is cut out. Not only does this happen with my own use of the code, but I get the same result on the circular example at http://sorgalla.com/projects/jcarousel/examples/special_circular.html. Has anyone found a way to remedy this? Also, in Firefox (2.0.0.14) on a Mac, again using circular, when the carousel refreshes the images (to create the circle)
[jQuery] AutoComplete - how to update the local data array?
I am using the local data array to populate the typeahead list. After a button on my form is clicked, I want to update local data array with new values. If I try to call the original autocomplete function again: $("#search_query").autocomplete(eval(data), {multiple: true, multipleSeparator: " "}); It appears to now be running two versions of autocomplete for the same field and causes some strange behavior. Is there a proper way to update the local data array? (or a destructor in jquery for the original
Next Page