[jQuery] CSS problem with slideDown() in IE6
Hi all! I'm experiencing a weird behavior in IE6 when I use slideDown(). An example can be seen @ <a href="http://www.bookevent.dk/CayesWeb/">www.bookevent.dk/CayesWeb/</a> click on a li element in the menu (click on the first nested li, "BAGMAN" if you loose the picture). When an ul element slideDown my <div id="display"> slides down as well. I have tested with FF2, IE7, Safari3 and Opera 9.22 without seeing that side effect. Opera 9.22 does display a small hiccup when you click a li the first
[jQuery] i think you can all see what i'm trying to do here - two-tier navigation with jquery...
i think you can all see what i'm trying to do here: http://www.personal.leeds.ac.uk/~scs4ll/index.html i've coded up the 'home' and 'schedule' buttons as best i can (using the hover event). it would be nice if the secondary nav stayed up long enough for me to navigate it though. any help would be much much appreciated. even a kick in the right direction. cheers, lewis
[jQuery] binding events and keep reference to the "this" object
I'm not sure if I've completely missed this in the docs, but I'm wondering if there is an easier way of achieving the following: $(".button").bind("click", {that:this}, function(event) { var that = event.data.that; that.handleEvent(); return false; }); I could do the same thing in prototype using "bindAsEventListener" like this: Event.observe($$(".button"), 'click', this.handleEvent.bindAsEventListener(this)); This would help tidy everything up a lot, since I'd like to maintain a class-based pattern
[jQuery] event.target and switch statement...
Newbie question... Does the switch statement work with event.target? For instance, I have the following condition in my script: if ($(event.target).is("a.close") { $("#popup_layer").hide(); } else if ($(event.target).is("a.continue") { // do something else } ... I actually have a few more conditions that look for specific anchor classes to do different stuff. I'm thinking it would be nicer to move to a switch statement but my code doesn't seem to work. I suspect I'm doing something wrong. What is
[jQuery] jQuery 1.2 Preview
Is there a way to obtain a build of the current revision of jQuery 1.2 without building it myself? I have a use for some of the animation additions in 1.2, and would like to be able to publish a few things as soon as it's officially released. Thanks folks!
[jQuery] Fade in alert freezes with Internet Explorer 7 - Help appreciated!!!
Here's the site I'm working on: http://www.letsbuythecubbies.com/trading/register2.html . I have it setup so that when you click "click here to pay" a yellow box fades in directly underneath it that says "just a moment..." It works great in firefox, but for some reason it completely freezes up IE 7. Now I wouldn't mind if the paypal button still went through just without the effect, but I'm screwed if it freezes IE for all potential customers. Any help would greatly be appreciated!
[jQuery] jCarousel w/ larger image sizes
I'm trying to manipulate jCarousel in order to support slightly larger image dimensions, but the item widths continue to be 77px. Anyone have any guidance on how I can achieve this goal?
[jQuery] Accordion problems with IE6
I have problems using the Accoridion plugin with IE6, everything works as expected on FF but IE6 "flashes" and misbehaves. Here is the page: http://www.nhytro.de/apache2-default/template/test.html Does someone have an idea? Thanks
[jQuery] Permission denied error with 1.1.4
I'm getting a 'Permission denied' error in IE6 when a jQuery 1.1.4 is loading. When I swap back to 1.1.3.1, it loads properly and page works fine. It works in Firefox with both libraries. IE's error prompt shows the following info: Line: 359 Char: 4 Error: Permission denied Code: 0 but, when I use a SplineTech JavaScript debugger the code fails in a 'bindReady()' function at 'document.write(...)' function bindReady(){ if ( readyBound ) return; readyBound = true; // If Mozilla is used
[jQuery] Image rollover plugin?
Something like what dreamweaver provide, are there such as plugin in jQuery? Thanks.
[jQuery] Find values
I have a table generated by ajax: <table> <tr id="3"> <td><input type="text" value="7586"/> </td> <td><select id="xxx"> <option value="3">Unu</option> <option value="4">Psatru</option> <option value="5">Cinci</option> </select></td> <td><input type="text" value="758633"</td> <td>nimic</td> </tr> <tr id="89"> <td><input type="text" value="758as6"/> </td> <td><select id="xxx"> <option value="33">Unu</option> <option value="44">Psatru</option> <option value="55">Cinci</option> </select></td> <td><input
[jQuery] show new image in gallery
Hi all This is more of a general question but is linked to JQuery. Here is the scenario: I have an image gallery and while users are viewing the gallery a new image is added. I want to be able to dynamically show the new image to the user if they are on the last page. So basically my thoughts on how it will work are as follows: every few seconds an XMLHttpRequest will be made to the server to check if there are any new images (that functionality doesnt need to be discussed here). If there is a new
[jQuery] creating callback function
hi guys, i think this is a simple question how do i create a call back function e.g. i have a funciton dgo (href) { alert(href); } how to create a callback function? this doesn't work dgo(href, s) { alert(href); s }
[jQuery] Onclick dropdown menu
I'm looking to build a very simple drop-down menu, akin to what Google has with their "more" link in the top navigation menu. I looked at Superfish and jdMenu, but those are triggered on hover. Clickmenu looks good, except it doesn't seem to like having a link in the top- level menu item. Am I missing a possible setting in one or more of these options, or should I be looking at making changes to make them work the way I want them to? Or is there a better option I don't know about? Thanks, Owen
[jQuery] Request: Quick tutorial on jQuery filtering/limiting methods
I've seen some o fyou jQuery masters bust out with these amazing chains, but I can't quite grasp how some of them are crafted. I've looked through the methods and found a few that I think should work in a specific instance, but then they don't. So what I'm wondering is if anyone has already taken some time and writen up a quick tutorial on the filtering/limiting methods biult into jQuery. I'm specifically looking for help on these: not() filter() is() A perfect example is a situation I had earlier
[jQuery] jQuery 1.1.4 incompatible with Interface 1.2
When I use Sortables with fx:n , Firefox firebug output: ---------- jQuery.easing[options.easing] is not a function z.now = jQuery.easing[options.easing](p, n, firstNum, (lastNum- firstNum, options.durations); jquery.js (line 5214) ---------- According to the following thread, this bug should have been fixed in 1.1.4 : http://groups.google.com/group/jquery-en/browse_thread/thread/561619139c498172/1a78636e644db437 Help?
[jQuery] bug report for Tablesorter 2.0 : Pager + Zebra
So i've noticed that when trying to use the zebra widget with the pager plugin, i get inappropriate behavior. Specifically, it stripes properly on startup, and you can page through and it's still striped properly. But as soon as you *resort* a paged table, the stripes are no longer consistent except on the page you're on at the time you do the resort. So if i resort on page 3, it still looks fine. But then if i go to page 4, the stripes are messed up (it apparently keeps the set of classes from the
[jQuery] Default sorting on multi columns
Hi, Say you have a table with 5 columns. How, if it's possible, could I set up the table sorter to ALWAYS sort on the column you click on AND the first column? In other words, the first column is always included in the sort. Many thanks for such a fabulous Plug-In. Mike
[jQuery] hidden varible
is there any thing like doucment.formname.hiddenvaible.value=10 in jquery
[jQuery] IE 2px out on event.pageX/Y
Has anyone come across this before, coz it's been driving me nuts! IE7 and IE6 are both reporting the cursor position as 2px greater - both X and Y - than the actual position, say, of a div on the screen. For example, given an absolutely positioned div at 100(top), 200(left), with a mousemove event bound to document, returns event.pageX of 202 and event.pageY of 102 when the cursor is placed at the top left hand corner of the div. Firefox and Opera work perfectly and return 200 and 100 respectively!
[jQuery] Wiki dev mailing list link broken
The link to "dev mailing list" here: http://dev.jquery.com/wiki ...goes to here: http://jquery.com/mailman/listinfo/dev_jquery.com ...which gives a "Not Found" error. Should this link instead be pointed here: http://groups.google.com/group/jquery-dev ?
[jQuery] Parsing XHTML fragment.
Hello, I have the following problem, I hope JQuery may help. I will firstly introduce the JavaScript problem. I register a mutation listener on a DIV element. When a node is inserted to the DIV I use the event object passed to my listener to retrieve the node inserted. It could look like this. <span class="message"> <b>Name</b> Hello World! </span> Currently I parse this XHTML fragment using various DOM methods such as hasChildNodes(), nextSibling, previousSibling, etc (you get the idea). However
[jQuery] Help with Superfish IE6 quirk
Hello, I've come across a little bit of a problem that I am not sure how to solve with superfish in IE6 and would appreciate any help. I have updated superfish to 1.3, and have jquery 1.1.4. and I am using it with vertical.css (with some modifcations to fit with the design of the site). The problem is that when you hover over one menu item that should display a second level, the menu items below it in the top level move down a space. The menu items at the top level should not move and it should just
[jQuery] rounded corners plugin: adding a border
adding rounded corners works great. im now trying to add a border that follows the curves of the corners. the code below adds the border but stops at the corners, which makes sense. any idea how that can be fixed? html: <div id="memberListWrapper"> <ul id="memberList"> <li> blah</li> <li> blah</li> </ul> </div> js: $(document).ready(function(){ $("#memberListWrapper").corner("round"); }); css: #memberListWrapper {margin: 5px;} #memberList {background: #fff; padding: 10px 20px;border: 1px solid
[jQuery] Large clickable boxes
Hi all, I need large clickable boxes which span the whole area of the ".deal" box. Href attribute should be extracted from links wrapped in heading2. I tried loads of experimants and ended up with the following disfunctional code. It should work, but it simply doesn't. Anyone could help me? <html> <head> <title>Clickable boxes</title> <script type="text/javascript" src="jquery-1.1.3.1.pack.js"></script> <script text="text/javascript"> /*Clickable boxes*/ $('li.deal').click(function() { $('a', this).attr('href')
[jQuery] overflow: scroll and hidden scrollbars
I have a list I want to scroll horizontally, like a strip. I've done this by creating a viewport div with overflow: hidden set, and placed a longer div inside it that contains the items I want to scroll. I scroll it by changing it's left property. This works okay, but can be a little sluggish in FireFox when there's a lot of stuff in the div that serves as the strip. As there is a scrollTop and scrollLeft attribute for scrolling a DOM element I thought I could try using those instead, only I've run
[jQuery] remove a single css-property?
is there any solution to remove a single css-property? i've the problem, that .show() leaves >>filter: ;<< in the inline-style (MSIE). now i want to remove only this property, but only this and not e.g. the whole inline-style (.removeAttr('style')). is there a plugin or a core feature, which can help me? greetings Patric
[jQuery] .height() on elements within hidden blocks returns 0
Hello, I'm using .height() to get the hight on an element which works just fine. My issue is that some of the elements are contained within hidden blocks. All those elements within the hidden blocks return a height of 0. Is there any way to get the height of these elements while hidden? Thanks, Todd
[jQuery] Jquery and Xinha
Hi all! Has anybody gotten Xinha (http://xinha.webfactional.com/) to work wth Jquery? Thanks
[jQuery] Making sure a radio button is checked
My HTML: <table class="Zebra" width="100%"> <thead> <tr class="zSelected"><td colspan="2">Employee Engagement</td></tr> </thead> <tbody> <tr class="zOdd"><td>1. I am proud to be part of the [redacted].</ td><td nowrap="nowrap" valign="top"> 1<input value="1" name="p1q1" type="radio"> 2<input value="2" name="p1q1" type="radio"> 3<input value="3" name="p1q1" type="radio"> 4<input value="4" name="p1q1" type="radio"> 5<input value="5" name="p1q1" type="radio"> </td></tr> <tr class="zEven"><td>2. I see
[jQuery] bassistance: jQuery plugin: Autocomplete
I have been playing with this Autocomplete plug-in, what can I say, fantastic. I have noticed one thing however, there seems to be a lot of chatter recently (see the bottom of http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/) regarding the ability to add extra parameters to the "extraParams" options, specifically when trying to pass the values of other autocomplete fields. I have tried some of the methods suggested by other posters, but to no avail. Can anyone suggest a working method
[jQuery] Sortable List (interface plug-in) -Sort multiple identical list
Hello, I was hoping someone here could help out a jQuery newbie. What I want to do is, if I have two list that are identical, when I drag and drop one of the items from one of the identical list, the changes will reflect on the other list as well. I hope that makes some sense. Below are two identical list, but when dragging an item on one of the identical list, it doesn't reflect the changes to the other list. Please let me know if you need more details, or if I need to explain things a bit clearer.
[jQuery] jQuery Merchandise for Sale. Help Support the Project
Okay, so it seems like you guys want the cool jQuery merchandise I showed you. Well, you can now buy it at the jQuery Cool Stuff store: http://www.cafepress.com/jquery That's right, the same cool mug and coaster that I showed you is available for you guys to buy directly. Every item listed is marked up $5.00 and those $5.00 will be donated to the jQuery project to help continue development of the library that we love. Rey...
[jQuery] New plugin found - FastFind Menu
Just found it today: <a href="http://labs.activespotlight.net/jQuery/menu_demo.html">http://labs.activespotlight.net/jQuery/menu_demo.html</a> Click toggle menu to see it in action. This menu looks like the one from deviantART ( <a href="http://www.deviantart.com/">http://www.deviantart.com/</a>).
[jQuery] Hover bug in Firefox?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML><HEAD> <META http-equiv=Content-Type content="text/html; charset=us-ascii"> <META content="MSHTML 6.00.6000.16525" name=GENERATOR></HEAD> <BODY> <DIV><FONT face=Arial size=2><SPAN class=338384916-05092007>I've found some unexpected behaviour using hover in Firefox.</SPAN></FONT></DIV> <DIV><FONT face=Arial size=2><SPAN class=338384916-05092007></SPAN></FONT> </DIV> <DIV><FONT face=Arial size=2><SPAN class=338384916-05092007>This
[jQuery] Interface plugin problem with IE7
Hi (this is my first post) Im having a problem with the Drop animation of the Interface plugin, with internet explorer 7. Im trying to animate a transparent png image, and the page has a tiled background. the effect works in firefox, safari 3, opera 9 (with some bug...) and even in internet explorer 6, with dean edwards ie7 fix. you can see the effect here: http://www.2mas2son4.com.ar/_test/ or here: http://www.2mas2son4.com.ar/_test/index2.html (with dean edwards fix enabled). Someone knows a way
[jQuery] code minimization / abstraction
I'd love some js/jQuery expert help in code minimization / abstraction. html: <a href="/account/locations/new?_context=proposal" id="testhref">Test Link</a> js: jQuery(function() { jQuery('#testhref').click(function() { jQuery.ajax({ url: this.href, dataType: "script", beforeSend: function(xhr) {xhr.setRequestHeader("Accept", "text/ javascript");} }); return false; }); }); I'm trying to minimize the code down to this, since that behavior is something that will be desired in many places. So the js
[jQuery] New JQuery documentation
A few notes about the new JQuery documentation. I'm sure it's a work in progress but there are two major issues that are causing me pain: 1) Tabbed examples? seriously? It's very difficult to "gain understanding" if I have to flip between code, html and output views. This is a step backward in usability guys. 2) Related to #1, tabbed examples don't display right in Safari 2.0.4 This isn't about not liking things just because it's different, but I see this as a usability issue. You've made the documentation
[jQuery] Persistent Parent for SuckerFish
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> </head> <body bgcolor="#ffffff" text="#000000"> <font face="Arial">Hi all, We are currently using Suckerfish (<a class="moz-txt-link-freetext" href="http://alistapart.com/articles/dropdowns/">http://alistapart.com/articles/dropdowns/</a>) and are struggling to highlight the parent of an active sub-item. Take the following HTML as an example: <ul> </font> <<span class="start-tag">li</span>><<span class="start-tag">a</span><span
[jQuery] bind an event to success validation
Hi, I have a function that show a loading bar when a form is submitted: //show loadind bar $(document).ready(function(){ $('.launch').submit(function(){ $('.loading').removeClass('hidden'); }); }); Now adding the validation plugin I have an undesired effect: $(document).ready(function() { $('.launch').validate({ errorContainer: $("#messageBox1"), errorLabelContainer: $("#messageBox1 ul"), wrapper: "li", });
Next Page