[jQuery] Modal Window Background Fade/Disable
Hi I have this Java sciprt code and jquery and this is a sliding window hide/open. The html is not in a seperate page its in the same page as the background of the page is. I would like to make the background fade or disable untill we close this window......... I dont' think I can call it modal window if I am not wrong very similar to this page http://www.webresourcesdepot.com/wp-content/uploads/file/jquery-sliding-menu/ <script type="text/javascript"> $(document).ready(function() { $(".topMenuAction").click(function()
[jQuery] How do you iterate across elements with the same class name?
I have a bunch of hyperlinks with class 'hello_world'. I want to assign each one of them a random colour. I can set the colour for all of them with the following: $("a[class=hello_world]").css("color", "red"); How can I iterate over every element with class name 'hello_world'?
on hover showing person info - not working
Hi everybody, i am new guy to jquery. i am trying to show on hover of a row, some information in a div tag next to mouse pointer. here is the code i have written. $('.my-cont table tr').hover(function( e ) { var target = e.target; var parent_tr = $(target).parents('tr'); $('.bob_nest').css('display','none'); var info = $(parent_tr).attr("__data"); var name,country,location,gender; if(typeof(info) != "undefined") { var list = info.split('||_');
[jQuery] newbie question: how can i prevent this infinite loop scenario?
Hi all, jQuery newbie here and this is my first post. I'm stuck on this conundrum: I have some images on a page and .hover() is bound to each. The "is hovering" function displays an absolute-positioned DIV on top of everything else (it contains a bigger version of the clicked-on image). The "is not hovering" function removes that DIV. $('TD IMG').hover( function () { $('<DIV></DIV>').addClass('test_lightbox').append( $(this).clone () ).fadeIn('fast').prependTo('BODY'); }, function () { $('DIV.test_lightbox').fadeOut('fast').remove();
[jQuery] .ajax doesn't execute "success" handler in IE7
I swear, I didn't change a thing when moving my site from my production work station to our server, but then, my IE 7 doesn't execute the $.ajax "success" handler all of a sudden? What the deuce? Something as simple as this: Code: function logOff() { $.ajax({ type: "POST", url: "/logoff.asp", success: function(msg){ alert(msg); } }); } doesn't do aaaanything in IE7, but in all other browsers it works like a charm! Even if I add a cache-buster like math.random() = nothing! I can't imagine it beeing
[jQuery] More Efficiency,More Benefit,Less Risk,Less Work!
TOP & BEST quality of products, high reputation, excellent services and professionalism are those that we used compete with others. We sincerely wish to cooperate with you and to make mutual benefit! We will be your first choice of suppliers for TOP quality products! please kindly visite our website: http://www.cnnshoe.com msn: cnnshoe2008@hotmail.com email: cnnshoe@gmail.com
[jQuery] [Validation] How to get group key that the current invalidate element belong to?
If this feature exists now, tell me please. If not, just a feature request! What's my plan ? <div id="err_group_id1">invalid error place holder</div> <ul><li><input type="checkbox" name="g1[]" id="" value="" /></li> <li><input type="checkbox" name="g1[]" id="" value="" /></li> <li><input type="checkbox" name="g1[]" id="" value="" /></li> <li><input type="checkbox" name="g1[]" id="" value="" /></li> </ul> <ul><li><input type="checkbox" name="g2[]" id="" value="" /></li> <li><input type="checkbox"
[jQuery] jcarousel - use an image as an external control
Hello, I want to be able to use an image as an external control instead of text. I'm not familiar with jquery and need some help. Thanks in advance.
[jQuery] What does this do?
Sorry not a quiz... I just am having trouble remembering how I built this. What does this do? firstInt = Number($("div#upsell .upsell_feature_module:visible").attr ("id")); Is it counting where in the chain of Div's the current position is? My code is: function scrollCartUpsells(num){ if (Number(num) == 1){ firstInt = Number($ ("div#upsell .upsell_feature_module:visible").attr("id")); alert(firstInt); nextInt = Number(firstInt) + 1; prevInt = Number(firstInt) - 1; lastInt = Number(firstInt) + Number(spanInt);
Strange exception when using scroll wheel of mouse
Hi all, I'm building a project at the moment that seems error-free, apart from one small problem that I can't seem to figure out. When I'm on a page that is vertically scrollable, I press the mouse wheel button in to scroll up and down. When I click the scroll wheel again to stop scrolling an exception occurs: If I do it again, I get a second exception, slightly different from the first: After that it doesn't happen again, and the rest of the page still functions as usual, so it can't be a fatal
[jQuery] jquery.dates
All, I'm having an issue with the jquery.dates plug-in (http:// grover.open2space.com/jquery.dates/home). What is strange is that the error only happens in IE and not in FF. Everything plays nice in FF. The error I am getting in IE is the "the object does not support this property or method" on line 29. 27: <script type="text/javascript"> 28: $(document).ready( function () { 29: $("#sample1").datePicker(); 30: $("#sample2").datePicker({format: "yyyy.mm.dd"}); 31: $("#anchorSample3").datePicker({parent:
Hide Multiple Dividers
Hi, I am new to JQuery and have this problem that has gotten me stuck. My HTML looks like this: <div id="character" class="1"> Hey </div> <div id="character" class="2"> Hello </div> <div id="character" class="3"> Hi </div> <div id="character" class="4"> Charmed </div> And my JQuery like this: <script type="text/javascript"> $(document).ready(function() { $("#character").hide(); }); The problem is, only one of the dividers hides. How
[jQuery] Cross-Domain Jquery event?
I ask you gurus of jquery because I have no clue if this thing is even possible: I'll try to explain: I have several domains, which resides on the same server, on top of the page of each domain there's an <iframe> with the same content for every domain (there's a precise reason for this but it's complex and pretty long to explain and not relevant here). Now I want the user to be able to click a link inside this <iframe> and fire an event on the top level page, this can be achieved easily (http://
[jQuery] Feedback on jQuery powered template editor
Hi people! I've been developing a jQuery-powered template editor for my company. It has a toolbox with some portlets and two columns where it ones are dropped. After stop creating the template, the user is able to save or preview the template. And here is my issue. How could I do it?
[jQuery] scrollTo firefox ugliness
First let me say a great THANKS to Ariel Flesler, the author of scrollTo. Now on to the odd behavior. I have it working on this page: http://www.omansion.com/weddings_and_parties/ (click the more> link in the tan box in the center of the page). Every browser scrolls this correctly, including firefox, but FF on the PC shows the objects on either side of the scrollable region moving annoyingly while the text is scrolling. Hopefully there is an easy fix for this! Thanks in advance, Dan Pouliot
[jQuery] problems with dynamic click event... how do I get the index in there ?
hi folks, if anyone could direct me in the right direction here I'd be very happy what's wrong here : $( calculationsArray ).each(function(){ var index = $( calculationsArray ).index(this); $( ".calculations_list" ).append( "<li class='calculations_menu_list'>"+ (index+1)+"</li>") .click( function(){ var i = $( this ).index( this ); alert( i ); }); }); im trying to get the index into the event. either the index that i have already defined before the event or extracting it
JQuery slide problem - want to slide in and out at same time
I'm trying to do an effect where I click on something and slide one image out and another one in at the same time. Here's my code... $("#imgDiv").click(function () { $("#img1").hide("slide", { direction: "left" }, 2000); $("#img2").show("slide", { direction: "right" }, 2000); }); }); </script> </head> <body style="font-size:62.5%;"> <div id='imgDiv' style='height: 450px; whitespace:nowrap; border: 1px solid black; width: 700px;'> <img id='img1' src='test.gif'style='border: 1px
[jQuery] live works in IE6?
On a project I am currently working on, I decided to test out the new live function. The function works fine in IE 7 and Firefox, but the event is not even triggered in IE6. Any ideas why this is happening?
[jQuery] is it possible to do this (ignore clicks)
Hi...I have div that when clicks on expands (kinda like an accordion...but multiple divs can be expanded at once) The code is something like this: $('div').filter('.mydiv').click(function () { //expand the div here (ajax call) }); Now my problem is that inside this div, there can sometimes be a link.When the link is clicked, the browser is obviously directed to the new page, however, the ajax call is still fired off, and the div attempts to expand (or collapse) before the new page is rendered Is
jQuery.strict === true
http://x.dbjsystems.com/blog/?p=86
[jQuery] Validation and Tabs plugins compatibility
Hello all, I am just switching to JQuery from prototype and am trying to use the Validation and Tabs plugins for JQuery. Here's my problem: I have one form tag in which I have my tabs container. Using a dynamic language I am creating multiple tabs for user chosen data, say states. So if the user has chosen 5 states, there are five tabs with the same form fields with the "_statename" appended to the end of the field name. So, if the user enters data, validates the form and click on continue nothing
[jQuery] Do you figure out how to do this?
I have the same question. I want to load some external file, for example: http://www.google.com. This is my code: <html> <head> <title>jQuery - Ajax dynamic content loading</title> <script src="http://code.jquery.com/jquery-latest.js" type="text/ javascript"></script> <script type="text/javascript"> function loadContent(id) { $.ajax({ url: "http://www.google.com", cache: false, success: function(html){ $("#contentArea").append(html);
[jQuery] compare jQuery objects
How is it that I get false for the following? Shouldn't I get "true" as a result? if not, why? <div id="home"></div> $(document).ready(function(){ var one = $('#home'); console.log('compararison: ' + (one == $('#home')) ); // false !!! }); How do I compare jQuery objects?
[jQuery] Help with jCarousel and fluide height...
Hello, On my blog, I have a list of the last 5 messages posted. It's a <ul><li>post #5</li><li>post #4</li>etc...</ul> list. I'd like to display a "<< previous messages" link on the bottom of that list, that - when clicked - would display the 5 previous messages, etc. So I use jCarousel to do that, and it works well... except for 1 point : sometimes the title of the post is 1-line long, sometimes it's 2-line long, so that I can't know how long is the list of 5 posts ! So I'v tried to scroll this
[jQuery] findValue
Hi Experts, i have been working on this since monday and still i dont seem to have a clue what is stopping it from working. What i am trying to do: I have an autocomplete inputbox which displays matching results from the database as soon as the user starts typing. My problem is: If a user start typing a characters into the autocomplete inputbox and there's no matching result from backend, i want a message "We donot have anything matching this search" to be displayed. Currently i am using this code:
!!n00b!! Internet Explorer Image problem with JQ
Hi all i'm very new at all this just started learning JQ from scratch the other day. I have built a nav for my site using JQ, and i am applying an animated hover effect. link: http://www.danickweb.co.uk/dan/website-test/ what i have done works perfectly in FF, but in IE i get a strange black area that fills in the boarders transparent areas. I have the IE6 PNG fix applied but surely wouldn't apply to IE7? I saw on a forum about a cleartype fix in the JQ but i'm not sure how to apply it. My JQ code
[jQuery] Javascript city state zipcode country component
Hi, Has anyone used a stable Javascript component for city, state,zip,country ? Doesn't matter if it costs money as long as it is usable off the shelf and has the US Military Area codes too. I have found a few by Googling but wanted to know if PJUG users had any good experience with any of these components ? <a href="http://www.google.com/search?hl=en&q=javascript+zipcode+city+state+country+component" target="_blank">http://www.google.com/search?hl=en&q=javascript+zipcode+city+state+country+component</a>
[jQuery] Toggle(fn, fn), need to click twice to re-open the content
Hi, I've an issue using .toggle({unction(){}, function(){}); It works fine if I toggle the element, however, if I click on it to open and then hide it through another element (a button), the next time I have to click twice to re-open the content. Example: $(".button").click(function() { $(".title").next(".content").hide(); }); $(".title").toggle(function(){ $(this).next(".content").show().html('a'); },function(){ $(this).next(".content").hide().html(''); }); or http://zrod.awardspace.com/
[jQuery] remove classes when select option is not selected
Hello, When i select something from a selectbox it adds a class to the selected option this way: $('div#tabs input[type="text"], select option:selected, input:checked, textarea').addClass('takethis'); But when i select a different option it doesn't remove the class 'takethis' from the option which I first selected. How can I force this? Thanks in advance.
[jQuery] 1.3.2 class selectors only returning first element
I tried upgrading from 1.2.6 to 1.3.2 today and ran into all kinds of issues with selectors. I can't reproduce this with a simple page yet. (Only with our complex production app of course.) Essentially, a page with three input type="text" elements with class="some_class" only returns the first element when I issue $ (".some_class"). My best attempt to debug this in Firebug took me to the method makeArray(array, results) jquery-1.3.2.js#2058 <code> var makeArray = function(array, results) { array
[jQuery] Ajax callback + corners + IE
Hello, I'm having problems with microflacid browser. When I call corners, IE (always IE, 6 and 7, not tested with 8) complains about the jQuery corners. More exactly If I try to load modal and put round corners on it by callback IE stop working. It works fine with Firefox 2+, Chrome, Safari and Opera. As expected, the line with error is one that does not exist in my code. Code that causes errors (example): $().ajaxStart(function(){ $.blockUI({ css: { border: '1px solid #FF7F00', width: '250px', padding:
[jQuery] line breaks are removed when posting data in ajax
I was using jquery to post data to backend php code using ajax. $.post("<?php echo url_for("saveadmincmt")?>", { rptID: val, cmt: $ ("#adminCmt"+val).val()},function(data){ if(data=="done"){ alert ("Admin comment has been succesfully saved."); $("#divadmincmtcontent"+val).html($ ("#adminCmt"+val).val()); } }); See here the cmt, when I submit the request, all the line break have been removed. So that means originally text area link breaks no longer exist, instead it become a long sentence. So how
[jQuery] Clickable dropdown lists
Hi everyone! I'm trying to work out a drop down list and can't seem to figure this thing out. So, here's my code: var menuclicked = 0; $('#dropDown1').click( function() { if( menuclicked == 1) { menuclicked = 0; $(this).find('ul').css('visibility', 'hidden'); }else{ $(this).find('ul').css('visibility', 'visible'); menuclicked = 1;} }); and my html <ul id="dropDown1" class="dropDown"> <li><a href="#" class="selectLink">Select from the list</a> <ul id="dropDown1sub">
[jQuery] Drag & drops calendar events
Hello world! I found two Drag & Drops Ajax calendar events out here. I was wondering there is something similar with jQuery under the hood. MooTools: http://www.moonkiki.com/moogenda/moogendaWEEK.html Home made: http://www.dhtmlgoodies.com/scripts/dhtmlgoodies-week-planner/dhtmlgoodies-week-planner.html Thanks, //JF//
[jQuery] Use JQuery to refresh a page
Someone recently asked how to use JQuery (or JavaScript in general) to refresh/reload a window. One solution presented online was this... window.location.reload() However, having tested this solution, it doesn't work for me in FF3. An alternative solution, that DOES work for me in FF3 is window.location = window.location; Hope this helps! Erik http://www.erikburns.com/ http://www.twitter.com/erikburns
LEGAL SELECTION CONTEXT
Sample is here: http://jsbin.com/avowu/edit Core of the issue is here : // context is correctly reported by jQ $("[name]", document.getElementById("people")).formula( log ) ; // context is reported by jQ as HTMLDocument ? // selector is prefixed with context $("[name]", "#people").formula( log ) ; Is this "by design" ?
[jQuery] jQuery checkbox checked attribute only enters in IE
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> </head> <body bgcolor="#ffffff" text="#000000"> <div class="moz-text-flowed" style="font-family: -moz-fixed; font-size: 13px;" lang="x-western"> I have the following code (this is a minimized version of the actual code to demonstrate what is happening). The code inserts form fields from data contained in an object: jQuery(document).ready(function() { var fieldName = "optin"; var attrib = {
[jQuery] Help! Problem with using show/hide with divs
Hello, I'm trying to create a script that would allow me to display a div element when the user's mouse entered a specific div, and then have that div close when you existed that specific div There would be about boxes in all . My current problem is that the #showbox closes as soon as the mouse leaves the text... I would like to tie this event to when you leave the Div that the text is in, and not the text itself. So far I have only been able to tie the opening and closing of the box to the small
remove invalid html
i have a web page that has invalid content outside of <html> tags that i don't have control over. Is there any way i can easily remove this. e.g. <html> ... </html> <h1>Blah Blah</h1>more text blah blah blah blah Thanks.
[jQuery] jqueryui themes and suckerfish or another nlevel menu
Hi Does a suckerfish menu based on jqueryui thems excist allready or is there another menu that has these css classes implemented yet? Armand
Next Page