[jQuery] fadein/fadeout conflicting
I'm brand new to jQuery. And, I'm wanting to make something fadeOut when I hover or mouseover and fadeIn when I mouseout. I tried the two methods below. But, when I leave the mouse cursor positioned over the element, I get an unwanted blink effect. It seems that when the fadeOut() ends, it triggers the next method. I wouldn't expect that. I figure this is probably jQuery 101. But, I couldn't find the answer in the archives. Any suggestions? TIA, backdoc <script type="text/javascript"> $(document).ready(function()
[jQuery] second Ajax content loaded reset that first one
<div dir="ltr">Hi all. I have a need to create a form with remote content. Please look this code: 1) ajaxform loads table content $('#frm').ajaxForm({ target: '#divResponse', dataType: 'html', success: function(data) { $('.results').html(data).show(); } }); 2) divResponse is a table with every row haves a loadCountry class. If user clicks in a row I'll want to load the second remote content for the single ID $('.loadCountry').livequery('click', function(){ loadURL(this); }); 3) loadURL function loadURL(countryID)
[jQuery] jQuery UI bug on JS PACKER
I had always an error on packing my customized UI with the JS PACKER script, after applying several enhancements to the code. The error was saying "missing ; before statement". Today I've found the reason why and since there is no UI bugtracker available at the moment I thought I will just let the people know here and hopefully somebody will create a ticket. The reason why JS PACKER isn't working, is definately a missing ; I've found it in the "effects.core.js" file on line 231: 230 if (result
[jQuery] Exhausted..Need HELP Please! - Jquery / Simplemodal / Jquery.validate.js
Hello, First of all, thank you for reading my post. I have been trying to resolve this issue for the past 2 weeks trying different things. Let me get right into my problem, but before explaining the problem, let me share my objective and then go on from there. Test Link: http://thedailysavings.com/beta/test11.php Objective: Display a lightbox style box containing a registration form. This form must validate all fields in real time using AJAX. There will be other forms on the page as well such as
[jQuery] equivalent of document.createElement in jQuery
Hi, What is the equivalent of document.createElement in jQuery ? I know there is $(html) but this only set the innerHtml property of another element. I need to create a new TABLE markup and be able to interact with this new element by adding more TR to it. Thanks
[jQuery] Zebra stripes (alternate background colours)
Just in case anyone is looking for an easy way to create zebra stripes (for table rows or whatever), here's a small plugin you could use: $('.zebra :even').zebra() or $('.zebra :even').zebra('.zebra :odd') - will take the background colour of selector specified as a starting colour or $('.zebra :even').zebra(0.5) - < 1 makes it darker, > 1 makes it lighter or $('.zebra :even').zebra('.zebra:odd',0.5) jQuery.fn.zebra = function(){ var args = function(a,t){for(var i=0;i<a.length;i++){if(typeof
[jQuery] Problem with links / html() / IE6
Hi all, I'm having a problem with JQuery 1.2.6. I'm using JQuery to post data to a PHP page which should process the information and return some html. The problem is that the links that are returned aren't working in IE6 at all! Here's what I've got: $("#login").bind("submit", function() { var username = $('#email').val(); var pass = $('#password').val(); $('#members').fadeOut("fast"); $.post("<?php echo site_url().'login/ajax' ?>", { email: username, password: pass }, function(data){ $('#members').html(data).fadeIn(1000);
[jQuery] reaching a div in mainpage from loaded content
hey, i got a problem reaching a div from content i loaded with jquerie's load here it is Mainpage (index.php) ... $("#area3").load("myfile.php"); ... Now in myfile.php i will hide a div like this ... $("#submenu").hide(); ... PHP Code ... but nothing happens How do i change attributes etc from content that is dynamically loaded? Sorry if this question is still answered but i couldn't find it Plz help me
[jQuery] jQuery Cycle Question / Showoff
Hey guys, i just wanted to show off a bit with some jquery.cycle work that i managed to rig up following a few demos. http://monsterpocalypsegame.com/ The only thing it doesn't do, which i'm not sure how to make it do, is pause when i'm hovering the pager items. Right now if you hover a pager item, it switches to it, then, after the default timeout, it switches to the next one. It's not a like, a live or die situation, just something i was wondering if is possible to do. It was a bit tricky to round
[jQuery] UI Autocomplete documentation
Hi, Im using the latest UI rc2 and I am going to use the autocomplete that comes with Jquery UI 1.6, but I can't find any documentation, I read it was based on a plugin and i think i should use that documentation, but don't know which autocomplete plugin it is based on. Thanks, Mario
[jQuery] superfish navbar
i have a page using the superfish navbar, but i also have a slide show under the navbar using the jquery.cycle.js library. the navbar is working fine except that when the menu drops down, it falls behind the slide show. i'm guessing that there is some css code that will fix this, but i'm not sure how to do it. can anyone help? thanks.
[jQuery] Scope Of Variables Inside Functions
Okay, so first off, I recently started using jQuery, and it is by far the best and easiest to use/understand framework that I have ever used. Huge props to the developers and the community! You guys rock! Anyway, I've read over the jQuery Documentation but I am left a bit fuzzy as to the whole idea of the scope of variables within functions. Say I have a variable (x) inside a for loop which is inside my $ (document).ready. If I want to create a function inside my for loop (like a mouseover event),
[jQuery] Animation delayed after many clicks
I am building a gallery with transitions and am finding some bugs that I'm not able to figure out. Any help would be appreciated. The URL: http://ryanfitzer.com/dev/wp-sandbox/portfolio/gallery-four The Issue: When one clicks on a thumbnail it switches out the large image and fades it in. If the large image is smaller or larger than the previous image the content below (the footer) animates up/down accordingly. After clicking around on the thumbnails for a bit the up/down animation becomes delayed.
[jQuery] add/remove and recalculate index
i have an interface that allows user to add chapters and remove any chapter from within the group. i'm having issues re-calculating the sort order. currently if user adds four chapters (1,2,3,4), removes 2 and adds two more the order becomes (1, 3,4,2,3). i know i need to so something with index calculation...but how to is what is confusing me. this is the code that performs the add remove. $("#chapter-append").click(function() { var chapterCount = new Number($("#chapter-count").val());
[jQuery] Selecting nodes using node value within a range
Let's say I have a bunch of DIVs that look like this: <div id='jQueryTestDiv'> <div>1</div> <div>13</div> <div>34</div> <div>23</div> <div>43</div> <div>12</div> <div>22</div> <div>43</div> <div>232</div> <div>5</div> <div>9</div> <div>99</div> <div>192</div> <div>27</div> <div>47</div> <div>768</div> <div>45</div> </div> Is there a way I can select only those that have a value that falls within a range? Using XPath, I would do it using: //div[.>13 and .<99] but that doesn't work (not surprisingly)
Can JQuery 'check' a radio button for me
Hi, I have the following form with 4 radio buttons, and the first one checked by default. <form name="sub_categories1"> <input name="sub_cat1" type="radio" value="sub_cat1_viewAll" checked="checked"> <input name="sub_cat1" type="radio" value="sub_cat1_1a"> <input name="sub_cat1" type="radio" value="sub_cat1_1b"> <input name="sub_cat1" type="radio" value="sub_cat1_1c"> <input name="sub_cat1" type="radio" value="sub_cat1_1d"> </form> If I have a button/link (with a class .change_1a) somewhere
[jQuery] Trouble serializing a form
Hi, I have a form on my page with id="bindingForm" and name="bindingForm". I am using the latest version of JQuery 1.2.6. I am trying to serialize a form like so var paramStr = $('#' + formId).serialize(); where formId contains the value "bindingForm". Unfortunately, "paramStr" contains the value "undefined" afterwards. Any advice on where I'm going wrong? Thanks, - Dave
[jQuery] stripping style from ajax html
Hello all, I have a webapp displaying email which can sometimes contain HTML message bodies. I use jquery's .ajax method to grab an HTML message body and then put it into a div tag. Problem is if the HMTL contains style or script tags I get unwanted results. I've tried $( html ).find( 'style' ).remove(). This will remove the the actual <style> and </style> tags but still leaves the style text itself inside. I tried several variations but I just can't seem to get this to remove the actual style text
[jQuery] cite jquery
Hi all, I am using JQuery in a web application I plan to publish. How do I cite JQuery? Thanks. Vince
[jQuery] Set height of element depending on only on its own position and window height?
Hi everyone. I'm trying to set the height of an element with jquery depending on the window height, and on the elements own position in the document. Using dimensions, I've so far come up with this: The element is a div with class .tableHolder, and I want it to get a fixed height, starting from whereever the element happens to be positioned on the page, and then take up the rest of the window except for a 20px margin on the bottom(thus the " -20")... $(document).ready(function() { $(".tableHolder").css({
[jQuery] Insert content in row
<div dir="ltr">Hi all. I have this very simple content: <tr> <td class="rowContent" id="902_1200_2008">United States</td> </tr> <tr> <td class="rowContent" id="104_500_2008">Canada</td> </tr> When user clicks in any row i'll want to display the details about that row. I'm using this but without success: $('.rowContent').click(function(){ $.get("getCountryContent.cfm", { u: <a href="http://this.id">this.id</a> }, function(data){ var $conteudo = trim12( data ); alert("Data Loaded: "
[jQuery] Getting the id of the next form
<html> <body> Hello folks, I have a page containing a number of forms e.g. <tt><div id="alerts"> <x-tab> </x-tab> <a href="#" class="ctrl_s">[an image]</a> <x-tab> </x-tab><form id="f_alert"> <x-tab> </x-tab><x-tab> </x-tab>[various form elements] <x-tab> </x-tab> </form> </div> <div id="whodidit"> <x-tab> </x-tab> <a href="#" class="ctrl_s">[an image]</a> <x-tab> </x-tab><form id="f_whodidit"> <x-tab> </x-tab><x-tab> </x-tab>[various
[jQuery] Tablesorter pager refresh pager
I am trying to update the tablesorter pager whenever I dynamically add or delete a row from the table. So far I'm using tips from this post, http://www.nabble.com/Add-row-and-refresh-tablesorter-with-pager.-td13236775s27240.html#a13236775 I am able to update the table and re-sort when a new row is added, but whenever I delete a row, it sorts, but it fails to show the correct # of rows. For example, if I have 16 rows, with a pager showing 15 per page, and I delete a row dynamically, then my page will
[jQuery] coda-slider: adding internal [prev] and [next] links
I'm using Nial Doherty's coda-slider plugin (http://plugins.jquery.com/ project/Coda-Slider), and trying to tweak it. I'm creating several instances of the slider on a page. I'd like to replicate the function of the 'previous' and 'next' buttons, but inside the content panels themselves. The code in coda-slider.1.1.1.js contains the following (for the 'previous' button): jQuery(this).before('<div class="stripNavL" id="stripNavL' + j + '"><a href="#"><img src="/img/left_arrow.png" class="rollover"
[jQuery] querying an array
Hi, I've build the following array using all the element in this.parent which have a class '.RepeatedItemElement' : this.elements = $(".RepeatedItemElement", this.parent); Now I want to query this array and get the innerHTML of the element which has id='headline'. I've tried the following: var test = $(this.elements[id = "headline"]).html(); but it doesn't work. What is the correct way of doing this ? Thanks
Why does my variable reference keep changing?
Hi, I'm relatively new to JQuery and am having trouble with a particular feature of its semantics. It looks if I assign a JQuery object to a variable like this... var test_var = $('#my_button'); ...then do something like this... var test_var2 = test_var.next(); ...I'm finding that both the variables now reference the same object i.e. the one that comes after 'my_button' in the DOM. As a programmer I would expect calling the next() method to return the next object but I wouldn't expect it to actually
[jQuery] superfish and lightbox dont work together
hi, as soon as i fill my header the required data for lightbox. <script type="text/javascript" src="lightbox/js/prototype.js"></ script> <script type="text/javascript" src="lightbox/js/scriptaculous.js? load=effects"></script> <script type="text/javascript" src="lightbox/js/lightbox.js"></script> <link rel="stylesheet" href="lightbox/css/lightbox.css" type="text/ css" media="screen" /> I loose the config commands autoArrows: true, // disable generation of arrow mark-up dropShadows: true // disable
[jQuery] jQuery Form Plugin - success callback problem with FF/Chrome
Hi, I'm using the jQuery Form Plugin to submit my form (#load), which then loads data from the server. Heres the JS: jQuery().ready(function() { // ... some code jQuery("#load").ajaxForm({ dataType: "json", success: function(data) { displayData(data); }, }); // ... some other code }); The corresponding html code is <form id="load" action="[whatever - generated by the server]"> <label for="contentid">Content-ID:</label> <input type="text" name="contentid"
[jQuery] Ajax Tabs and jqModal
I have a scenario where I am using the jQuery UI tabs via ajax. The problem I am running into is that with this code: $().ready(function() { $('#tabs > ul').tabs({ fx: { height: 'toggle', opacity: 'toggle' } }); $('#dialog').jqm({ajax: '@href', trigger: 'a.details'}); }); I am binding the jqmodal action to the existing links with the "details" class BUT problem is that items loaded via ajax do not subsequently get bound. Is there a trick to make jqmodal attach the links after each ajax call has been
[jQuery] dealing with multiple forms having same id
Hi, i am a new customer in jQuery so the following may sound stupid .. the problem i am facing is as bellow: I am working in a site where i am dealing with multiple forms having same id and every this .. all the forms contain some radio buttons (no of buttons may vary) and one submit button .. now how do i find out which submit button is clicked . all the submit buttons are also having the same id anb everything . any help please : the html for my page is as follows : <div class="boxcontent" style="padding:
[jQuery] R: [jQuery] Show image gradually
<table cellspacing="0" cellpadding="0" border="0" ><tr><td valign="top" style="font: inherit;">Always IE(fu#####g browser) you have to add at the css rule #headernav ul li: position:relative; and it works with ie too diego --- <b>Mar 30/9/08, diego valobra <i><pirolab@yahoo.it></i></b> ha scritto: <blockquote style="border-left: 2px solid rgb(16, 16, 255); margin-left: 5px; padding-left: 5px;">Da: diego valobra <pirolab@yahoo.it> Oggetto: [jQuery] Show image gradually A: jquery-en@googlegroups.com
[jQuery] Show image gradually
<table cellspacing="0" cellpadding="0" border="0" ><tr><td valign="top" style="font: inherit;"> Take a look at this.. <a href="http://www.pirolab.it/piro_09/slide.html">http://www.pirolab.it/piro_09/slide.html</a> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <script src="http://code.jquery.com/jquery-latest.js"></script> <script type="text/javascript"> $(document).ready(function(){
[jQuery] Can jQuery do it again and again?
Thanks to the help I have received on this group, I am making progress. But now that all is working fine, the question beckons: Can jQuery do it all over again? This is my code: <div class="box"> <h3>some header</h3> <img name="Image" src="photo.jpg" width="268" height="122" alt="" /
JQuerry Acordion - Help for integration in wordpress
I tried to create a accordion menu with jquerry for a wordpress skin. My problem is that from the nature of wordpress, my list (generated from qp_list_pages) has just current_page_item for active page which jquerry does not accept as "active" paramter well. Other than that, if I enable my list to be accodion, no link works anymore. The jquerry accordion is locking it up. You can see the menu here in action: kenaj.de/index.php maybe someone has a hint for me what I might be doing wrong here. Thanks
[jQuery] text() as a wrapped set?
Because the text method returns a string, it's missing appendTo and other methods. Now, of course I can do this: $("#sandbox").text($("a").text()); But I'd prefer to do this: $("a").text().appendTo("#sanbox"); What goes between text and appendTo? Or is the first example the best way to do this?
[jQuery] Show/Hide items in unordered list
I have a unordered list of, say, ten items. I want to initially show five items and provide the user with a plus and minus key to either increase or decrease the number of viewable items. This is commonly done in expandable content boxes and can be seen on sites such as http://www.bbc.co.uk I am sure there is an easy way to do this in jQuery, however, I am probably over thinking it. I can dynamically show / hide the entire list, however, not the individual <li> items. Does anyone have any sample
[jQuery] jquery game
Hello, I want to share my game, that I made when I was bored. This is web browser game similar to cubic rubic. I did not find such a game, so I named it Coloxy (color, x-axis, y-axis). Well, this is a logical game Cube-like game (or "The Magic of cubic RUBIC). In 5 boxes you have to make one kind of color. You need to use arrows around middle box, to move the lines. The game is made with php and jquery, so you need only a simple browser, without any flash / java and so on. If you will like it, digg
Looping redundant code-parts (?)
Hi there, I just started with jQuery, so my code is beginner-level Can I shorten this code, by putting it in a for-each loop? If yes, how do I do it? $("a.bild1").click(function() { $("div#content-content ul.objekt-galerie img").hide(); //Alle Bilder ausblenden $("div#content-content ul.objekt-galerie img.bild1").fadeIn("slow"); //Bild einblenden }); $("a.bild2").click(function() { $("div#content-content ul.objekt-galerie img").hide(); //Alle Bilder ausblenden
autocomplete problem
hi, I have a problem with jquery autocomplete. The issue is that the autocomplete doesn't work, but if I change the focus and then change it back(like TAB, SHIFT+TAB) it works just fine. Here is the code: $(document).ready(function() { $("#client_id").keyup(function(){ var str = $("#client_id").attr("value"); if(str.length > 1) { getClients("?q="+str+"&action=search", "pages/clients.php"); } }); function getClients(str, file) { var data; var
click event on table row results in non working links inside
I have a simple table here <table> <tbody> <tr ><td name="cell_1">cell_1</td> <td name="cell_2">cell_2</td> <td name="cell_3">cell_3</td> <td class="actions" nowrap="1""> <a href="/link1" > link1</a> <a href="/link2" > link 2</a> </td> </tr> </table> Here is my jquery, it takes care of a nice hover effect and changes css when I click on a row. But, because of this click(onmousedown) the href links in the last td don't work anymore. I'm sure there is a easy solution to this but I'm a bit
Next Page