[jQuery] Superfish : close on click outside the menus
Hi, Anyone modified the great Superfish jquery plugin so that the menu closes not only after X miliseconds when the mouse is not hover a menu but also when the user clicks outside a menu. 2) The other behaviour I need is to only close the menu when the user clicks outside the menu, not in the mouseout. Anybody already did this? This would be nice plugins to this plugin :-)
[jQuery] Superfish menu help
Hi there! I love the Superfish menu, it's just brilliant! But I need this: in a sub - sub menu I have a long list of items. I would like to split the list in two so that people with small screens don't have problems in reading all the items. Here's a screenshot of what a mean: http://www.dallo.it/list-items.jpg Could you help me? THANKS!!!! Mat
[jQuery] Solution: extended nextUntil to wrap multiple sibling elements inside a common container element :)
<script type="text/javascript"> jQuery.fn.nextUntil = function(expr, includes){ var match = []; includeFirst = includes.first ? true : false; includeLast = includes.last ? true : false; // We need to figure out which elements to push onto the array this.each(function(){ // Traverse through the sibling nodes if (includeFirst) match.push(this); for (var i = this.nextSibling; i; i = i.nextSibling) { // Make sure that we're only dealing with elements if (i.nodeType
[jQuery] jQuery 1.3+ slideUp or slideDown Now Shifting Contents
Ever since I upgraded to the latest jQuery, anywhere I have slideUp or slideDown now "shifts" the contents inside of the element that is being revealed/hidden. It's as if the contents are tied to the center of the expanding element. Say I have div with a paragraph inside. When I click my toggle button to slideDown the hidden div, the paragraph inside follows the center of the div and moves about half as far as the bottom of the expanding div. Before, when I was using jQuery 1.2.6, the paragraph would
[jQuery] Calling an element tag and the value inside one of it's attributes
This is an odd questions. I have a huge form with a lot of data. There is a table that data in it I need to display on a print screen (of course this data isn't being displayed in the regular table). So, I put the display text in a span tag. So, this is how each item will look: <span printData="Item 1 detail to display">Item 1</span> <span printData="item 2 detail to display">Item 2</span> I need a way to grab all spans on the page that have the attributte of "printData" and grab that text inside
[jQuery] unwanted delay with css()
Hi, I'm running an A/B test using a 3rd party javascript testing app. I'm loading the jquery script with the tool. <script> $(document).ready(function(){ $(".cartInStock").css({display : " none "}); }); </script> The problem is that the original CSS displays (what I want to hide) while the page is loading, but as soon as it finishes the the script updates the css and the element disappears. The script itself loads fairly high up on the page. I'm not sure if this is the script or the A/B testing tool
[jQuery] jquery object and functions
Hello. I'm having problems with the following code: var img = []; //.... var o = this.find('img'); o.attr('src', img[n][0]).attr('alt', img[n][1]); The error I get is: o.attr("src", img[n][0]).attr is not a function What am I doing wrong? Many thanks in advance!
[jQuery] need some suggestion about adding active class for one page link
Hi, I am working on the project that will be only one page and the menu will link to the same page. The problem is that i can't add active class to the menu the same we did in the normal linked pages. For example, in css we can see .about .menu ul li .active a { color:#black} . This means the menu will be in black when the user is in the about page. I can't do like this in one page scroll menu as there is only one menu. Are there any ways to let the menu change (add active class)when i scroll to
[jQuery] empty() is faking ?
Hi I'm puzzled with this : http://pastebin.me/49fef93928aff (in firebug click on the jquery object, then expand "0") Using empty() or remove() on the lis of a ul, it seems that jQuery is "faking" to remove them, i.e the lis will not be accessible by jQuery anymore, but in reality the childnodes are still there. Well, at least that's what I can believe from firebug. (Not sure who's the liar here jQuery, firebug, or me being dumb) I'm facing an issue that gets down to that, I really dont understand
[jQuery] cluetip plugin: how to implement a cluetip picture to a homepage logo?
Hi I try to implement a picture as a cluetip that should show up when the user touches the homepage logo. I tried different things but did not make it properly. the logo had an awful border in the colors of the links and in Firefox 3 the cluetip did not show. any solutions? txs in advance Markus
[jQuery] jQ Methods Load Order
QUESTION: How does one set the order in which jQuery methods are called? BACKGROUND: Unlike jQ-Impromptu website (see SOURCES below) that launches jQ-Impromptu with mouse clicks, I would like to launch jQ- Impromptu after my page has completely loaded, but before the user can do anything of his own. For the moment, I am unable to make good use of the opacity effect, because jQ-Impromptu is activated before my page has loaded (see SOURCES below). There is also a positioning-quirk in Safari, but this
[jQuery] Wrapping p siblings following h1 in divs
Hi, I am new to jQuery, and it seems the very first thing I try to do gives me problems. However, probably I am missing something so let me ask you if you can hint me on the best way to accomplish this. I want to transform a document with a flat structure like this <h1>Heading 1</h1> Paragraph 1.1 Paragraph 1.2 <h1>Heading 2</h1> Paragraph 2.1 Paragraph 2.2 to something more hierarchical like this <h1>Heading 1</h1> <div> Paragraph 1.1 Paragraph 1.2 </div> <h1>Heading 2</h1> <div> Paragraph 2.1 Paragraph
[jQuery] Please review my micro-plugin for a perceived hole in the jQuery API
Does anyone see a problem with this? Has anyone else had to implement something similar? Why wasn't something like this included with jQuery? /** * An AJAX extender for jQuery.fn. * * jQuery's low-level ajax implementation can handle every scenario EXCEPT the situations where we want to apply * AJAX results directly to a DOM element; Curiously, jQuery has a method that handles this, however, it isn't * compatible with the advanced jQuery.ajax() method: * * jQuery( selector ).load( url ) *
[jQuery] state of the art for corner rounding?
Hi All, I have a half dozen bookmarks for rounded corner plugins, but am wondering if there's a "state of the art" plugin kicking any booty on that these days? What I'd *really* like is to just be able to set -moz border radiuses in CSS and have a plugin magically use those to create rounded corners in IE and Safari (IE mainly... using excanvas or something with it is fine, too). Any advice? For the project I'm working on now I don't need to have lines at the border (ie: no border:1px solid black
[jQuery] Calling jQuery Methods and Having Them Execute in a Pre-Designated Order
QUESTION: How does one control the order in which jQuery methods are called and executed when loading a page? BACKGROUND: This question has been simplified from my previous question on load order. As this appears to be a complex issue -- otherwise, it would probably have been readily addressed -- I could likely be satisfied by a link or two that points to a well-written document on this topic. PREVIOUS QUESTION: http://groups.google.com/group/jquery-en/browse_thread/thread/371f0bd498d4446f# Roddy
[jQuery] Surrounding pairs of label+input with a div?
I have the following HTML within a form <!-- height --> <label for="height"> Height (cm) </label> <input id="height" name="height" type="text" class="textbox validator-required alphanumeric"/> <!-- weight --> <label for="weight"> Weight (kgs) </label> <input id="weight" name="weight" type="text" class="textbox validator-required alphanumeric"/> Would like to turn it into: <div class="field"> <label for="weight"> Weight (kgs) </label> <input id="weight" name="weight" type="text" class="textbox validator-required
jQuery Developer Wanted
Manning Publications is looking to work with a jQuery enthusiast on the development of a next generation ebook. We have implemented a first version of this and will soon begin working with a designer to help us refine our vision. The developer will work with our publisher and the designer to turn their ideas into reality. In the beginning, the ebook will be a web page that does several things: it will (1) put the entire book on a single page, (2) let readers add and see each others' comments (text
[jQuery] jQuery/Webkit bug?
I wrote a plugin that works great in every browser except Webkit (Safari, Chrome), and the problem I'm experiencing with Webkit is intermittent. What appears to happen is that the first time a Webkit browser sees the page, it miscalculates the position of a div centered using CSS. Reloading the page fixes the problem without fail. Sometimes I can even clear the cache of a Webkit browser and it will load the page properly but more often than not, it throws the bug. When using Chrome to inspect the
[jQuery] looking for a jquery comparison to this mootools image menu
please see the link. http://www.phatfusion.net/imagemenu/ Anyone know of a jquery option that is similar to this mootools image menu?
[jQuery] New Google Gadget: jQuery Universe
I've been working on a Google Gadget for a while to consolidate and display information about what's going on in the "jQuery Universe". I have a first test version up, if anyone wants to take a look: http://www.javascripttoolbox.com/gadget/jquery/ When added to iGoogle as a gadget (which you would need to do manually for now until it's added to the directory - the gadget url is: http://www.javascripttoolbox.com/gadget/jquery/jquery.xml ) there are lots of options that you can configure, and you can
[jQuery] $.get only reads a certain number of nodes from a local xml file before failing
I'm having trouble reading a not-so-large local XML file. The following code works fine for under 70 nodes: // load values from the xml file $.get('dic.xml', function(dicXml){ $('node', dicXml).each(function(){ var literal = $(this).find('literal').text(); // do something }); }); But if I add more nodes to the xml file, it mysteriously fails. (It won't read any nodes at all..) Is there some kind of size limit (memory, file, etc) when it comes to reading XML
[jQuery] Calling function in document ready?
I have a function within the $(document).ready(function() { function myFunction(){ } )); But I want to call it from Flash? What name should I use? jQuery.myFunction does not seem to work..
is there a way to partially show or hide an element?
i know the show() or hide() methods, but what if I just wanted to show say half of an element and hide the other half? is this possible using jquery?
[jQuery] transform variables
hi, this is not exactly a jquery question but it could be useful anyway. i've got a function to which i pass 4 parameters, two as values, two as var references, but which are 'spelt' the same. Is there a way i can pass only two parameters and use them inside the function once as a value and once as var reference loadSelect('cat', cat, 'fam', fam); // these are the 4 parameters: how can i call it using only 2, ie: loadSelect('cat', 'fam'); or loadSelect(cat, fam); function loadSelect(parent, parentVal,
[jQuery] jCarousel Lite with image counter
hello, I'm using jCarousel Lite (http://www.gmarwaha.com/jquery/jcarousellite/ index.php) and would like to implement an image counter that would display something like this: 1 of 10, 2 of 10 and so on. I know jCarousel Lite has a variable called "curr" but I don't know how to use it. thanx marek
[jQuery] jquery selector trainer
Hi all I made a jquery selector trainer. It's written using the jquery lib. http://lamp2.fhstp.ac.at/~lbz/beispiele/ss2009/jquery/ The problem I now have is that it is very slow and need Gigabytes of RAM for big examples using Firefox. Maybe someone has a hint to make it faster. Bernhard
[jQuery] Superfish on roids second top level row problem (z-index?)
hello, I want to use this menu but i have so many main items that there are 2 rows. The first row is always on top. How can i get the second level menu to be on top of the fisrt item menu-item1 menu-item2 menu-item3 menu-item4 menu-item5 menu-item6 menu-item7 menu-item8 menu-item9
[jQuery] How do i use JQuery Autocomplete for multiple words
I have an autocomplete field and am just wondering how can i use it for multiple words? When i type the first word it works perfect, but when i space and type in the second word, its sends the two words back to the server and of course the results are wrong! eg. when i type the two words, 'Java javascript' the first word 'Java', autocomplete works well, pull the list. but when i space and type javascript, autocomplete sends 'Java +javascript' to my ajax function. Any ideas how to fix this? Gath
[jQuery] Is any one else experiencing serious slowdowns on their site due to 'waiting for jqueryui.com' ?
I was surprised to today to discover that my site was running much slower than usual (3 to 4 times slower!). Most of the delay was spent with the message 'waiting for jqueryui.com'. This really freaked me out. First of all what gives the jquery folks the right to ping their site from their code? Second of all, if they're going to do that they'd better make sure that the site they are pinging is super fast. Can anybody enlighten me as to what is going on here? Better yet, how can I remove that code
[jQuery] Ready state
Hello, I have two AJAX requests which are depended on each other. One is for retrieving chat messages, and another - for sending. Here's the code. First - message "getter". function getData() { setTimeout("getData()", reloadTimeout); $.ajax({ type: "GET", url: "chat.php", success: function(xhr) { getDataXHR = xhr; getDataEvent(); }, error: function() { getData(); } }); } Second one, now - message sender. function send (msg, to) { $.get("send.php", { msg: msg, userId: userId, to: to } ); } The issue:
[jQuery] get param from URL
Dear all,<div> </div><div>Can u give me script with jquery how to get URL after #</div><div>Example : index.php?p=item#id=1</div><div>How can I get id=1?</div><div> </div><div>Thanks</div><div> </div><div> </div> <div> </div>
[jQuery] $.get() filtering DOM in incoming html?
Hi all, $.load() filters incoming html with css selectors following url. Is there a way of doing the same thing with $.get()? Many thanks.
select box focus css ie behaviour
I have a cms sytem being developed in asp.net usinf visual studio. The application will be restricted to being used by IE 6, 7, 8 I am trying to get form elements to have a background colour which changes to white when the elements get focus. I can do this for textboxes with no problem, but with select boxes it is an entriely different matter. Here is the css: .textbox { border:solid 1px #7f9db9; padding:1 1 1 1; background-color: #edf1f1; } .textbox-focus { border:solid 1px #7f9db9; padding:1 1
[jQuery] $().someFunction(); -- The First Pair of Parentheses?
QUESTION: What does the first pair of parentheses indicate in the following statement: $().getBrowserInformation(); BACKGROUND: I have noticed that their presence or absence can make or break JavaScript's acknowledgement of a method's existence on the one hand, but seem entirely unnecessary under other circumstances. Roddy
[jQuery] Superfish Vertical Menu - Can I change it to display submenus on left?
Love this menu. This menu will be appearing in module on right hand side of page. So I need the submenu to display on left, not right. So how to make this a right to left menu? I've played around a bit and have had no luck yet. I've used the navbar on another site and I'd really like to use this vertical menu too. Please help!
Detect IE6
Hello, First of, im new here. I'm not native english speaking. If i make spellingmistakes or so, for that i am sorry. Anyway I'm into jquery for a few weeks now, mainly i'm just programming in css/php/xhtml and some xml but jquery is too populair not to know some tricks about it. So i did some reading/tutorials/ modified e.g a picture-plugin etc. Anyway, i'm building a website that uses transparant PNG's all over the place. No problem for all the recent webbrowsers. But i did some research and noticed
slideDown effect like the one possible with Mootools?
Hello. At the moment I am playing with jQuery a bit. Is it possible to get the same effect like the following one from Mootools with jQuery? Mootools: http://demos.mootools.net/Fx.Slide (the "slide in" one) When using jQuerys slideDown effect you don't get exactly the same. On jQuery when you slide down some text. The text doesn't get created befor it slides in. (well it looks like that) Does someone know what I mean and could help me? Thank you very much. Regards
jQuery(document).ready() Type error on WebKit based Browsers
Hi there, I looked for some hours now on the Internet trying to find an solution, or at least an explanation, to my problem but haven't found anything yet. On Firefox it all works just fine, on IE7 it works with some minor bugs (as expected) but on any WebKit based Browser like Safari, Chrome, Konqueror and Opera, it refuses to work. Instead, I get this Error Message: message: Statement on line 3: Type mismatch (usually non-object value supplied where object required) here is the Code: jQuery.noConflict();
[jQuery] MULTIPLE DIV ON COUNTDOWN
Dear all,<div> </div><div><span class="Apple-style-span" style="font-weight: bold;">I have function javascript like this</span></div><div> </div><div><div>function display_short_lived_counter(seconds, div_name) {</div> <div> orig_seconds = seconds;</div><div> if (seconds <= 0) {</div><div> el = document.getElementById(div_name);</div><div> </div><div> if (el) {</div><div> el.innerHTML = '00:00:00';</div><div> }</div> <div> return;</div><div> }</div><div> hours = 0;</div><div> minutes
Sliding menu
Hello, I have a problem and I dont know how to continue... I have a menu with architecture: -------------------------------------------------------------------- <div id="menu"> // button <div class="menu_box"> <a href="#" style="display: block"> <div id="menu_about"></div> <img src="about.jpg"> </a> </div> //end of button // next button <div class="menu_box"> <a href="#" style="display: block"> <div id="menu_offer"></div> <img src="offer.jpg"> </a> </div> // ....etc --------------------------------------------------------------------
Next Page