Image maps, jQuery, and IE (all versions) won't play nice!
I have this navigation menu, and due to the diagonal orientation of the buttons, I'm using an image map. I have a transparent image using my image map on top, 5 hidden divs in the middle, and the "off" state for all 5 buttons on the bottom. All the area tags inside the map have IDs assigned, and in Firefox, Safari, Chrome, and Opera, using a plain old $('#areaID') works just fine. For whatever reason, IE (all the way up to version 8) won't acknowledge the 'hover' event on any of the area IDs. I have
[jQuery] Dynamically determine AJAX callback content type?
Hi, Is there a way when doing an ajax call to dynamically determine the content type coming back (html vs xml)? Depending on certain conditions on the server I might want to return either xml or a chunk of html. I am curious how I would test and then process one type over another. Is there a way to do this? Thanks!
[jQuery] [validate] email and tld
the current regexp for validation of email adresses isn't really satisfying: emails with domainnames and tld containing only 1char are passing the check as valid eg. test@t.t pls change the regexp to cover this thx in advance
[jQuery] 2 Image Fade
Hi everyone. I am wondering how I can make a fade between two photos in the background of a body of text and then have the photos change every other photo (if that makes sense). Thanks for any help.
[jQuery] Newbie load content into a div
Hello all, I am attempting to load content into a DIV which runs a function in a php script which i have working just fine, but i was wondering how do i set up the loading spinner fade effects? Basic idea is click on the link, the link fades away to saving spinner, and when saved the spinner goes away with the new content from the php loaded in its place.? I have the save and new content load in just fine, just the actions before the save and after pretty much. Any advice, tips, references would
[jQuery] Newbie load content into a div
Hello all, I am attempting to load content into a DIV which runs a function in a php script which i have working just fine, but i was wondering how do i set up the loading spinner fade effects? Basic idea is click on the link, the link fades away to saving spinner, and when saved the spinner goes away with the new content from the php loaded in its place.? I have the save and new content load in just fine, just the actions before the save and after pretty much. Any advice, tips, references would
[jQuery] Help with div, css selector, and form field...
I need some help with jquery's syntax for how to pop an error message when a select field is blank. There's a form that uses the same css class for all of it's form fields. However, I would like to check to see if at least one section of the form is not "blank". Here's my code: <div id="schoolchoices"> <select name="9378_choice" class="schoolDropList"> <option value="">Select something</option> <option value="10">10</option> <option value="20">20</option> <option
Nothing Special but still nice..
Picture slide in and out on click.. http://www.youtube.com/watch?v=eHTyGoFYTsQ
[jQuery] same symptoms in jquery.html
I noticed this in jquery.html as well. I've tried it several ways, but I can't get anything that has a script tag in it to come. through.
send error message back from php post
Hi all, yes I am a jq noob... I've been trying to figure out how to echo back error messages from a PHP edit page, for example. Say if I am editing a grid and sending that info with json to a php page to update a database, if there is a validation or other problem, how do I echo that back on the page with the jquery? Do I put that in a div container too for best practice? sorry for such a moronic question and THANKS in advance! jqnoob
[jQuery] New Plugin with IE problem
Hi all, I mainly work in Firefox land and don't have to bother with IE much (Lucky me). I wanted to share one of my plugins with the public and therefore need to make it work across all browsers. The problem I am having is that even though I set a colspan for a td, IE does not render it properly. The attribute gets added dynamically using jQuery and on all other browsers it works fine. Please have a look at http://bit.ly/ONgXz I looked around and couldn't find a similar plugin so I thought I'd share
jQuery Slider - adding and displaying values???
i have seen some pretty cool jquery plugins and apps and what not's out there... here is my idea and i am not sure how to go about this... say we offer "squidgets" and we have 7 types of squidgets with various accessories available. We offer up to 5 gears, up to 5 windows, up to 5 levels of loudness... i.e. Slider 1 = Gears 1-----2-----3-----4-----¦5¦ Slider 2 = Windows 1-----2-----¦3¦-----4-----5 Slider 3 = Loudness ¦1¦-----2-----3-----4-----5 As they slide to each value, the combination will
[jQuery] jQuery slider noob help
i have seen some pretty cool jquery plugins and apps and what not's out there... here is my idea and i am not sure how to go about this... say we offer "squidgets" and we have 7 types of squidgets with various accessories available. We offer up to 5 gears, up to 5 windows, up to 5 levels of loudness... i.e. Slider 1 = Gears 1-----2-----3-----4-----¦5¦ Slider 2 = Windows 1-----2-----¦3¦-----4-----5 Slider 3 = Loudness ¦1¦-----2-----3-----4-----5 As they slide to each value, the combination will reveal
[jQuery] jQuery Slider Bar
i have seen some pretty cool jquery plugins and apps and what not's out there... here is my idea and i am not sure how to go about this... say we offer "squidgets" and we have 7 types of squidgets with various accessories available. We offer up to 5 gears, up to 5 windows, up to 5 levels of loudness... i.e. Slider 1 = Gears 1-----2-----3-----4-----¦5¦ Slider 2 = Windows 1-----2-----¦3¦-----4-----5 Slider 3 = Loudness ¦1¦-----2-----3-----4-----5 As they slide to each value, the combination will reveal
jquery autocomplete tokenized control
Hi, I came across this control: http://loopj.com/2009/04/25/jquery-plug ... ext-entry/ I am trying to incorporate this with asp.net but am having alot of troubles. Please reply if you think you might be able to help. Cheers
Open pdf files in jquery lightbox doesn't work
Hi, I just wanted to know that is it possible to open pdf files using jquery lightbox (perhaps fancybox) , just as the way it is possible to open images files. I tryed it out with fancybox, but it doesn't work. please help thanks! <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta http-equiv="imagetoolbar" content="no"
tablesorter with multiple tables problem ?????
Hi, I have two questions here : 1) I want to use jquery tablesorter but one of my coworkers tols me it's not a good idea to bring all the rows from a database to the page at once, it's not good for the performance. 2)tablesorter is not working with two tables in the same page. thanks, your help is appreciated. Majid
[jQuery] If statement in form validation
Hi There, I could use some help here. I need to place a condition statement (if) in this form validation script. For some reason, I just can't get it to work. Basically, when a user un-checks a particular box (billing_addr) additional form fields slide down, those fields need to be validated. If the box is checked the fields roll-up, become disable and can be skipped. What's the best way to accomplish this? Thanks, MD $(document).ready(function() { var billing_address = $("input[name='billing_addr']:!checked").val();
[jQuery] IE: select change triggers pop-up blocker
I have a wee bit of code that handles a select list change to load some content via AJAX. In IE 7 & 8 (works a treat in 6!), clicking on the select list triggers the pop-up blocker thingy. My code certainly does not open a new window or anything like that: $('#group_nav').change(function() { var group_id = $(this).val(); $.ajax({ url: '/admin/sections/alternative_nodes/' + group_id, success: function(html) { $('#nav_admin').html(html);
[jQuery] semi-synchronous ajax request?
Hi, I'm trying to implement a client side cache for an ajax based application but I'm not sure how to deal with the asynchronous nature of ajax calls in jquery. What I'm basically trying is to create a function getList() that fetches a snippet of text from the server and stores it in a variable so that future invocations of getList() no longer have to contact the server but can immediately return the content of the cache-variable. The problem is that two subsequent invocations of getList() result
[jQuery] Matching Columns with JQuery
Hello, I came across JQuery when searching for a solution to get matching column height with Divs. I have downloaded JQuery which appears to be one file named jquery-1.3.2.min I also have the following short script that I found, which I believe goes in the head area of the page. The script works with jquery. <script language="javascript" type="text/javascript" src="../../js/ jquery/jquery.js"></script> <script> function equalHeight(group) { tallest = 0; group.each(function() { thisHeight
[jQuery] Adding new table rows on the fly?
Do you know if you can clone() and then appendTo() a <tr> http://www.perturb.org/tmp/test.html I want to something like $("#second").clone().appendTo('#second'); It works, but it doesn't render like I want it to. I want it to be a NEW row. Any ideas? - Scott
[jQuery] getting ID number when using jquery form plugin
I'm trying to use the jquery form plugin to post form data to a mysql database. At the same time, I'm loading another page in which I need to use the mysql_insert_id(). How can I get that ID number and send it to my page I'm loading. I'm trying to post it to a Javascript var but I don't know how I can grab it from my update.php (which is where I submit the form data to) I hope that makes sense.
[jQuery] Coda Slider with Fade Transition
I am looking to use the Coda Slider plugin, but instead of the Sliding effect, I'd like to make it fade in-between slides instead. I have found a couple discussions that you can use onbefore or the onafter parameters to accomplish this but nobody has listed a definite solution to this. Here is the plugin: http://www.ndoherty.com/blog/category/coda-slider
is it possible to "catch" a php-varibale ?
Sorry if the title scared you, don't know how i'm suppose to phrase it. Ok so i'm looking into the $.ajax() function. Very interesting stuff. i'm just practicing to learn and to do that i have this form, just name and email, i want to send it to a DB. so i do the following: $(function() { $(".button").click(function() { var name = $("input#name").val(); var email = $("input#email").val(); var phone = $("input#phone").val(); var dataString = 'name='+ name + '&email=' +
[jQuery] jQuery Countdown, can anyone get it to work??
Hi, I'm messing with http://keith-wood.name/countdown.html I must say it's a very nice script and heads up to anyone who can get it to work. I'm trying to get the basic script to run and countdown for 2 days like in the relative example Here's the last piece of code which is way out, any help appreciated: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>jQuery Countdown</title> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/ libs/jquery/1.3.2/jquery.min.js"></script>
[jQuery] UI Tabs Back button history
Has anyone been able to get back button history to work with UI Tabs. or any way to make the back button work with previous visited tabs. I tried using the history plug but im not sure how to make it work with ajax created tabs. any help would be appreciated.
[jQuery] Conflicts between scripts
Hello, all. I am a fairly new web designer and I have the following attached scripts on my page. Alone, they (lightbox and jQuery/ interface) work great. But together, depending on their order in the <head>, I get one to work but not the other. Can anyone tell me if I am seriously missing something or using outdated scripts... I am at a loss here. Thanks in advance. <!--includes--> <script type="text/javascript" src="scripts/prototype.js"></script> <script type="text/javascript" src="scripts/scriptaculous.js?
[jQuery] activeSlide class doesn't update
Hi Mike, I created slide-show and want to use the pager with auto-transition. So the images will transition, but the user will also have the option to click on a different images. For some reason, when the slideshow works in a auto mode, the "activeSlide" class doesn't update and changes to the active pager. The class appears only on one image pager, and when the image transition, the class is gone, not moving to the next pager. here is my code: $(function() { $('#slide_wrraper').before('<div
[jQuery] how to uncheck the check box
Hi all Can u tell me , how to uncheck the check box , when i check another check box, for example having 4 check boxes, be default check box is checked ,. when i check the check box 2 , then need to uncheck the checked one , How to do this in jquery , Thanks <br clear="all"> -- உங்கள் நண்பன் பரணி குமார் Regards B.S.Bharanikumar POST YOUR OPINION <a href="http://bharanikumariyerphp.site88.net/bharanikumar/">http://bharanikumariyerphp.site88.net/bharanikumar/</a>
[jQuery] Click-Event in Options/defaults
Hy My jQuery-Plugin shoud produce two buttons with a onclick-event. Problem: The onclick-event got fired, when I call the plugin, without clicking on the button. Why got the click-event fired without clicking the button? Here my (shorted) plugin: (function($) { $.fn.rte = function(options) { $.fn.rte.defaults = { button : { bold : { alt:' bold ', // Problem: Got fired, before I click on the Button! click : function(){
[jQuery] A better way of writing this code?
Hi, I was able to get this script to work and was wondering if there was a better/proper/more efficient way of writing it. Here is the script: $(document).ready(function() { $('li.a').hover(function() { $(this).addClass('move'); }); $('li.a').mouseLeave(function() { $(this).removeClass('move'); )}; )}; Thanks for your time, Calvin Stephens
problem with loaded page
hi i want to know how to control loaded page $("div [id='menuTopLink'][class='menuTopLink4']").click(function () { $("div [id='mainViewIn'][class='mainViewIn1']").slideUp("slow",function(){ $("div [id='mainViewOut'][class='mainViewOut1']").slideUp("slow"); $("div [id='mainViewIn'][class='mainViewIn1']").load('TellUs.html #container'); $("div [id='mainViewIn'][class='mainViewIn1']").slideDown("slow"); $("div [id='mainViewOut'][class='mainViewOut1']").slideDown("slow"); }); }); in TellUs.html there
[jQuery] Jquery/Jqrid Developer In CT Need for project work
Looking for a freelance developer who knows the in's and out's of jquery's jgrid very well. Must be onsite here in Branford, CT. Please email me with per hour rate at: rdwyer.ql@gmail.com
One click TWO submits (IE7)
Hi, I have a problem with the following code: <input name="next" value="next" id="nextBtn" onclick="document.form1.submit()" type="submit"> When clicking the link/button, IE(7) submits (POSTs) the form twice, the first time *without* the "next" paramater (the link itself) and then *with* the parameter. Can anyone explain why this happens? I think the problem will be solved by either removing the type=submit or the onclick-event, but it is not my code, so I'd like to get a better understanding of
animated GIF freezes on submit
Hi everyone. I'm having trouble displaying an animated loader.gif when submitting a form. what i have is this function function showLoader() { document.getElementById('form1').submit(); $('#formdiv').hide(); $('#loader').show('slow'); } which is called when i click a <input type = "button" onclick = "showLoader"> and i have a div like : <div id = "loader" class = "centeredImage" style = "display:none;height:500px;"> please wait <br> <img id = "progress" src
[jQuery] Only works in FF
This works great in firefox, why doesn't this work in any other browser? Can the attribute onblur be added another way to work in all browsers? jQuery('#'+nameHex[0].replace(' ','__')+'_qty #'+fields[c].id).attr ('onblur' ,'setQtys();');
quick problem... cannot pass a selector via a variable
im trying to figure out how to pass a target selector via a variable the simple example below dosnt work, i was wondering why when i pass the varible target into the slector it does not work... var target = "#1 .preview"; $(target).addClass("hidden"); thanks for helping.
[jQuery] IE8 error: Invalid Argument
I realize that there are numerous posts on this subject. But, alas, I will start with the same phrasing that everyone else does. "This works in FF, but not in IE". So, having said that, I'm not using the .min Jquery file, I'm using the developers file. I debugged it using Firebug Lite in IE8, as well as IE8's Dev console. Here is what the errors were: Firebug: "Invalid argument. (jquery-1.3.2.js,1061)" IE8 Dev: Specific Line in the above js file is: if ( set ) elem[ name ] = value; return
[jQuery] jCarousel with php paging
Hello, I am trying to use jCarousel in my php script to show all records on the same page. like this http://sorgalla.com/projects/jcarousel/examples/static_simple.html I have form where user has to logged in and then on his/her page he/ she can see these record. i have page where user is logged in. where this JS is not working. then i copied my same code with different name and tried there. its working. but the small difference is the page was not having userid. i mean that is not interlinked page
Next Page