hover menu over image on mouseover
hi, i am trying to figure out how to create a hover menu over image on mouse over. for example, i have a page with lots of thumb images. on mouseover i would like to be able to display a delete img icon (or multiple) on the top right corner of the thumb image. then i can click on it to execute a method to delete that pic (or any other method). on mouseout the delete icon should be hidden again. basically, i just want have a hover menu that will be positioned over an image on mouseover and will dissapear
[jQuery] Trouble with Suckerfish in Safari
Hi! I've used Suckerfish on one of my sites and I'm experiencing some trouble in Safari. It occurs when you've clicked yourself into a sub menu that has a child sub menu and then click one a different sub menu that does not have a child sub menu. What happens is that the old child don't go away, it just stays until you click on a sub menu with a child. It's a bit hard to describe, but very easy to see. Just open http://www.kallegustafsson.com in Firefox and Safari and click on 'advertising' and then
[jQuery] When a class is created... preloaded events don't seem to work.
So, if a user clicks a button, I set a function to create a new class like $("#container").html('<a href="" class="new_button">Click</a>'); and I preloaded ( which means, this function existed before the button was created) a function like $(".new_button").click(function(){ alert('succeed'}); When I click the button, nothing happens. I also used $ (".new_button").addClass functionalitiy to test it.. What would be the ideal solution in this case?
Binding does not seem to take...
jQuery Newbie....I have a fairly simple piece of code that attached an onclick to an image. When you click the image it runs some ajax and then changes the image. It is then supposed to bind a new function the image onclick so that when you click the image again a different ajax call is made. It is possible I over complicated this, but have tried everything and it continues to make the call to the same function. function addListing() { var theid = replace(this.id,"fav_",""); $.post("/ajax/ajax_addToFavorites.cfm",
[jQuery] How to loop iterate through a string of div elements
Hey, I was wondering how I would be able to convert a string of html into a series of div elements that I can iterate through and perform jquery functions on, specifically .hide() and .slideDown(). For example, I retrieve a string from a jquery ajax call of html that looks something like this, <div class="post" id="post2918"> <div class="header"> Some Text </div> <div class="footer"> Some other text </div> </div> <div class="post" id="post3978"> <div class="header"> Some other Text 2 </div> <div
[jQuery] Newbie Question... Appending multiple items, with the same span name
Hello, I'm relatively new to jquery, so I have what I hope will be a simple question. I need to append multiple spans to the line items in an unordered list. Essentially, each line item contains a <span> and I need to grab the content of that span and append it to the bottom of the line item it's contained in. Here's what I have so far: My jquery code: --------------------------------------------------------------------- $("ul").ready(function(){ var Name = $(".name") .text(); var Content
[jQuery] jQuery Function - how should I write it?
Here is function that I
[jQuery] Calculate Width after load event fires on element display:none
Hello I am loading an image via jQuery. I attach a load event to the image and append it to a hidden element (display:none) When the load event fires, I want to grab the width of the image so I can center it on the screen when I fade it in using fadeIn() - however, the width is 0. If I change to using visibility:hidden the width is available in FF3 (mac) but the fadeIn function doesn't work properly. Is this a known issue? It seems to work fine when the image itself is set to display none, but I
Logical AND selector - Solve and win Celtics tix (no joke!)
Any Boston-area jQuery gurus out there? I'm building a Celtics news archive for the official team website in jquery that displays a table of articles based on XML data. I'd like for readers to be able to sort the archive with dropdowns based on 3 choices: a player's name, the author's name, or the season to which the article is relevant, or up to all 3 factors if they so desire (i.e. Logical AND). I can get the table to pull articles that match at least one of all three criteria with the following
AJAX calls in IE6 without ActiveX
Does jQuery support AJAX calls in IE6 with ActiveX disabled? If not, what is the best viable solution short of creating my own IFRAME implementation? Any plugins available for this? - Dave
[jQuery] JQuery and Ajax
Hi, I am working on adding asynchronous form submission inside a jquery dialog. I am using .ajax(). Everything is working correctly, but the submission takes longer than I would like. I am new to jquery and am unsure how to debug/optimize this. How do I determine if the lag is in the front or backend? Thanks, Natasha
[jQuery] slideUp() does not make animation before remove() occurs
Hi all, I'm using jQuery 1.3.2 that's the code: function removeChekbox(data){ $.each(data, function(i, val){ $('input[value="'+val+'"]').parents(".item-container").animate({opacity: 0.0}, "slow", function(){ $(this).slideUp("slow", function(){ $(this).remove(); }); }); }); } the code is correct, the remove() works well, but the slideUp() does not make the animation. Why?
[jQuery] Applying Table Row Sorter to Multiple Tables
<div><div>I'm using jQuery's tablesorter.js to create tables with sortable rows, as applied to tables with the ID "myTable."</div><div></div><div>I just wondered if there's a way to make it work with multiple tables on a single page. I created two tables and gave each of them the ID myTable, but only the first table worked. I can't remember if the specific ID is required for my Zebra widget (alternate row colors), too, or not, but I would guess it is.</div> <div></div><div>I posted my JS links below,
[jQuery] remove DIV from form (maybe bug)
Hi all, I found same strange behavior when I trying hiding, or removing DIVs inside form. Please look on my sample here: http://62.245.92.202/jquery-sample.php Expected behavior is: When I make change inside input field “one” text “lorem ipsum” will be shown between “one” and input:text field. When another change is made “lorem ipsum” text will be remove and shown again. So every time there will be only one text “lorem ipsum” This scenario works great only in field “one” when try to fill another
[jQuery] Aliasing/Redefining "function"
In my environment, JS has a maximum file size as a matter of company policy - jQuery is obviously a great help with this. One of the things I'd like to do (primarily to shrink filesize but also for less typing) is instead of writing this: $(function(){...}); to be able to write this: $(f(){...}); Basically, I want to shorten the name of the "[F|f]unction" object to just "f". Does anyone know how this could be done?
Updating code
Hello there I have a really silly question here. How do I update the following code so it works with the latest jQuery (1.3.2)? var activeMenu = false; $(document).ready( function() { $('#pull').click(hoverTrigger); } ); hoverTrigger = function() { this.blur(); if (activeMenu == false) { activeMenu = true; $('#shelfwrap').SlideDown(700); } else { activeMenu = false; $('#shelfwrap').SlideUp(700);
[jQuery] Global variables in jQuery
I can't get global variables work, maybe somebody knows the answer because this should be very simple. The following does not work, the price is not available at the end of the function in the alert. function calc_matrix(x, y) { loc = "index.php?module=product"; var price = 0; $.post(loc, { "request":"xmlhttp", "action":"calc_pricematrix", "x":x, "y":y }, function(data) { price = Math.round(parseFloat(data)*100)/100; }); alert(price);
This should be really simple.
The code that is not working is listed below. This is part of a larger page where I am trying to validate the message subject field has a value in it. I am using firfox and firebug, and can see the object I am looking for there. I could even get the objects value by switching the selector syntax to "input" and specifying the array position, but trying to get to it directly won't work. I am using almost the exact same stuff on other pages in my site and they all work. This one has me at a loss. URL
[jQuery] How to configure Fade in fade out properly
Hi all, I'm Albert, 1st time posting a problem here for you experts out there to assist me on. Plsssss....thanks in advance. OK let me describe you the problem.. 1) I have a html link (struts) with ID="mylink" and with value="Click on me" to download some files. 2) I have also a pics, loading bar.gif(The words, "Loading content.." comes with it), and again ID="myloadingbar". http://www.nabble.com/file/p23520407/Click.jpg What i want to do when i click on the link is(irregardless whether the download
[jQuery] How to configure Fade in fade out properly
Hi all, I'm Albert, 1st time posting a problem here for you experts out there to assist me on. Plsssss....thanks in advance. OK let me describe you the problem.. 1) I have a html link (struts) with ID="mylink" and with value="Click on me" to download some files. 2) I have also a pics, loading bar.gif(The words, "Loading content.." comes with it), and again ID="myloadingbar". http://www.nabble.com/file/p23520407/Click.jpg What i want to do when i click on the link is(irregardless whether the download
jQuery validation plugin: show hide label / existing labels
Hey guys, maybe some one can help me out. I have a working registration form and now i want to add this wonderful jquery form valitation plugin to validate the user input before sending the form. So far so good all is working and btw. it was easy to setup even for some one with very poor js skill. My question is now: can i hide the label for the input fields and dropdowns, i mean the labels i have in the form - not the error labels created by the jquery form valitation plugin, when the jquery generated
[jQuery] newbie callback failure
Variables are reaching the php but callback isn't firing. Multiple forms on the page - I've stripped out everything extraneous to try and get a callback. (strangely Firefox 3.0.10 hits the php but breaks while running Firebug(?) and doesn't seem to work in Safari 3.1.2) Sorry if this is covered but been searching and can't solve. php included in case I'm doing something wrong there (as well?) javascript always breaks when I get my hands on it ;< ..... (XHTML 1.0 Transitional) .... <script type="text/javascript"
[jQuery] JSONP for REST webservice
I want to use JSONP to connect to a REST webservice to avoid an additional proxy. But the jquery lib adds the JSONP callback parameter only to the URL if GET is used as request type, but not on DELETE, PUT & POST. I modified the jquery lib to avoid that problem like this: 3409: // Handle JSONP Parameter Callbacks 3410: if ( s.dataType == "jsonp" ) { 3411:// if ( type == "GET" ) { 3412: if ( !s.url.match(jsre) ) 3413: s.url += (s.url.match(/\?/)
[jQuery] passing next & prev through function
hello, i'm building a portfolio page and i'm trying to pass next or prev through this function to pass the direction. does anyone know how to do this? I already tried passing next and prev and filling them in the right position in the function. this is what i have already: function PortVolgende(){ if ($("#portfolio-items a.actief").next().length > 0 ) { $("#content").animate({ scrollLeft: $("#content").scrollLeft()+$ ("#content").width() }, 2000); $("#portfolio-items a.actief").next().addClass("actief").prev
[jQuery] superfish bg images - almost there!
hello, first off, amazing! thank you for your great work. most every part is working for me, including using background images. when the mouse hovers, the background image changes as does the text color. perfect. currently, i only have the superfish menu on the "Discounts" link so that is the link i am speaking of. (as should be obvious when looking at the menu, i'm using blank background images with actual link text on top of them). after the hover menu "flys out" and i begin to hover over the "fly
[jQuery] [validate] Page disappear when validation completes !
Hello, the strangest thing ever happens to me. I'm new with JQuery and more especially withthe validation plugin. I've created this page: http://dev.sonycenter.be/fr/ and implemented the validation plugin for the newsletter form If you look at the bottom right corner, you can try to enter a data into the input field.... but as soon as you type one character after the "." (that follows the domain) the whole page disappear... I can't understand what's happening... thanks for your help. Antoine
help me to filter html in jquery
I have a string: var s = "<h1>1</h1><h2>1.1</h2><h3>1.1.1</h3><div><h1>2</h1><h2>2.1</h2><h3>2.1.1</h3></div>" I want to get all header's html so that the expect output is: 1 1.1 1.1.1 2 2.1 2.1.1 Then I write jquery code: $(s).find(":header").each(function() { $("body").append("<div>" + $(this).html() + "</div>"); }); But the result shows only headers in <div> are found. 2 2.1 2.1.1 Then I tried filter function: $(s).filter(":header").each(function() { $("body").append("<div>" + $(this).html()
[jQuery] How to disable all clicks till the page loads
Any one can please tell me How to disable all clicks till the page loads Any help wil be appreciated
[jQuery] [Masked Input] type delimiter -> advance caret position
I was asked by client if it was possible to make the date mask __/__/ ____ advance to the next subfield when the delimiter '/' is typed. Thus they could type 1/1/2009 without having to type the extra digits. I've perused the code and see that's not something it can do currently. In fact, it's not a behavior that 'fits' with the masking model - I think this is probably the only type of mask that would not require all digits to be entered. Perhaps someone else has a mask plugin that does what I was
Image Resize
I have made a script that can resize a image to the "Max Width" on load. And then when you click the image you can switch between the orginal size and scaled size. But ther are a problem with it sometime makes the image 10 px x 10 px. when the image is 800x600 and the max width is 700. I think this have something to do with it getting the org image size before the image has loadet complety. But i have tryed all day and just can't get it to work. demo: http://beta.cosplaydenmark.dk/Albums/1000/1001/
JQuery AJAX request, retrieve only a certain div?
Hi guys, I'm doing an AJAX post to send some form details and retrieve the results. But the results come back as a full page, including everything in the HEAD. How can I only retrieve the #results div? My code at the moment: $('.webform a').click(function() { var day = $(this).attr('href'); $.post('/Default.aspx?CCID=3872&FID=24892&ExcludeBoolFalse=True&ID=/results','&CAT_Custom_66898='+day, function(data){ $('body').append(data); }); return false; });
How to show sliding effect for three images
Please help me How to show the sliding effect for three images such that all the images appear while sliding one after the other each time i. e. I have 3 buttons when I cick on 1st button 1st image should appear and when I click on 3rd button 3rd image should appear sliding 1 and 2. to know clearly please visit http://www.arcinspirations.com/kobe/ and click on navigation then you can see the sliding effect
remove() problems
I want to remove a specific box when i click on the remove button in that box. I have a lot of boxes on a page but when i click on the remove btn it removes all the boxes. I just want to remove the box where i click on the delete btn. This is the js code: $(".del").click(function() { $('div.floating-box').remove(); }); Html code: <div class="floating-box"> <div class="box-780-head"> <h3>Box 1</h3> <a href="#" class="toggle"><img
[jQuery] jQuery too slow on IE!!!
Hi, I recently started using jQuery, thinking that it is FASTER than usual javascript, but i found it is too slow when used with IE. I am using IE 6/7. I also googled to find lots of posting already happened saying it is too slow. Can anyone suugest me what needs to be done! CC to my friend as well, he is gr8 fan of jQuery. Thanks. Chandan
Animated Collapsible DIVs - 4th toggle button next to 3rd
Hi everyone, I've recently implemented the Animated Collapsible DIVs functionality to my site using the 'Animated Collapsible DIV v2.2' plugin; http://www.dynamicdrive.com/dynamici...edcollapse.htm The example code gives you 3 expandible DIVs, however I needed a forth, so I added the code for this and it's expanding/contracting fine. But now the 4th toggle button is apearing beside the 3rd toggle button (instead of below it). So my toggle buttons look like this on screen; Toggle 1 Toggle 2 Toggle
IE8 BlokUI "Not Implemented" error message
Here is my site: http://www.bostonairportlimoservices.com TRY this in IE8 Click on "Resevation" link, provide any USA place in pickup and drop address, date and time and press "Get Rates". In the next page, press the "Select" button which should bring up a BLOCKUI popup. The same for "View Details" link. It works fine in FF, and IE7 but not in IE8. This is the code i use to invoke a div: jQuery('.link_vd1').click(function() { jQuery.blockUI({ message: jQuery('#vehicle_details'), css:
[jQuery] custom paging
Hello, I have I showroom with image thumbs and want to implement paging. I can't find any documentation of custom paging using jQuery (only table paging). The showroom show thumbs and one mouseover it will create a zoom effect using the zoomi plugin. Here is what my code looks like <div class="showroom"> <center> <a id="13" href="javascript:return false;"> <img class="zoomi" src="http://xxx/products/Dario werkbank.jpg" alt="http://xxx/products/Dario werkbank_big.jpg" /> </a> <a id="14" href="javascript:return
[jQuery] attribute selector problem in opera
I have this query: $("#drag-channels > div[style*='220']") This doesn't work on Opera 9.64 browser, but on my other browsers(FF 3.5beta, IE8, Chrome 2) works perfectly. I wonder if this is a jQuery bug. With this query I want to select a div wich has a left property of 220px. The div looks like this(simplified): <div id="drag-channels"><div id="i10002.port.ro" class="channels" style="left:220px;">Some content here</div></div> Thanks
[jQuery] jquery.cascade - query about match param
thw question about this: match: function(selectedValue) { return this.When == selectedValue; } 1) where does the 'selectedValue' come from? I didnt find any ref anywhere. 2) how could I change it ot 'text' instead of 'value' Thanks for any help. Cheers. J.
[jQuery] Form Plugin + FCKEditor + UI Dialog Button
I downloaded the fckeditor jquery plugin because i was told it would resolve issues with submitting forms via Form Plugin ajaxSubmit. But everytime I do it, my form won't submit anymore... My dialog button appears to be unbound but it's not because i can do a console.log(''); and it shows me but the ajaxSubmit won't go anymore... very weird. I'm using latest jquery 1.3.2 and latest jquery UI
Next Page