[jQuery] Superfish Question: Menu Disappear onclick
I've got a request from a client to have the menu disappear after an item is clicked so the user knows that their click was registered. Ideally, the next page would come up fast enough where the user wouldn't need this visual cue, but many of these pages contain a lot of data and take a few seconds to load initially. I'm pretty new to jQuery, so I'm not really sure of the best way to do this. I see that superfish has a hideSuperfishUl function, but I have no clue how to call it externally to superfish,
[jQuery] Newbe: Why can't I reference $('#...') in functions?
Why can't I reference the DIV using the jQuery format? Here is the example (minus opening HTML): <script language="javascript" src="js/jquery-1.2.3.pack.js"></script> <script language="javascript"> <!-- $(function(){ $("#button").bind('click',filldiv); }); function filldiv(){ // $('#info').innerHTML='Test'; <--- This doesn't work! document.getElementById("info").innerHTML="Test"; } //--> </script> </head> <body> <input type="button" id="button" name="button" value="Testing" /> <div
[jQuery] Modifying table cell text
I have a table that looks like this: ------ <div class="highest-rated"> <table> <tr> <td class="title">Lorem ipsum</td> <td class="category">Audio</td> <td class="rating">3</td> </tr> <tr> <td class="title">Foo</td> <td class="category">Video</td> <td class="rating">2</td> </tr> <tr> <td class="title">Bar</td> <td class="category">Video</td> <td class="rating">2</td> </tr> <tr> <td class="title">Hello world</td> <td class="category">Audio</td> <td class="rating">1</td> </tr> </table>
[jQuery] Issue using a long array in jquery autocomplete
Hi, I'm using bassistance's autocomplete on a website (plugin page found here: http://plugins.jquery.com/project/autocompletex). Its perfect for I need since it allows the data for the autocomplete to be loaded from a local array. However, whilst the autocomplete works fine in most browsers - it seems that the length of the array is throwing up an error in IE6. The array contains maybe 500+ elements of data but even if I put them on a single line in the code, the error still gets thrown up. Has anyone
[jQuery] Using ASCII characters in textfield
I'm using an autocomplete function on a textfield but I'm having a problem since the autocomplete array is filled with German words so special characters (such as ü, ä and ö). I can insert the ASCII codes for these characters in the array and when the autocomplete display pulls down, the array elements are displayed correctly. However, when the user selects an option with a German character, the ASCII code of the element is displayed instead of the German character. For example, if the user selects
[jQuery] hasElementClass
hello, I am in the process of converting some MochiKit code to jquery. I was used to a comfortable funciton hasElementClass(element, 'classname') which checked if the element has at least the css_class named "classname" what is the best way to have this in jQuery? Harald
[jQuery] FF doesn't recognize elements created with .append?
Hello all, I am working on this form (http://www.datamt.org/vornado/test.htm) and everything works fine in IE, but in FF it does not. What is supposed to happen is you select an item from the drop down and it auto generates the description for you. You can also click Add An Item button to add a new row to the table, so you can create a new item. In FF creating the new row works fine, but whenever the drop menu is changed, FF gives the following error: Error: document.getElementById(yDesc) has no
[jQuery] Superfish 1.4.2 released - plus new optional 'Supersubs' add-on plugin
Hi everyone, I've just updated the Superfish plugin to version 1.4.2. There are substantial changes to the example CSS files - the main example file in particular. The CSS in that file is greatly simplified which should make creating new menus based upon it quite a lot easier. I have brought the docs up to date too. http://users.tpg.com.au/j_birch/plugins/superfish/ I've also been egged-on to create a new plugin which can be optionally added to a Superfish menu. If used, it will dynamically alter
[jQuery] inserting class into table element
Does anyone know how can i add a class into existing table element using jQuery?? ex: <table class="tablesorter">
[jQuery] zebra striping + flashing/blinking effect?
I recently got acquainted with jquery and implemented this tutorial on zebra striping to my site: http://docs.jquery.com/Tutorials:Zebra_Striping_Made_Easy and its awesome but i was wondering it its possible to add like a blinking/flashing effect to one or a couple of the rows. The effect would start when the visitor opens the page and then stop when they leave. My knowledge on jquery is quite limited right now so it would great if someone could help me out. Thanks
[jQuery] Jquery toggle fast
We just upgraded to the latest version 1.2.6 and start having problem with toggle("fast") It was working until certain time. If i call it without parameter, it still works. I checked the release note for 1.2.6 but didn't find anything about not accepting these parameters( "fast","slow"..).
[jQuery] Selected/Highlighted by Mouse
I know that it's possible, but I'm wondering if there is something in jQuery that will return the data or index of what a user has selected with a mouse (or shift button). I'd like to have a way to create a note on a page about a certain selection that the user defines. So, maybe I'd like to add a note about my first paragraph. I would be able to highlight it, and click a button, and then write a note to tell myself "it's (not) possible". (which would be stored in the backend with the location of
[jQuery] text input glow effect
Hello ... I'm really new to JQuery; today would be my first time using it actually. i'd like to reproduce the input highlight effect that safari applies. when the input is in focus, the border has somewhat of a glow effect to it. Does anyone know of technique that I could apply to allow this effect to happen in IE & FF ? Thank
[jQuery] Fadein with ajax load()
I'm using an ajax load() with an onChange event: $('#id-of-my-div').load('somescript.php?name='+escape($(this).val())); Which is lovely, but how can I add a fadeIn to it so that every time my div is updated, it fades into the div in a sultry & provocative fashion? Thanks.
[jQuery] Simple sliding help
I can't find a way to slide left a horizontal list of images. Here is what I managed to do: http://treazy.com/pek/album/ As you can see, first, while sliding, the images suddenly "bump" and, second, I can't seem to find how to remove 100px every time someone clicks next (.css("margin-left") returns a string "0px" which I can't use as an integer to subtract 100 px). Any help? Thanks in advance. Panagiotis -- View this message in context: http://www.nabble.com/Simple-sliding-help-tp18239408s27240p18239408.html
[jQuery] clueTip help please
Hi, Being new to jQuery I am trying to adapt the functionality of the JTip Theme a little. It is great that the window closes when the mouse leaves the dialog box but I am trying to combine this with the hoverIntent too. Eg, the window fades in shortly after the user rolls over a text link (thanks to hoverIntent), after that if the mouse is not over the tooltip window or text link the tool tip will fade out, however it will stay open if the mouse is over the window. Many thanks for any advice on
[jQuery] Validate and erroneous "display:none"
I'm having a consistent problem with labels disappearing on keyup using the Validate plug-in. All of the functionality of the validate plug-in is there -- it works great. But elements are jumping around on the page! When a field is invalid, the "label for" tag turns the label red and bold. So far, so good. When the info becomes valid as it's entered, the whole label disappears. I think style="display:none;" is being applied to the label. In my case, the css I use causes the form field to jump to
[jQuery] expr in $("", expr) not as expected
Hi, have a feeling this may be a silly question but here goes.. Test output from Firebug's console is below to explain my issue. I select an array of divs by their parent:
[jQuery] Css workaround....jquery...
HI I just noticed today when putting a some of my webpages up on my server and seeing through firefox I see that the z-index dosen't work in firefox is their a workaround way to get around this?? I want to make it to allow me to put text on top of images which would be advance artwork of a table ect I want this for firefox and also ie5-7. would I use javascripts?? or could I use jquery to workaround this issue??
[jQuery] [form][ajaxSubmit] How to send a parameter in error callback ?
Hi, I would like to send a parameter in the error callback : var optionsPrcPic = { beforeSubmit: showRequestPic, // pre-submit callback success: showResponsePic, // post-submit callback dataType: 'json', url: "<?php echo $this->baseUrl; ?>/members/profile/add-photo/pic/"+pic, error: errorPic, //error callback timeout: 600000 }; function errorPic(xhr, status, ex) { [...] } I want to give to the error callback the 'pic' variable to know which pic caused error. Anyone has an
[jQuery] Targeting elements with more than one class
Please excuse my noobiness, I just started playing with jQuery today and I cannot seem to find the answer to this: If you have elements with multiple classes, how do target just one class? For example: <p class="big blue">blah blah blah <p class="big green">blah blah blah <p class="small green">blah blah blah How do I target the 's with the class of "green"? Thanks in advance.
[jQuery] [autocomplete] Minor fixes required in order to play nice with other libraries that extend Object (code inside)
Hi Jörn et all here at the list, I'm using the autocomplete plugin in a project I'm working on and I must say: it works great!. However: one part of the project uses ExtJS (their tree component is great) and that's where things go wrong. Problem is that somewhere in ExtJS they extend Object with a remove() function, breaking jQuery.autocomplete. After a little quest I found that - quite obviously - autocomplete breaks on string manipulations (Function.toLowerCase() doesn't really exist ;)) and has
[jQuery] dimensions, RTL and IE offset problem
There seems to be a skew when using offset() in a right-to-left layout, but only in Internet Explorer. These boxes align perfectly in Firefox and Safari, but IE7 puts the green box lower and to the right. Setting the margin doesn't seem to have any effect. <html> <head> <script src="jquery.js" ></script> <script> $(function() { $("#moveme").css($("#coverme").offset()); }); </script> </head> <body dir="rtl"> <div style="background-color: blue; height: 200px; width:
building jquery from svn
Hi all, I have some problems with building jQuery. I checked out the project from repository and tried to build it using "build all", but got only the "raw" jQuery - for packed and minified versions I received the following error: min: [echo] Building ./dist/jquery.min.js [java] Exception in thread "main" java.util.MissingResourceException: Can't find bundle for base name org.mozilla.javascript.resources.Messages, locale en_US [java] at java.util.ResourceBundle.throwMissingResourceException(ResourceBundle.java:836)
[jQuery] the list not reflected the change
Hi, everyone, I have this code to show a list of product qrRemision = New Query("vwlstRemisiones") // vwlstRemisiones is a view qrRemision.OrderBy = OrderBy.Asc("Fecha") dtsCatalogo = New DataSet dtsCatalogo = qrRemision.ExecuteDataSet() When an element changed again and I want to show in the list not reflected the change, I get the old value (the same value before the change), any suggestions. Thanks You. Español Hola a todos, tengo el siguiente codigo para mostrar una lista de productos -- CODE
Adding class to alternate divs?
Hi, Is there any way to add a class to alternate DIVs (or any other tag, eg. dd)? For eg. <div id="root"> <div>one</div> <div>two</div> <div>three</div> <div>four</div> </div> I'd like to add a certain class to two and four DIVs, is that possible? Thanks in advance.
[jQuery] ClueTip: Rounded Corners not appearing correctly
I've got my tooltip now pretty much in order expect for one problem. The rounded corner placement on the tooltip. Seems the bottom right corner is going just below the Close text link instead of actual bottom of the box. If you go to this page: http://www.datatv.com/sw/SW_wp_sampler.html and rollover the 'Selecting a 3D Solution that helps you Design Better Products' text link or icon, you'll see the tooltip (and yes, it's a biggie as the client wanted a lot of content there) and that the br.gif
[jQuery] using IFrame to realize the page autosize, and the enviroment is cross-site| cross-Domain!
Hello,everyone! I have a question about cross-Domain's Iframe's question.And I need you to help me! I have to show anohter page with iframe in my page.And I use the jQuery to load the page.The page is in other Domain. Now I can get the page's source by URL. And I can show the page without iframe,but the javascript code in the page can't be executed .But the page auotmatically showed. The question is that the page's size is not the same.It is to say that the size can be changed! But I can't get the
[jQuery] Cluetips disappear when links added to multiple images/text links
I finally figured out how to get one cluetip on a page so I figure it's pretty easy to add it to other links on the same page, right? Just keep the class the same and change the href and rel to the content you want inserted in the tooltip, right? Uh, no..... Here's what I'm talking about: This page works: http://www.datatv.com/sw/SW_wp_sampler.html This one doesn't: http://www.datatv.com/sw/SW_wp_sampler2.html The first one only refers one URL while the other one refers different URL's depending
[jQuery] (Newbie Help) Cluetip not showing up
I just started using Cluetip and I can't get the tip to show up at all even though I've tried the example on the Cluetip website (for rounded corners) to the letter. Can anybody look at my code and see where I might have screwed up? http://www.datatv.com/sw/SW_wp_sampler.html If you rollover the first icon on the top left (underneath the header) the cluetip is supposed to appear. Thanks in advance to anyone who can assist.
[jQuery] Assigning the value of a field to another hidden field.
Hi all, Quick question regarding retrieving a field value. I have the following code. Basically based on a select menu option I want to set a hidden field to specific value depending on what is selected. So if the user selects Urgent or Critical the hidden field would be set to the value of another field in the form. I am trying to use $ ("#chkneededby").val == $('#dateSel').val; but that does not seem to work. Is this correct if say I want to get the field value of a field with the id dateSel $('#dateSel').val;
[jQuery] Getting element index, then adding text later to that index location
I want to get an element by an unique index, then at a later time do something to that element, such as add text. I was trying the following code: $(document).ready(function(){ $("*", document.body).click(function () { var index = $("*", document.body).index(this); $("*:eq(" + index +")", document.body).css("color", "red"); }); }); But when I click, it adds the red text color to all parents too. I changed the code too print the index number and it appends
[jQuery] The Cycle plugin and "residue"
<html> <body> Hello folks, I'm using the Cycle plugin to display annotated slideshows - I'm having problems with "it" remembering and presenting the titles of previous slideshows. My sequence is this: 1. The page is loaded and the current slideshow is started <tt>$(document).ready(function() { <x-tab> </x-tab>... $('#s1').cycle({fx:'fade', timeout: 8000, after: onAfter,pause: 1,next: '#s1',delay: -3000}); <x-tab> </x-tab>... }); function onAfter() { $('#ssoutput').html(this.title);
[jQuery] comet long polling with jquery
hello, I finally got my server to run an example comet application, which uses the long polling method. The example code I got uses prototype library, which i dont want to use. I understand there is a comet plugin for jquery that supports the bayeux protocol, which is not what I want. Searching in this group, I have read that the long pollling method does not require a plugin, and just the standard ajax methods are ok. What I need to do shortly, is to submit an ajax request, (which will only be replied
[jQuery] Targeting elements with more than one class
Please excuse my noobiness, I just started playing with jQuery today and I cannot seem to find the answer to this: If you have elements with multiple classes, how do target just one class? For example: <p class="big blue">blah blah blah <p class="big green">blah blah blah <p class="small green">blah blah blah How do I target the 's with the class of "green"? Thanks in advance.
[jQuery] getJSON callback bug
Hi all, I think there may be a bug with the getJSON callback function. See http://www.sanchothefat.com/dev/jquery/json/ An alert should show and the body should turn blue if it's successful. Using firebug you can see it gets the file. I don't know what's wrong. MIME type maybe? Cheers, Rob
[jQuery] Preventing form field caching on refresh...
Does anyone know a reliable way to prevent form field caching on a page reload? I want all form fields to return to their original state (aka defaultValue.) I'm developing a page and I really need the form to always return to it's original HTML state. The page isn't being cached, but FF is replacing the form fields with the changed values (which I don't want.) Any suggestions? Thanks, Dan
[jQuery] Including the submit element in the querystring.
Serialize is a great method to automatically prepare a form, but it doesn't include the element that initiated the submit in the case where I attach a click event to a <div> and call submit from the click event. Is there a typical pattern to adding the submit element to the serialized string so the server can know which element initiated? Does it matter what format it's in? ("submitter=elementId")? *bonus question* This is academic but I'm trying to learn: why does ajax put data in a querystring
[jQuery] Multiple tabs on one page..?
Hey all, There's a few ways that I could pull off this kind of effect... But I have used the jUI Tabs plugin - www.webhero.co.uk/test The problem is, as you may find, that not all of the tabs work correctly! The first 2 or 3 do, but the last never does - and for what seems to be no reason! I want to keep this fading effect on open and closing, and I would also like the tabs to start off closed, but it doesn't seem to work. [code] $('#1 > ul, #2 > ul, #3 > ul, #4 > ul').tabs({ selected: null });
[jQuery] Multiple tabs on one page..?
Hey all, There's a few ways that I could pull off this kind of effect... But I have used the jUI Tabs plugin - www.webhero.co.uk/test The problem is, as you may find, that not all of the tabs work correctly! The first 2 or 3 do, but the last never does - and for what seems to be no reason! I want to keep this fading effect on open and closing, and I would also like the tabs to start off closed, but it doesn't seem to work. [code] $('#1 > ul, #2 > ul, #3 > ul, #4 > ul').tabs({ selected: null });
Next Page