FadeIn FadeOut not working in Internet Explorer
Hi Guys, I've got a bit of code involving FadeIn and FadeOuts. I'm working on a prototype, and it works fine offline, but when I upload it, it works on Firefox, but doesn't work in Internet Explorer. I'm not sure why this would be the case. Could you please explain why this would be the case, and how I would go around fixing it for IE? My prototype can be found here: http://ray.eltania.net/TEST/AjaxFadeInOut/landingPage.html If you're interested, here's an image to briefly explain what's happening
'superfish(...)' has a nul value or is no object (a la valeur Null ou n'est pas un objet)
Hello I'am new to Superfish (...) Need a litlle help... Got this error (only on IE) : 'superfish(...)' has a nul value or is no object (my translation from french to english) Agent utilisateur : Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.0; Trident/4.0; GTB6.5; SLCC1; .NET CLR 2.0.50727; .NET CLR 1.1.4322; .NET CLR 3.5.30729; InfoPath.1; .NET CLR 3.0.30729) Horodateur : Sun, 6 Jun 2010 08:34:21 UTC Message : 'superfish(...)' a la valeur Null ou n'est pas un objet. Ligne : 37 Caractère : 21
Problem with innerfade and IE8
Hi: Sorry my grammar. This is my first time here. I try this example (http://medienfreunde.com/lab/innerfade/) I try the image example with transparent PNG I create 2 layers: one for a backgrouns and the other one for the images. Whith Chrome and FireFox works fine but with IE8 the transition works bad, is not good. You can see it here : http://rmsd.brinkster.net/jquery.asp I hope that somebody can help me. Sorry my grammar Regards from Lima, Perú MC
Another "missing ; before statement" problem, but other posts have not helped me any...
OK, I have searched the forums here, and I have Googled the problem and looked at two pages worth of answers, but that has done nothing much for me. I have a bare-bones template document as follows: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title>New Document</title> <script type="text/javascript" src="jquery.js"></script> </head> <body> </body> </html> This is giving me the following: Error: missing ; before statement Source File: http://localhost/map/jquery.js
Image Fading Change Box - "issues" - If Else Statements
So I am making A photo changing box and I have run into issues when writing the jQuery side of it. here's my code: $('#rightclick').click( function(){ if('#linkone'.opacity="1") { $('#linktwo').animate({"opacity": "1"}, (500)); $('#linkone').animate({"opacity": "0"}, (250)); } else if('#linktwo'.opacity="1"){ $('#linkthree').animate({"opacity": "1"}, (500)); $('#linktwo').animate({"opacity": "0"}, (250)); } else if('#linkthree'.opacity="1"){ $('#linkfour').animate({"opacity":
Dynamic Div not found in selector
I have dynamic divs being added to a contianer. I create them like this $(document).ready(function() { buildDiv(3, 3, 128, 128, 'smile_face.png'); }); function buildDiv(x, y,width,height, img) { var ele = $(document.createElement('div')); ele.css('top', (x * 128) + 'px'); ele.css('left', (y * 128) + 'px'); ele.css('width', width + 'px'); ele.css('height', height + 'px'); ele.css('z-index',
Inputs and assign click handler
Hi, How can I get all input boxes that come under this div and assign a click handler to each checkbox? <div id="divTest"> <input type="checkbox" checked="checked" value="All" /> All text<br/> <input type="checkbox" value="0" /> 0 text<br/> <input type="checkbox" value="1" /> 1 text<br/> <input type="checkbox" value="2" /> 2 text<br/> </div> Thanks, -ws
Scrolling toggled elements to top of viewport
I'm using a simple toggle function to reveal divs when clicking on the associated heading. What I'm aiming to achieve 1. When the heading is clicked, the hidden div will be revealed and the page scrolled so that the heading is at the top of the viewport. 2. If the page has insufficient height for the heading to move to the top, the page height will be increased to allow this to occur. 3. When the heading is clicked again, the div will be hidden but the heading remain in its current position at the
trigger click behaviour of an image-map's area object
I have a image map set up and each area in the image map has a href defined. the href on area contains urls to other pages in my application. i generate a small list (ul, li) which lists down the name attribute of the area tag. i want the dynamically generated ul/lis to imitate click behaviour of area tag. for this, i have the following jquery set up - $('li').click(function(e){ $('area[name='+$(this).html()+']').trigger('click'); }); but the above works well only in ie6+. ff does not
My Wordpress Plugin Uses jQuery - A Specific WP Site Has Its Own jQuery Installation - Now my jQuery Calls Can't See the jQuery Plugins I've Installed?
I've coded a Wordpress plugin that's using jQuery. It's being used on two sites so far. On the first site everything works perfectly. On the second site, my calls to the jqModal jQuery plugin, throw the error, "jQuery("#element").jqm is not a function," i.e., the browser doesn't see jqModal. FireBug shows that jqModal is indeed loaded. This Wordpress site loads jQuery separately from my plugin. The Wordpress site loads it directly from the host's server. (It does *not* register this jQuery
trying to target children inside children
heres my jquery code: var paragraphs = $("#paragraphs"); paragraphs.hide(); $("#clickThis").click(function() { paragraphs.find("li.one").show(); }); heres my html code: <h1 id = "clickThis">Click</h1> <div id ="paragraphs"> <ul> <li class="one">1</li> <li class="two">2</li> <li class="three">3</li> </ul> </div> I'm trying to make it so that when you click on the heading it brings up only the list with the class one,
Removing table,tr,td wihout no removing contents
I need help please, i have situation that i need to remove table that is automaticly generated, but i also need to not remove contents of table. <UL> <table class="mytable" width="100"> <body> <tr> <td> <LI>MY CONTENTS 1</LI> </td> <td> <LI>MY CONTENTS 2</LI> </td> </tr> <tr> <td> <LI>MY CONTENTS 3</LI> </td> <td> <LI>MY CONTENTS 4</LI> </td> </tr> </body> </table> </UL> Is it any way to remove table without deleting contents, i need result !?!? : <UL> <LI>MY CONTENTS 1</LI> <LI>MY CONTENTS 2</LI>
Can't select <option> - Have tried every thing
Well, this is suppose to happen in the middle of a function... long story short, this function is called in an onChange event of a <select> element. <select onchange="DDreorganizeTables(this);" name="pos"> <option value="1">1</option> <option value="2">2</option> <option value="3">Last</option> </select> This is my javascript (sorry for the mess) take the vars: thisCurPos = 1 thisNewPos = 3 jQuery('.DDt_'+_thisCurPos+' > tbody > tr > th > select > option').removeAttr('selected');
J media element audio player
I am really lost in trying to hook up the controls. I've gone through http://protofunc.com/jme/index.html and gotten all the files together from the demo, and tried using some of the UI helpers on "git" but I need an example to follow that's more for beginners. If you can't/don't want to provide more details, could you recommend a good source to help me understand this?
Adding jquery to a <div>
I am not a programmer but if you explain I will understand. I generated a jquery script using Glimmer. However I don't know how to insert this script into the specific <div> I want to place it. This script provides timed picture slides. Help is appreciated. Thank you
Firefox wont load run my javascripts?
i am trying to make a website where "onmouseover" starts the jquery functions. it works in safari and chrome, but firefox wont do them. please go to http://makeitrock.com/blue.html and just hover over "show navigation" any ideas?
Is there a way to keep jQuery from removing script tags
I am working on an asp.net mvc app that loads data via ajax. In the response html there is a script element that contains the client side validation for the data being passed down. I can see the script in the reposnse object, but after I call $(target).html(data); and view the page source the script tag was not inserted. Is there a way to keep jQuery from removing the script tag from ajax data?
jQuery fuel guage animaion?
I'm looking for an aesthetically pleaseing (shiny new look) fuel gauge and/or speedometer. If you can point me in the right direction, that would be appreciated. Thanks.
Navigation Drop Down Menu
Hello guys, I'm running into a problem with a drop down navigation I developed recently. Overall, it works fine but it doesn't work in ie6. Because IE6 plays an important role in my work environment I need to develop for it. So in ie6 as I mouse down the <li class="department"> to mouseover the menu, the drop down disappears. It seems to be an event propagation in ie. Also, I'm sure this is not the most effective way to code this navigation in jquery. If you have any suggestions feel free to throw
Non Plugin design pattern
So i need a design pattern. I am completely torn. I have done a ton of reading. I am NOT developing a plugin but namespacing is an issue due to the amount of JS used. Options: Literal Notation Modular Revealing Modular something jQuery oriented though I don't know what. I am not writing a plugin so... suggestions? And why. I am leading towards Literal Notation. It's simple.
select all checked
I have coding like below, how to simplify it ? the job is simple, get all checked. If I select multiple, I have tried this. it will has error. var selected = $("#contactTbl input:checked").val(); alert(selected[0]+"--"+selected[1]); //undefined ? Looks like this way only can handle one selection. Thanks. // works var selected = new Array(); $("#contactTbl input:checked").each(function(){ selected.push($(this).val()); });
jquery and asp.net
Hi, i'm pretty new to jquery but learning it fast. I'm trying to post data to an aspx page with jquery $.ajax method. i'm trying to send multile pieces of data. For example, saving data from a registration form. I'm able to save data with one piece of data, for example, check below $.ajax ({ method: "post", url: "destination.aspx", data: "id="+ id, success: function(msg) { //do something } }); i'm trying to send many pieces of data from different textboxes
Replacing tbody with html
I am trying to replace the content in the "tbody" of a table with new HTML via AJAX. I have confirmed that the AJAX response has valid HTML in it, and it continues to have the appropriate HTML tags until the time that I replace the content: $("#"+ divToReplace).html(decode64($(xml).find('content').text())); INFO::: "divToReplace" becomes "logsData", which is the ID of the tbody tag. decode64() simply decodes the HTML which was base64-encoded. Running Firebug, I can see that $("#logsData").html()
Adding a menu, and triggering an event on it
I wish to dynamically add a menu, and then trigger an event when the menu changes. Can anyone tell me why the following doesn't work? $("#mySelect").change(function() {alert('#mySelectchanged');}); $("#myID").html('<select id="mySelect"><option>one</option><option>two</option><option>three</option></select>); Thank you
jQuery Datepicker Won't Pop Up with IE 7
Is this a known issue? If so, is there a workaround? I'm using the latest UI. The pop-up calendar works great with Firefox 3 and IE 8, but when I try it with IE 7, no joy.
Troubles using Jquery to render partial html with javascript functions inside
Hi all, first of all sorry for my English. I have problems when render html with JQuery, and inside that html i want to use some javascript functions defined in the .js linked in the page. My code to render the html is like: var form = $("form[name='formAdvancedSearch']"); $.ajax({ type: "POST", url: form.attr('action'), data: form.serialize(), error: function(xhr, status, error) { display_error("Error de conexión con
Help with normal text hyperlink within div that has lightbox assigned to.
I have created a gallery of images that when clicked on display in the "lightbox" style using jquery.lightbox-0.5.js Now it seems that the lightbox code is applied to all anchor links within the following galleryThumbs div <script type="text/javascript"> $(function() { $('#galleryThumbs a').lightBox(); }); </script> What I am trying to achieve is to put a link under each photo however when I click on this link, it just displays the lightbox effect on the page and hangs on a loading
summary width
I got a table, first tr got 10 td, how to get the sum of the first three td's width all I know is like var $sum = 0; $('tr:first td:lt(3)').each(function() { $sum += $(this).width(); }); console.log($sum); is there any solution via jQuery?
$('#mydiv').css('margin-left') return 0px (must return auto)
Hello, All is on the title, sorry for my english, i'm french :) I have an html page with style <style> #mydiv { margin-left:auto; margin-right:auto; width:250px; } </style> with jquery, i try to get the margin-left ($('#mydiv').css('margin-left'), but the function return 0px, unable to retrieve the good value (auto) anyone has idea to retrieve the value "auto" when margin-left is "auto" ?
I don't understand why this isn't working. =/
So, here's my html code: <body> <h1 id = "clickThis">Click</h1> <div id ="paragraphs"> <p class="papers"> papers </p> <p class="other"> other </p> </div> </body> and here's my jquery code: var paragraphs = $("#paragraphs").hide(); $("#clickThis").click(function() { $("#paragraphs p.papers").show(); }); I want to hide everything in the id "paragraph" in the beginning,
How do I get outter HTML from a dynamically created checkbox w/ jQuery?
I am trying to get the HTML of an element to use in a template. I tried using jQuery to create the element and then grab the HTML, but that doesn't seem to do what I thought it would do. I am able to get most of the HTML string from the new element, but the "checked" attribute doesn't seem to get saved. I can manually build up the HTML, but I'd rather have a library helper to make sure I don't make any silly typos. Here is what I am trying to do... var checkBoxAuto = $("<input />", { id: "idAuto"
Returning a value from a success callback function
I know this is a simple question with a simple answer, but I can't seem to wrap my brain around it. Sorry for the infantile nature of this post. Anyhow, I am making an AJAX call via JQuery and need the function to return a value from a calling function, like so: function GetMyValue(varA, varB) { var ajaxOptions = { type: 'GET', dataType: 'json', url: 'http://my.someurl.com/service', //varA and varB used here but left out for simplicity success: function (data, textStatus)
Jquery with DWR
I am new to Jquery and as I have checked , most of the jquery plugins have a url property to perform server calls which will result in a JSON response. eg - Jquery JSTree $(function () { $("#demo5").tree({ data : { type : "json", url : "1_async.php", async : true, async_data : function (NODE) { return { id : $(NODE).attr("id") || 0, my_param : "my_value" } } } }); }); I am using DWR and I need to know how I can use the results obtained by the
Jquery with gwt
How easy it is to use Jquery libraries with gwt?
Repeating effects
I've been trying to make a news ticker style...thing. Basically a list of say 5 or so elements (divs, li's, whatever). So the top one shows for 5 seconds, then scrolls up making the others fill the space. My best guess makes the first two boxes act as expected, but it ends there. I can't get the effect to "loop." Here's the code I've been working on for learning purposes. I realize after I get the effect I want working I'll need to set additional paramters (delays and appends). But I just want to
.css bug when supplying parameters...
Hi, This could be considered a tough bug, needing some sort of super expert help. I have multiple $(document).ready() blocks. One of them looks like this: $(document).ready(function () { var pos = $('.NavigationItemSelected').position(); var width = $('.NavigationItemSelected').width(); var lastpos = $('.NavigationItem').last().position(); $('#selected-nav').css({ 'left': (pos.left + "px"), 'display': 'block'
Can you help me stop this?
Hello, I want the hover effect to stop once I stop hovering over and out of it. Right now if you hover over it a bunch of times real fast it just keeps going. Is there a way to have it not do that? Here is my work in progress: TEST PAGE and here is the jQuery: $(function(){ $('#last-img').ready(function() { var hide = false; $('#show-hide').hide(); $('#header-container').hover(function() { $('#show-hide').slideToggle(400); $('#open-close-footer img').attr('src', 'images/close.png');
Mouseenter different in Safari?
A minor thing, but really ennoying. I am using .mouseenter() (http://api.jquery.com/mouseenter/) And the script does what it is supposed to do, it show a menu. The "trigger" which has the onmouseenter is alsoo a link. If i click that link in FF, a new page is loaded and the menu stays "hidden" (i keep the pointer still) If i do the same in Safari the menu Opens as soon as the page is loaded. Which it shouldnt since it should only show onmouseenter. At the demo here:http://api.jquery.com/mouseenter/
Showcase (beta) - A free gallery created by Tech BP
You can now download my very first coded gallery "Showcase" on its beta version. After having a series of studies/tutorials with jQuery, I finally came up with a gallery that adjusts automatically according to screen resolutions. I am so glad to share you this work of mine. As I have mentioned, this is my first... you might find bugs, errors and the likes, feel free to leave some comments and suggestions. Visit | Demo | Download
Jquery Menu problem in IE
OK here is the problem: First of all, this jquery menu works 100% fine in Opera, Chrome, Safari and Firefox. IE gives me an error however and I need to fix it because it is part of the project specs to be 100% error free in all of those browsers. It is a vertical flyout menu. The main menu tabs can be clicked to go to a page, and some of the main menu tabs have submenu tabs, so when u hover over, u can click, or hover over to the submenu and click one of those. The main menu tabs that do not have
Next Page