[jQuery] jquery-autocompete - have a 'clearing' focus handler on textfield
Hello all, I have a text field that is using an autocomplete as seen here: http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/ I am having trouble clearing the textfield when user first enters the field. $j("#clientName").result(function(event, data, formatted) { $j("#clientID").val( data[0] ); }); $j("#clientName").focus(function() //clear the textfield when user (re)enters info { $j("#clientID").val( "" ); $j("#clientName").val(
Instant FAQ plugin ... need test / extra eyes
Hi folks - I've created my first jQuery plugin http://www.mredesign.com/demos/jquery%2Dfaq/ Basically an accordion-type function with multiple open panels allowed, and with a leaning towards "FAQ" implementation, adding the links for open/closed and show all /hide all on the fly. After using it a few times on client sites, as just a bunch of code in the page head, I decided to expand it to work with *any* nested set of html elements (see examples) and took the plunge to 'pluginify' it. (and was impressed
[jQuery] Taconite and Jquery 1.2.3
Has anyone been able to use Mike's great Taconite plugin with the latest jquery? When using Jquery 1.2.1, Firebug shows: [taconite] Plugin Version: 3.01 [taconite] [AJAX response] content-type: text/xml; status: 200 OK; has responseXML: true [taconite] type: undefined [taconite] responseXML: [object XMLDocument] [taconite] XML document root: taconite ... [taconite] time to process response: 171ms If I replace Jquery with 1.2.3 and do no change in coding: [taconite] Plugin Version: 3.01 [taconite]
[jQuery] Superfish ie6 problem sfHover
I am using Superfish v1.4.1 - jQuery menu widget. I am implementing a version that is exampled here: http://users.tpg.com.au/j_birch/plugins/superfish/richard-willis-example/ I have it working great on firefox, but am have a problem in IE6, that I have spent a lot of time trying to fix. First problem: I am using different images when I hover over the top most links. When I scroll down to the next level the image on my parent item changes to the last one described in my css. Originally the code uses
[jQuery] jqGrid and DDAccordion Incompatible?
When I try to include jqGrid (http://trirand.com/blog/) and DDaccordion (http://www.dynamicdrive.com/dynamicindex17/ ddaccordion.htm) in the same page, jqGrid fails. The call to jqGrid() in $(document).ready() in my page is not recognized as a function by IE or FF. If I remove the call to ddaccordion.init(), the grid plugin works. I am guessing code is colliding somewhere, but I am new to jQuery, and not a js guru, so I was wondering if anyone could help me figure out where the coIlision is occuring
[jQuery] [treeview] ie6 no expand/colapse
<a href="http://63.144.103.199/industrial/enclosures/wallmount/index.cfm" target="_blank">http://63.144.103.199/</a> works fine in ie7 and ff but in ie6 it dosnt collapse/expand onclick of the plus symbol any ideas? thanks <font color="#888888">-paul</font>
[jQuery] "Please wait..." during form validation
Need to integrate a JQuery window overlay message to show something like "Please wait while we process your details..." while form validation is being handled. Validation can take a while to complete as some large PDF files are being uploaded at the same time. I've had a look at the http://www.malsup.com/jquery/block plugin - looks like what I need to have happen on my page but I'm not sure how to integrate it into this form. I'm a JS novice I'm afraid so apologies if it's a very basic call for help!
[jQuery] [treeview] Combining treeview and sortable (and droppable)
Is the treeview usable together with sortable (and droppable)? And if so, how can I accomplish it? Snef
[jQuery] Need help picking a Jquery Popup plugin
Hello I have a list of links in a page, i want the end user to click the link and read the content in a popup window. (not the greybox types, that basically lock the whole page). I need some clean unobstrusive popups. Can some one guide me to good popups in jquery? Thanks Prakash
[jQuery] param vs params
I don't see any documentation that describes the difference of param vs. params for the JQuery() parameter. Is this a JavaScript or JQuery based parameter? One would think params is for an array. But in fact you can use param[0], param[1], etc. which threw me off. So then what is params plural for?
[jQuery] Keeping a hover popup in viewable region
I have a gallery where when you hover over a thumbnail, the large version displays parallel to it, aligned to the top. This works great at the top of the page, but when you reach the bottom of the page, there is a div that has position:relative, which makes it render above the popup. Also, if you "restore down" the browser window and scroll so that the image it as the bottom of the browser, when you hover over it, almost all of it is being cut off. I'm sure I can work out how to do this with javascript,
Cycle plugin: something's funky
Check this out. http://www.mredesign.com/webdev/murraycycle/index.html Another developer asked me for help with his cycle setup. Instead of sliding neatly aside like the text-container examples on the cycle site, we are getting a weird overlap effect if we use 'slideX' ... and if we use 'scrollRight' , for some reason, the cycle does not activate at all. Here's proof it does, or should, work - look at the bottom right example, here http://www.malsup.com/jquery/cycle/int2.html he is using 'scrollRight'
[jQuery] newbie ajax fallback
I'm brand-new to jquery/ajax. I'm looking at www.w3schools.com/ajax/ajaxbrowsers.asp. it shows javascript attempting an ajax call from firefox, then falling back to IE with an activex call if firefox fails, then alerting with "your browser does not support ajax". In looking at jquery-1.2.3.js, i see that the IE call to activex is the primary call, and the firefox xmlhttprequest is not used. two questions come to mind: 1. IE is still the predominant browser (market share). Is jquery's method quicker
[jQuery] Help! treeview not working in IE6 and IE8
<a href="http://63.144.103.199/support/">http://63.144.103.199/support/</a> i need some one to help me figure out why +/- dosnt work in IE6 and IE8
[jQuery] Problem getting option selected in IE7
Hello everyone! This is my first message here, and it's about a problem I'm having with some jquery code in IE7. $("select#IDhoteles option").click(function(){ if( $(this).text().toUpperCase() == "HOTEL CARIBE" ) { $("div.detallehotel") .show() .text("intene no funciona") } else { $("div.detallehotel") .hide() .text("") } }); }); And
[jQuery] Comparing 2 field values in custom method
I've been hacking at this for a couple days now and it's driving me batty since there isn't a whole lot of info or many examples of use with params, splits on params, and then comparing fields other than the equalTo which essentially does below but this isn't working for my custom validator. I know I'm close but just can't figure out what I'm missing or doing wrong here in my syntax. I've tried different variations such as using the split function and then assigning it to a var and that didn't work
[jQuery] copying styles from one id to another?
I have to add an additional menu to a page that already has one and style it identically to the existing menu. Creating the menu xhtml is easy but capturing the css is not. There is a very easy way (which won't validate) and that is to steal the id of the main menu and apply it to the new submenu. It works great but of course I now have two identical ids in the page which is 'illegal'. What I would like to do, as a solution, is to 'copy' all the css which is applied to the original menu id (and its
[jQuery] Incrementing values in a each loop for multiple elements
Hi all! I have this plugin which has a simple each loop var width = 0; $(this).children().each(function() { width + $(this).width(); }); If i run this on a single element with for example an id selector things work fine. But if I run it on multiple elements with a class selector the variable width will be the width of all elements with that certain class. I want it to somehow reset to 0 for each element selected. Can this be done somehow? In other words I need to now when the each iterator starts
[jQuery] Auto click event on an <A>
<span style="font-family: trebuchet ms,sans-serif;">Sample page</span><br style="font-family: trebuchet ms,sans-serif;"><span style="font-family: trebuchet ms,sans-serif;"><a href="http://www.commadot.com/jquery/clickEvent.php">http://www.commadot.com/jquery/clickEvent.php</a></span><br style="font-family: trebuchet ms,sans-serif;"> <br style="font-family: trebuchet ms,sans-serif;"><span style="font-family: courier new,monospace;">$(document).ready(function(){</span><br style="font-family: courier
[jQuery] OT: Custom draggable area in HTML/HS based AIR app?
I've decided to try using JS for a new AIR app as I'm more comfortable with that than I am with Actionscript 3. I'm having trouble figuring out how to define a specific div to be the draggable area for my app. It's fairly straightforward with Actionscript. Define an event listener in the init method // initialize the draggable area for the title bar navBar.addEventListener(MouseEvent.MOUSE_DOWN,startMove); The startMove method: // this method triggers the navbar drag functionality private
open new window if a hasclass
Hello I've links on an H2 (height 90px, it's for promotional boxes) with sometimes class="external", and these one I wish open it in a new window and the normal (without class="external") in the normal mode. I can work it... could you help me? My code: <%-- start Block clickable --%> <script type="text/javascript"> $(document).ready(function(){ $(".promo-box h2").click(function(){ if ( $("a").hasClass("external") ) window.open=$(this).find("a").attr("href");return
[jQuery] jqUploader callback
i have a select with a list of files in a directory and i have jqUploader ready to upload new files, how i implement a callback to update the select when a new file is uploaded? thx a lot
[jQuery] Rewrite links and pull data
Hi, I'm hoping to use jQuery to pull data onto a page using ajax when people navigate, and give them a page load if no js is present. I think the logic is thus: <a href="page.php?id=1">A Page</a> <a href="page.php?id=2">Same page, different article</a> < href="anotherpage.php">Another page</a> Here I'm not sure whether to rewrite the url so that the function that grabs data calls a different page, or whether to append another get variable to indicate that the php script should return values, not
[jQuery] Best method for detecting the depth of childed ordered list...
I'm trying to get the "depth" of an ordered list. I need to know what the "deepest" branch of the list is. My data looks like: <ul> <li> Item 1 <ul> <li> Item 1.a </li> <li> Item 1.b </li> </ul> </li> <li> Item 2 </li> <li> Item 3 <ul> <li> Item 3.a <ul> <li>Item 3.a.i</li> <li>Item 3.a.ii</li> <li>Item 3.a.iii</li> </li> <li> Item 3.b </li> </ul> </li> <li> Item 4 </li> </ul> I need to know that the deepest branch is 3 nodes deep (i.e. Item 3.a.i). I can get this using recursion
[jQuery] $.getJSON doesn't work on Vista PC while calling remote server
Hi guys, if tried the following where usercontacts.j is in my localhost pc windows vista (tomcat6) and alert showed like [object object] mean there's some object in json argument: $.getJSON("usercontacts.js", function(json){ alert(json); }); so when I changed to remote location : $.getJSON("http://stufftolet.com/test/usercontacts.js", function(json){ alert(json); }); the alert doesn't work alert anymore. However, both behavior (local and remote) works on windows xp in my office. Is it some kind of
[jQuery] $.getJSON doesn't work on Vista PC while calling remote server
Hi guys, if tried the following where usercontacts.j is in my localhost pc windows vista (tomcat6) and alert showed like [object object] mean there's some object in json argument: $.getJSON("usercontacts.js", function(json){ alert(json); }); so when I changed to remote location : $.getJSON("http://stufftolet.com/test/usercontacts.js", function(json){ alert(json); }); the alert doesn't work alert anymore. However, both behavior (local and remote) works on windows xp in my office. Is it some kind of
Activate Tab on validation
hello I’m working with Jquery tabs and form validation plug-in (http://bassistance.de/jquery-plugins/jq ... alidation/). I want to execute a custom command after validation false for a specific field. More specific I want to activate the tab that holds the invalid field. Example Code: // tabs code [code]<form id =â€
[jQuery] $().load( ) issue: "url has no properties"
Anyone knows what this error message means ? "url has no properties" pointing to jquery.js line 2401, which is the $().load() ajax call definition. (and specifically: that line: var off = url.indexOf(" "); ) i don't understand the error because i'm providing an URL and it works correctly out of the ajax call. In fact that function was working before i made some severe changes elsewhere in the code. Any hint / directions where to look for errors ? Thank you, -- Alexandre Plennevaux LAb[au]
[jQuery] Triggering events - what is it that I don't understand
Hi there I am trying to make the accordion from ui (1.5b) being triggered when the user is hovering the header for a certain amount of time. I am doing this by registering functions for .hover() and using a timer which works great, but triggering the click event on the object which should fire the clickhandler of the accordion but doesn't. In short: why doesn't $('a#myheader').click() fire the click event that is fired when I actually click the link. The event has been has been registered with .bind(),
jQuery In Action
Everyone pre-order jQuery In Action yet? http://www.manning.com/bibeault/ The book is from Manning Publications authored by Bear Bibeault and Yehuda Katz. When you order, you have the option of getting the eBook for $5 more. I ordered mine back in December and it should get here by the 2nd half of February.
[jQuery] move a div
how to move a div inside a p just after it. like before test1 test2 <div class="this2move">img</div> test3 test4 test5 test6 <div class="this2move">img</div> after <div class="this2move">img</div>test1 test2 test3 test4 <div class="this2move">img</div>test5 test6
[jQuery] clueTip: openSpeed argument?
The API is a little lacking so I was wondering if somone could tell me what the accepted values can be for this argument to clueTip. I want the clueTip to show up instantly, not fast. Instantly! Is there a way? $('a.preview').cluetip({ splitTitle: '|', fx: { open: 'show', // can be 'show' or 'slideDown' or 'fadeIn' openSpeed: 'fast' } });
[jQuery] Accessing comment node
Is there a way to access the comment in this snippet of HTML with jQuery? <div id="divs"> <div>1</div> <!-- 2 --> <div>3</div> </div> Short of doing some RegEx I can't work out a way. Thanks. Adrian
Adressing child <a> in <h2>
Hi everybody, I just got to know jQuery yesterday, it's great! But the first question didn't take long to appear, here it is: Right now the full <h2> bar is clickable to toggle the content, but I only want the content to toggle, when the <a> link within the <h2> is clicked. Here is the code-snippet: ... <script type="text/javascript"> //<![CDATA[ $(document).ready(function(){ $("div.toggleable").show(); $("h2.toggle").click(function(){ $(this).next('div.toggleable').slideToggle("slow");
[jQuery] click() problem in IE6 / IE7
Hi, I have tried the following code: <html> <head> <title>TEST</title> <script type="text/javascript" src="jquery-1.2.1.min.js"></ script> </head> <script language="javascript"> function test2() { alert('hi'); } function test() { $('#test').html('<a href="#" onclick="test2();">Generierter Link</a>'); $('#test').click(); } </script> <body> <div id="test" style="background:#fc6;"> </div> <a href="#" onclick="test();">Testen</a> </body> </html> An anchor tag is automatically inserted. Then the current
[jQuery] Traversing the DOM
How would one get all s that are children of #bodyCopy, but not the first /child? $("#bodyCopy").children("p").not:first; Is that close?
[jQuery] click() problem in IE6 / IE7
Hi, I have tried the following code: <html> <head> <title>TEST</title> <script type="text/javascript" src="jquery-1.2.1.min.js"></script> </head> <script language="javascript"> function test2() { alert('hi'); } function test() { $('#test').html('<a href="#" onclick="test2();">Generierter Link</a>'); $('#test').click(); } </script> <body> <div id="test" style="background:#fc6;"> </div> <a href="#" onclick="test();">Testen</a> </body> </html> An anchor
[jQuery] Images resize maintaining it's aspect ratio
Hi, I am looking for an jquery plugin or code that should resize multiple images as per it's parent element and it's ratio should be maintained. e.g. suppose i have an <td> having ID as container. all the images should be resized as per the width of the <td> and images should maintain it's aspect ration as per the browser window. Please help. Thanks
[jQuery] Using getScript to load an array of scripts with callbacks
I have this piece of code that took me a while to do it and I don't know if it's the best way to achieve this. First, I'll explain exactly what I want to do. I'm using lots of jQuery plugins and I don't want to include them all with <script> in the <head> of every html page. And I want to load these plugins for every page that needs them but I don't want to load plugins that some specific page isn't going to need. To load these plugins I'm using the jQuery built-in $.getScript() method and I want
[jQuery] add/removeClass and conditionals
Hi jQueryers, Extending on the VERY basic functionality of aligning text with the css (thanks Klaus H.) function... Writing out the logic it goes something like: *** for the following list of IDs on click if the ID has class "selected" do nothing (return false)? else addClass "selected" and also removeClass "selected" from the other ID that has it (only one at a time can have class "selected") and then do the css text-align magic *** Got the basics, but missing the removeClass from others bit. Also,
Next Page