[jQuery] Make Learning Jquery Accordian Work With Unordered List
Hello, I was wondering how to make http://www.learningjquery.com/2007/03/accordion-madness by Karl, work with an unordered lis instead of divs. I tried the below but did not work. I think what I have done here ('.links:visible'); looks plain wrong (I can't put a class or an Id in there right??) $(document).ready(function() { $('.links').hide(); $('.category').click(function() { var $nexto = $(this).next(); var $visibleSiblings = $nexto.siblings('.links:visible'); if ($visibleSiblings.length ) { $visibleSiblings.slideUp('fast',
[jQuery] pulsate messes up font in IE 7
has anyone else seen the pulsate effect mess up the look of their font in IE 7? takes it from a clean edge to a very jagged and not clean looking. does anyone have a workaround for this? i can post a code sample if necessary... here is an example image of before and after... http://www.elubin.com/images/temp/pulsate.jpg
Fade In New Content on Refresh?
Hello, I've been working on a AJAX request that gets the last 6 posts from a forum. As new posts are added the page updates. What I'd like it to do is fade in the new posts at the top of the page. Go easy on me here though I'm quite new to JQuery so far I have the following. with the forums.php file the file that querys the SQL database and styles the the output. <!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] window resize event not triggered in FireFox
I am using jQuery 1.2.6 (Rev 5685, 5/24/2008), IE7, and FireFox 3.0.10. In my document.ready, I bind a function to window.resize [using $ (window).resize(function)]. This function is called correctly in IE7, but is not getting called in FF. I have also tried to use the bind function [ie: $(window).bind("resize", function)] and get the same results (or lack of). A simplified version of the page is included below. It also has the same results in IE7 vs FF. Is there something I have wrong, or is this
[jQuery] Getting "too much recursion" y FF3 and "out of memory" on IE7.
Hi all: I have develop this javascript code ( http://www.phpriot.com/2237 ). This is a simple carrousel. I´m using JQuery 1.3.2. In the code you can see an array with images and the code is simply changing the source of the img with the ID "carruselimg". I´m getting "too much recursion" y FF3 and "out of memory" on IE7 when this page is about 15 mimutes working. Obviously I´m making something bad, but I can´t find what. Can someone help me? Thanks all in advance.
[jQuery] tabs are not created
I am trying to have basic tabs with jquery but all the contents gets displayed at same time, any clues <div id="tabs"> <ul> {% for poolname in poolnamelist %} <li><a href="#mypool{{ forloop.counter }}"><span>{{ poolname|escape }} </span></a></li> {% endfor %} </ul> {% for poolsequence in sequences %} <div id="mypool{{ forloop.counter }}"> <table> {% for sequence in poolsequence %} <form action="/mypool" method="post"> <tr><td>{{ sequence.seqdate }}</td> <td><input type="submit" value="ChangeDriver"/></td>
[jQuery] help with QUnit
Hi! I am trying to get started with QUnit - as a beginning project I'm trying to set up unit test for use with the following function. I am having trouble figuring out where to get started - any help would be very valuable, thanks! -Sarah <code> /* Copyright (c) 2008 Kean Loong Tan http://www.gimiti.com/kltan * Licensed under the MIT (http://www.opensource.org/licenses/mit- license.php) * Name: jContext * Version: 1.0 (April 28, 2008) * Requires: jQuery 1.2+ */ (function($) { $.fn.showMenu =
Remove Value
I need a way to delete a select field (make it undefined, or whatever the default is if a select does not exist). So, if I had something like: <select id='test' onchange='alert(test.value); functiontodeleteselecthere(); alert(test.value);'> <option value='1'>1</option> <option value='2'>2</option> </select> This would display the selected value first (using alert();) then delete the select, then attempt to display the value again (this time it should be undefined). Is there a way to do this?
[jQuery] Add data without refresh and show the result
Hello guys! I'm making a simple system where by a form i add a data in mysql without refresh the page, using $.ajax({ }); but i have a problem... now, i need to show the result at the same time that i add it (add and show the data without refresh the page) how can i make it? Cheers! Thanks
[jQuery] rearranging a table with drag and drop
Hi, I'm trying to something like in the subject, but does not work, any idea: <td width="25%"> <div class="ui-widget-header" id="droppable"> <div class="ui-widget-header" id="draggable"> <img src="/pic3.jpg" /> </div> </div> </td> <td width="25%"> <div class="ui-widget-header" id="droppable"> <div class="ui-widget-header" id="draggable"> <img src="/pic2.jpg" /> </div> </div> </td> <td width="25%"> <div class="ui-widget-header"
[jQuery] SOT: jQuery UI and AIR - write content to the file system
Just released a new blog post whereby I use jQuery draggable/droppable to write content to the user's file system. I'd love for some of you to check it out. http://andymatthews.net/read/2009/06/07/jQuery-and-AIR:-Writing-content-to-t he-file-system-via-drag-and-drop Andy Matthews Senior Web Developer www.dealerskins.com P Please consider the environment before printing this e-mail. Total customer satisfaction is my number 1 priority! If you are not completely satisfied with the service I have provided,
Showing error div isn't working...
Hi! I'm new to jQuery and could use some help. Basically, I want to show a <div> that displays an error message. I would like it to find the container where there is an <input> of type text and whose name is Username and display the corresponding error div. My code for this part is shown below: $(".formContainer input[type=text, name='Username']").each(function(){ $(this).parent().find(".error").css("display", "block"); }); I think my problem resides in: input[type=text,
[jQuery] Add without refresh and show the result
Hello guys! I'm making a simple system where by a form i add a date in mysql without refresh the page, using $.ajax({ }); but i have a problem... now, i need to show the result at the same time that i add it (add and show the date without refresh the page) how can i make it? Cheers! Thanks
[jQuery] $.ajax({..}) throws syntax error in IE7
Hi all, This is my first post to the group, so please be gentle :) For some unknown (to me at least) reason I'm getting a syntax error in IE from the following code $.ajax({ type: "POST", url: app_config.base_url + "/client/ajax/ get_book_details_html/" + btoa(title), processData: false, data: order, async: false, success: function(html) { $('#related_books').append(html); $('#add_book_title').val(''); hide_loader(); } }); The error is on the first line $.ajax({ This code works perfectly well in
[jQuery] superfish style configurations
Hi, new to superfish, not to css (or atleast so I thought, haha). I have scoured the css files of superfish to figure out how to configure the styles to match my page design, and I've changed every swinging thing possible, but have had no luck. I basically want to put in a background pic for both the link and the hover, and then change the colors of the dropdowns. Can anyone point me to where I should go? As soon as I figure this out, I'll be thoroughly impressed with Superfish. :) Thanks! snchaplain
[jQuery] Tooltip plugin question
Hello all, I've been trying to find/modify a variety of tooltip plugins to no success. I've outlined the requirements of the plugin below: 1) Must retrieve page from ajax request and display in a tooltip on hover of an element. 2) Tooltip needs to repeat on a list of items that is generated dynamically (<li>s). 3) The ajax request must send the id (or other attribute) of the <li> item that is being hovered over. What I am looking for would function something like this: $(document).ready(function()
[jQuery] Communicating between Jcarousel instances -
Hey guys.... I have 2 carousels on a page. one is a single visible image scroller (main panel) and one is scrolling thumbnails. When someone clicks on the scroller, it loads that image in the main scroller. I have that working. If no one clicks, the panels should autoscroll. The main panel shifts right every 10 seconds. And when that moves, I want the relevent thumbnail to goto the first visible position (or at least be visible). I thought I had it figured out but It doesnt work. I tried using "itemFirstInCallback"
[jQuery] Using Dreamweaver Spry validation with jQuery ajax form plugin
I've got a way for using the Dreamweaver's Spry form validation along with the jQuery "form" plugin for submitting form via ajaxSubmit. Here is the simple code that you need in the “beforeSubmit” parameter of $.ajaxForm $("#formID").ajaxForm({ url: "submit.php", beforeSubmit: function(formData, jqForm, options){ if (Spry) { // checks if Spry is used in your page var r = Spry.Widget.Form.validate(jqForm[0]); // validates the form if (!r) return r; } }, success: successFunction, complete: completeFunction
PROBLEM adding new row in form JQUERY
so the idea is to add a row with an inputfield each time the inputfield "naam" is filled in. fore some reason it only adds a new row when i adjust the content of row 1. I figure that the script actualy does what i ask, because it add's a new row when i fill in "naam" the first time. The probem is that i don't say that he has to look to the following inputfield. But i don't know how to do so. So are there any ideas ? a live example is to be found here http://www.hablahabla.be/j $(function() {
[jQuery] Basic yet intersesting DOM problem
My question is pretty simple, yet its answer isn't that easy. Here's the deal: I have a series of divs, floating next to each others. When user clicks on a predefined checkbox, some of these divs disappear, using jquery's hide() function. After hide() ends, the remaining divs shift (wich is absolutely normal). What i'd like to discuss is a way to make the remaining divs "slide" in a smoother way than just that quite 'brute' non-eye-candy way. The perfect example of what i'm trying to do was already
[jQuery] change browser url?
Hi, i'd like to know if i can change the page url somehow. for example: let say the page's url is: http://groups.google.com/group/jquery-en/post i would like to change it to: http://groups.google.com/group/jquery-en/bla without reloading the page. is that possible? if so how can i do that? thanks for any help.
jquery.form.js - wrong characters (umlaute) help
Hi there, for a while I try to figure out why german umlaut characters out of the mail formular are shown wrong in my email program. Now I figured out ( after excluding all other possible factors)..that the jquery.form.js does not deliver the german umlaute. the characters ä ö ü always are shown as öÀÌ in the mail program. Does someone know, what to change in the jquery.form.js to get this characters delivered correctly? --> jquery.form.js code on the bottom thanks in advance! best regards
[jQuery] [tooltip]
I have very large hints. Sometimes the hint is put under the mousepointer. If I click, the hint disappears as wanted. However I'm trying to react on that click, so I can trigger the click of the object that displayed the hint. But I am unable to get to the click without sourcehacking. I tried to add a class and add a click eventhandler to that class but it does not work, something like this: $('.popup').tooltip( { showURL: false, extraClass: "xx", bodyHandler: function() { return $("<img/>").attr("src",
[jQuery] .children([filter]) omitting elements
Hi All Migrating some stuff from 1.2 to 1.3 and encountering this weird problem: I've got a structure like this: <container a:name="container"> <child1 a:foo="bar"> <button /> <child2 a:foo="bar" /> <child3 a:foo="bar" /> <child4 a:foo="notbar" /> </container> Now I'm running the following selector: $(button).parents("[a\\:name='container']").children("[a\ \:foo='bar']") Which returns no elements at all !!??? When I run $(child1).parents("[a\\:name='container']").children() however, I can see child1
[jQuery] Newbie : Tab refresh problems
I'm rather new to jQuery... I'm having problems with refreshing the right tab. On each tab I have a close and refresh button. But if I want to refresh a non-selected tab I'm getting the index of the selected tab. How can I get the right index from the unselected tab (I prefer getting the index by the html divID). Now I run this code onClick: refreshTab(\$(\'#$tabholder_id\').tabs(\'option\', \'selected\')); My js function: function ".$tabholder_id."refreshTab(tabindex){ $('#$tabholder_id').tabs('load',
DOM Manipulation problem
Hi to everybody! I'll try to explain my problem: I need to do multi DOM manipulation into a page without reload it (something like: when i click on a thum in another part load a photo with a specific text, if i click on this text load another photo). I use a js like $(document).ready(function() { $(".MYCLASS1").click(function(){ // MY_CODE 1 return false; }); $(".MYCLASS2").click(function(){ // MY_CODE 2 return false; }); }); first page loading everything goes good.... but
[jQuery] List being shown unformated
Hi Had a problem with the ul being shown unformated before the list got handled by $('#mylist).listmenu();. Solved this by adding #mylist {display:none;} in my css file and then <script type="text/javascript"> $(function(){ $('#mylist').listmenu(); $('#mylist').css("display","block"); }); </script> It works ok, but maybe you could consider adding this so it would be handled automatically by listmenu. Cheers
[jQuery] form problem
so the idea is to add a row with an inputfield each time the inputfield "naam" is filled in. fore some reason it only adds a new row when i adjust the content of row 1 any ideas ? $(function() { $(".naam").keyup(function () { // json aanroepen $.getJSON("producten.js", function(json) { var PrijsGezochteNaam = $(".naam").val(); $.each(json.channel.items,function(i,item) { if (json.channel.items[i].naam == PrijsGezochteNaam) {
[jQuery] .animate in ie7 for absolutely positioned element pushes following elements down
Hi - I've got a little jquery bit to add some behavior to linked mp3s. You see this here: http://www.reebee.net/bands/blue-suede-boppers/ Basically, jquery adds a speak icon and a player when the link is clicked, and the link title flies off and fades to the right: [code] jQuery('a[href$=mp3]:not(.amplink)') .wrap('<div class="mp3_span">' + '</div>') .addClass("mp3_title") .attr("title", "Click to Play") .before('<img src="' + anarchy_url + '/images/114.png"
Simple yet hard to manage problem
My question is pretty simple, yet its answer isn't that easy. Here's the deal: I have a series of divs, floating next to each others. When user clicks on a predefined checkbox, some of these divs disappear, using jquery's hide() function. After hide() ends, the remaining divs shift (wich is absolutely normal). What i'd like to discuss is a way to make the remaining divs "slide" in a smoother way than just that quite 'brute' non-eye-candy way. The perfect example of what i'm trying to do was already
[jQuery] Moving a div container from within to before a p container
<html> <body> Hi folks, The following function takes an image tag (or table) that appears within a p tag container in the form <tt>< p> <img> text < /p> </tt>and wraps the image (and caption if a title is present) into a div for floating left, right, or centering. My problem is that I don't know how to shift the processed image from within the p container to immediately before it (so that the created div is not within a p container) I'd appreciate help in this next step. Thanks, Bruce <tt>function
Closing a div using an image.
Hi all, I just started scripting with jQuery a few weeks ago, and followed several tutorials etc. But there is just one thing bothering me. I want to close a div, using an image just like this: <div id="message">just some text up here <img src="close.gif" id="close"></div> using this rule of jQuery: $('#close').click(function() { $('#message').hide(); }); I've also tried a variety of ways to do this,.. but none of them seem to work. Is it possible to close/hide a div using an image
[jQuery] Flash and JQuery Choppy animation in ie7
Hi, I am trying to create a template making use of parrallax image effects and some background animation using jquery. It works perfectly until I try to add any kind of flash animation into the website. It works in all browsers except, naturally, you have guessed correctly, the reason for the retardations of all web technologies and general human evolution, Internet Explorer!!!! As soon as a flash animation appear, it takes up all the resources and leaves none for JS. Javascript animations frame
[jQuery] jQuery validate not firing with 'Enter' button
Hi all, I am new to jQuery, i have problem with validations in my submit form. Problem was when i open add user form, with out entering any details in my add form - when click on my save button all the validations are firing correctly but when i enter any character in any of the field and press enter from keyboard - the validations are not fired. One more thing to inform - this was working fine with chrome browser but not working with Firefox and IE. I am using Jquery + asp.net. Please help me out
Beginner section
A lot of topics start with: "I'm new with jQuery and...". Maybe it's a good idea to make a "Beginner section" where new jQuery users can post simple, basic jQuery questions like "Why does this not work?". So the more difficult topics won't disappear in the huge list of beginnertopics...
Is this a CSS or jQuery problem?
This shouldn't be a problem with the jQuery but the CSS, but i just can't see what im doing wrong. Have adapted a jQuery tabbed menu system for my own site, here's a snippet: $(document).ready(function(){ $("#nav > li").click(function(e){ switch(e.target.id){ case "html": //change status & style menu $("#html").addClass("active"); $("#css").removeClass("active"); $("#js").removeClass("active");
[jQuery] jquery autocomplete + struts 2
hello, is there anybody have implemented jquery-autocomplete with struts2? i'm already success if i access the JSP, with this script: $().ready(function() { $("#dummy2").autocomplete('test.jsp', { multiple: true, mustMatch: true, autoFill: true }); }); i put my data on "test.jsp". but the autocomplete can not run if i access it through struts2 action. is there anyone could help me? thanks in advance.
How can i find real height of the element?
Hi ppl! How can i find real height of the element? It is changed with css to fixed, but i need its real height, as it be without css.
[jQuery] Newbie: jQuery performance with 1000s of form elements
Hello all, a newbie question: In a web page, I have a table with 300+ rows each with 15 or so form elements, adding up to 4500+ form elements in that single page. The table is created and maintained dynamically using jQuery+AJAX. Each element has a class associated with it and I have used 'livequery' to attach actions to these classes. Typically the actions are: on click, display additional information for the row and make all fields in the row editable, on change, use AJAX to update the change field
[jQuery] jCarousel infinite loop aborting
I found an old thread where this was discussed... http://groups.google.com/group/jquery-en/browse_frm/thread/41b01c1c21f61934/0e6da863d9e26a2a?lnk=gst&q=jcarousel+infinite#0e6da863d9e26a2a For those of you facing the message 'jCarousel: No width/height set for items. This will cause an infinite loop. Aborting...' in IE 7, even when jCarousel is working in FF and Safari, the problem has to do with IE 7 resizing. When the jCarousel recalculates itself as a result of a resize of page reflow it can't
Next Page