[jQuery] Searching for the previous sibling that matches a condition
First of all, I'm just getting started with jQuery so thanks in advance for your patience. I have a table that I am manipulating and I need to remove a row under a certain condition. I originally wrote the test below: if (theTr.previousSibling && theTr.previousSibling.className == "headerrow" && (!theTr.nextSibling || theTr.nextSibling.className == "headerrow")) In English, I have a tr element stored in the variable theTr. I am testing for the case where its previous and next siblings have a certain
[jQuery] Superfish
I love this menu system... but now I have a project that I need to set the menu at the bottom... so the dropdowns no need to be dropUps... I have be working at this with no luck. Any one know how to have the menu drop upwards? Thanks for the help... jeremyBass
[jQuery] ASP.NET C# jquery treeview
Hi, I am trying to implement JQuery treeview with asp.net. I have master page and treeview is in child page. Can someone point me to an example that shows ASPX integration? I saw PHP one but I am not able to replicate the same thing in ASP.NET. Any help is appreciated. Thank you.
[jQuery] Does with_plugins work when building jQuery from the Makefile?
In the Makefile, I noticed a with_plugins target. However, the command: make with_plugins results in the following error: make: *** No rule to make target `../plugins/button/*', needed by `with_plugins'. Stop. What's the appropriate way to use with_plugins? I'd like to build jquery with some of the plugins mentioned in the Makefile so that a bazillion JS files don't need to be downloaded (which slows down my site). I could add that to the build process for the website, but was wondering if there's
[jQuery] Losing link in an Image Gallery
I am new to jquery, but am really excited about it. I have managed to hack together several scripts to accomplish what my designers want but have hit a wall. I have an Image Gallery that also uses Shadowbox.js by Michael Jackson. Basically there are thumbnail which change a main image and the main image can be enlarged further using Shadowbox.js. The problem is that I can only get the initial image to work with Shadowbox.js. Once I change the main image I lose my link and I do not understand Jquery
[jQuery] Need Help with my plugin
I'm building my first plugin for jquery and I'm stuck on a really weird problem. I'm building a lightbox image gallery that turns an xml doc into a gallery with minimal effort. I've got it almost complete and I've ran into a snag. The plugin generates a lightbox with image controls (prev and next methods). Here is my bug: when the prev method is called after 1 or more next method calls, the obj loops prev the number of times that next was called (or however many images have been view this code execution.
[jQuery] building jquery from Makefile using with_plugins target
In the Makefile for jquery, I noticed there's a "with_plugins" target. Does anyone know what this is for? When I try building with the command: make with_plugins I get the error: make: *** No rule to make target `../plugins/button/*', needed by `with_plugins'. Stop. I need quite a few of the plugins referenced in the Makefile. I'm hoping that there's a way to build jquery so that a single JS file contains jquery and the plugins referenced in the Makefile. This would be helpful so that my site doesn't
[jQuery] jQuery toggle menu help
I have created a toggle menu using this jQuery code. $(document).ready(function(){ var subs = $('.menu > ul ul'); subs.hide(); $('.menu > ul > li a').click(function(){ $(this).next('.menu > ul > li a').toggle(); }); }); A sample menu...... <ul class="menu"> <li class="title"><a href="#">Category One</a> <ul> <li class="item"><a href="../page1/index.html">Page1</a></li> <li class="item"><a href="../page2/index.html">Page2</a></li> <li class="item"><a href="../page3/index.html">Page3</a></li>
[jQuery] History Plugin
Dear Folks , I need to make my webpages bookMarkable and do remember some history . does any one has a link for us .. thanks .
[jQuery] invalid arg line 1121 in ie6
Hi, Is following psuedo syntax valid in jQuery? It is causing an error in ie6(invalid arg line 1121 in ie6): $(window).bind('load', function() { ... $('#headerNavLeft .special').each(function() { .... $('li:first', $('ul', $(this))).css('padding-left', (xPos-offset) +'px'); } }
[jQuery] Pro Javascript Techniques Doubt
Hi, I'm reading "Pro Javascript Techniques" from John Resig, and I'm confused with an example. This is the code: // Create a new user object that accepts an object of properties function User( properties ) { // Iterate through the properties of the object, and make sure // that it's properly scoped (as discussed previously) for ( var i in properties ) { (function(){ // Create a new getter for the property this[ "get" + i ] = function() { return properties[i]; }; // Create a new setter for the property
[jQuery] animate image size
I saw the demos where div sizes were animated. Can this be done with an image? I have some button(image) links on my site. I would like to make each image a little bigger when you hover over it. Anyone know the best way to do this?<div> Thanks</div><div>Mike</div>
[jQuery] how do i select all anchors OUTSIDE of a specific tag
How do i select all of the anchor links that are NOT in the div x? <body> <a href="" onclick="alert('TODO');return false;">outide div 1</a> <div id="x"> <div><a href="" onclick="alert('TODO');return false;">inside div 1</ a></div> <a href="" onclick="alert('TODO');return false;">inside div 2</a> <a href="" onclick="alert('TODO');return false;">inside div 3</a> </div> <a href="" onclick="alert('TODO');return false;">outide div 2</a> <a href="" onclick="alert('TODO');return false;">outide div 3</a>
[jQuery] invalid arg line 1121 in ie6
Hi, Is following psuedo syntax valid in jQuery? It is causing an error in ie6(invalid arg line 1121 in ie6): $(window).bind('load', function() { ... $('#headerNavLeft .special').each(function() { .... $('li:first', $('ul', $(this))).css('padding-left', (xPos-offset) +'px'); } }
[jQuery] html() triggering twice?
I'm working on this interface where there are three select elements. When an option in the first menu is clicked this code executes ========== $('.state_select OPTION').livequery('click', function() { var el = $(this).parent(); if ( $(el).val() != 'all' ) { $.post('includes/tools.php', { get_counties: $(el).val(), catgry: $ (el).parents('.target_form').find('#category').val() }, function(data) { if ( data == "" ) { alert('No results.'); } else { alert(data);
[jQuery] Event listener optimisation advice
Hi All, Is there some kind of performance cost in setting up lots of event listeners? For example, rather than setting up lots of click event listeners, would it be better to set up a single one which then uses if/else to decide how to process it? Obviously, it might not always be practical, but I'm just after the theory side of things right now. Thanks. F.
[jQuery] JSON support in flash plugin?
Hi I have a flash (swf) file that needs rather extensive input in form of flash-vars. My flash colleague would like to recieve the flash-vars as an object (JSON). Have any of you tried that - or maybe even extended Luke's (great!) plugin? This is how you feed flash-vars to the movie 'out of the box': $('#example').flash( { src: 'example.swf', width: 720, height: 480, flashvars: { foo: 'bar', baz: 'zoo' } }, { version: 8 } ); This is what I need: $('#example').flash( { src: 'example.swf', width: 720,
[jQuery] Anyone Else Seeing This?
I can't even say if this is related to JQuery or not - but I'm hoping someone else might have an idea. I have a myriad of sites that use a framework I have developed all use packaed and gzipped JS loaded in the Head from an external file including JQuery and JQuery UI. Works fine on PCs (all browsers) - pages load under 3 seconds Works fine on Ubunti in FF - under 3 sec Works fine on iPhone in Safari - around 5sec (wireless so I'm not surprised) On Mac systems (latest OS) FF, and Safari - the same
[jQuery] [validate] [metadata]
hi there, i have a quick question about the validation plugin - i have a big form working perfectly except for a select that will for some reason not show the error message: can anyone spot anything wrong below please : tnx sean =================== <tr> <td height="40"> <label id="countrymsg" for="country"> Country: </label> </td> <td> <select name="country" id="country" onchange="xajax_selectSignupCountry (document.getElementById('country').value);" style="width:
[jQuery] stop by mouseover and run by mouseout
hi, i have a function who displayed alternate content from 3 DIVs with a fadeIn Now i want to try, that the display rotation stoped if my mousepointer goes in the DIV but i doesnt work. whats my misstake? <!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <script src="http://code.jquery.com/jquery-latest.js"></script>
[jQuery] element:gt(0) works in FF, but not in Safari/IE/Chrome
Hi! I have the following code which, using jQuery 1.1.2 works in FF/Safari/ IE: function menu_loader() { var speed = 200; var item_title = new Array(); var items = new Array(); var i = 0; $("#menu ul").each(function() { items[i] = $("#menu ul").eq(i).children().filter(function (index) { return index > 0; }); /* v1 - hide items if not active */ if (items[i].is(".active") == false) { items[i].hide(); } /* v2 - hide all */ //items[i].hide(); //apply the clicker $(this).attr('id', 'c' + i); $(this).children(":first").css({
[jQuery] [validate] optionally trim input
I noticed that in the "Isn't that nice and easy?" demo where two characters are required for the "Name" field I can enter two spaces just fine. Is there an option to control that behavior and let the validation trim white spaces before and after the text before validation?
[jQuery] a question to animate
<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:x="urn:schemas-microsoft-com:office:excel" 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
[jQuery] FlexBox Plugin Not Paging
[Synopsis] Dynamic 20 count list. Need displayed 5 results per page. 4 pages total. [Currently] Data comes back good. Initial Display count good. Summary info and page count good. [Problem] Scroll bars appear that show all 20 results. There should be no scroll bars. There should be only 5 initial results. More importantly, paging is not working. Scroll bars just remain at top of page. -Expected Results: Something like example #2. See, http://www.fairwaytech.com/flexbox/Demos.aspx [Code Snippets]
[jQuery] IE8.
Our friends at Microsoft have a lot of work to do until their new born browser IE8 (Still in Beta 2) actually works the way it should. It seems that there is a major event triggering issue. Lots of jQuery core functionalities depends of events. For the ones interested to see some upcoming bugs, download IE8 beta 2 and visit the following links. Jquery Corner. (Not working) http://www.malsup.com/jquery/corner/
[jQuery] stop function by mouseOver
Hello, i m real desperate about this. with my function i displayed the content of my 3 DIV elements in a interval. it works fine. since a long time im trying to prog a feature wich make a displayStop by a mouseover. i need this to listen the long content in a div. after i moved out of the div the function should be run again. but how? here is my code: <!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">
[jQuery] libraries
Hi, I'd like to know, please: There is {HTML,CSS,jQuery}library in [xml,csv,json]file format? The goal is an IDE... Thanks. Dirceu Barquette
[jQuery] [validate] working on C#
I'm working with C# and have some problems to integrate with jquery in order to validate forms. Anyone have a example page working with aspx and the events? sometimes need disable the validation but send the callback , someone knows a disable feature ? thanks
[jQuery] suckerfish not working and my site is floating to the right
Hi I'm using suckerfish on my site at http://www.sthig.com/unisource and all works well except in IE6. I can't seem to get the menus to drop down. here is my css: http://www.sthig.com/unisource/style.css Also, everything is floated to the right thus breaking the site in IE6. Any fix to this? you can see a shot of it breaking here: http://www.sthig.com/unisource/1.jpg http://www.sthig.com/unisource/2.jpg I know I'm new...but I'm desperate and reaching out all over the web for help. I've got a looming
[jQuery] Suckerfish not dropping down and everything is floated to the right
Hi I'm using suckerfish on my site at http://www.sthig.com/unisource and all works well except in IE6. I can't seem to get the menus to drop down. here is my css: http://www.sthig.com/unisource/style.css Also, everything is floated to the right thus breaking the site in IE6. Any fix to this? you can see a shot of it breaking here: http://www.sthig.com/unisource/1.jpg http://www.sthig.com/unisource/2.jpg I know I'm new...but I'm desperate and reaching out all over the web for help. I've got a looming
[jQuery] What am I doing wrong here -- htmlTo?
I am trying to do the following: 1) create an IMG 2) assign an SRC to the IMG 3) wrap the IMG in <br/>'s 4) insert the resultant HTML into #foo I have been hammering at this for awhile now, and am having problems; I've tried using wrap and some of the other content-manipulation methods, but I still can't get the implementation down to something short and sweet (referencing jQuery only once). This is the best I've got so far: var html = jQuery( '<br/><img/><br/>' ) .find( 'img'
[jQuery] using cycle for website navigation, choppy in firefox
I am creating a website for my company. I am using the cycle plugin to navigate horizontally between pages. The plugin is awesome. However the site is starting to get pretty full and I've just added something that has made the cycle navigation choppy, just in firefox. The site is not public so I don't have a URL. But I just added a div to the page to allow for some internal scrolling which seemed to be the cause of the choppiness. Here is the CSS for the div that I just added that made the site
[jQuery] Using the not() filter
Hello All! I'm trying to figure out the correct way to use the not() method. I know there is also a :not() filter in selectors class but I couldn't get that one to work either. My goal is to add a click function to all the input fields on a page. But not select the input buttons that are nested in certain divs. Here is what I have tried so far: $("input").not($('#addNewAddress:input', '#addNewContactDetail:input')).click(function(){ console.log($(this).attr('id')); }); AND $("input").not('#addNewAddress
[jQuery] [TUTORIAL] Creating an OS Web Interface in jQuery (Part I)
Finally here you have the First Part of this series of tutorials to recreate an OS Web Interface with our lovely jQuery javascript library. Here you have the link guys, I hope you can use it for your personal projects: http://yensdesign.com/2008/12/creating-an-os-web-interface-in-jquery-part-i/
[jQuery] clueTip: set options on the fly for individual elements
I've got a bunch of clueTips that show up onmouseover and I've got two issues that I'm hoping someone can help me with. 1. I would like to set the width of the clueTip dynamically for individual clueTips. Can this be done? 2. I would like to set the offset of the clueTip dynamically for individual clueTips. Can this be done? Many thanks in advance! // Oddish
[jQuery] jquery.corner.js and ajax request
Hi to all ;) jquery.corner doesn't work when html is written in ajax request on the fly and send back to the client. Should i use LiveQuery or something else to make it working ? thanx and regards, f.
[jQuery] Selector not working ?
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> </head> <body bgcolor="#ffffff" text="#000000"> Hi, I am confronted to a problem that remains totally mysterious to me. I have some selectors that do not seem to work. I am using jQuery for the website of my company that is built upon Drupal. I also use the Curvy Corners and the Drop Shadow plugins. Everything is working fine on this module. On my front page, I am using jQuery to make something quite simple: when the user
[jQuery] Navigation with active state
I have a navigation like this <div id="mainnav"> <ul id="nav"> <li class="sub"><a href="a.html"><b class=""><img src="img1-off.gif" alt="About GTx" /></b></a> <ul> <li><a href="a.html">nav1 </a></li> <li><a href="b.html">nav2 </a></li> <li><a href="c.html">nav3 </a></li> </ul> </li> <li class="sub"><a href="d.html"><b class=""><img src="img2-off.gif" alt="About GTx" /></b></a> <ul> <li><a href="d.html">nav4 </a></li> <li><a href="e.html">nav5 </a></li> <li><a href="f.html">nav6 </a></li> </ul> </li>
[jQuery] Simple Accordion menu script
Hi there, I've implemented the accordion menu from this site: http://www.i-marco.nl/weblog/jquery-accordion-menu-redux2/ It works vry well, markup is cleaner than any other jquery accordion script I've come across sofar, but I need some help with the functionality. Basically how this script works, is that when you click on an item with sub-items, it just expands the sub-items. How would one typically go about if you would like to navigate to one of the "parent" items and not just expand the sub-items.?
Simple expand animation with flash
Hi, I'm really new to jquery and I'm having some trouble getting an expanding div to work. Basically what I am trying to do is have a flash file that sits inside a div, the div is set to 100px height with a hidden overflow. When the flash file has finished loading i want to call the JS function expandDiv() and have the div expand with an animation to 500 px tall revealing the rest of my flash file. I think this is relatively simple to achieve I just don't know where to start. If someone could help
Next Page