Error on JQuery 1.4 can't handle mouse position anymore? in 1.3.2 everything works and no problem!
Hello all, Today i am migrating my apps to jquery 1.4 (production mode), but somehow my page that use mouseposition script is doesn't work. Then i am downgrade to 1.3.2 and everything works! It's weird, so please someone tell me what the problem in my script or in 1.4. This is demos :using 1.3.2 : http://yoodey.com/demos/jquery/demos/jquery/jquery-mouse-position-using-1-3-2 using 1.4 : http://yoodey.com/demos/jquery/jquery-mouse-position-using-1-4 Waiting for response. Thanks for 1.4 Jquery release!
making a hover menu
Hi, I am trying to make a fly-out vertical menu with jquery. here some of the code: http://jsbin.com/ogaxo/edit The fly-out menus are shown when hovering over parent menu item and hidden when leaving the item. The problem is I can never click on the sub-menu as it disappears as soon as I leave the parent menu item. Any ideas please on how to make it work. Thanks
Cross domain, ajax and ASP
Hello, I'm using a proxy script to get XML from an ASP server. While I can read directly the data into a browser, I have problems using jQuery. I must be tired, but if someone can pinpoint what I am not doing, or doing wrongly, I would greatly appreciate! Here is the code: var webMethod="http://www.innergex.com/proxyStockwatch.asp"; $('#content-area').append('<div id="test"></div>'); $.ajax({ url:webMethod, dataType:'xml', success:function(xml){ alert('succès')}, erreur:function(xml){ alert('erreur
Competing jQuery scripts
Hey i am using a jquery script to run a megaMenu like the one from ActionEnvelope.Com and it works great - However, when I combine it with a jQuery accordian script, then both sections fail. I am thinking that the scripts are competing in some way, but for the life of me I cant find where. Can someone take a look and help me figure out the problem? http://lukes.netpointhosting.com/Training/menu.aspx Thanks for your time and help. LD
Odd fadeOut behavior using delay, each
I got .each to work with the fine new .delay function, and it fades things in as I expect. The following fades thirteen paragraphs in, going down the page. But when I add fadeOut to the queue, all the paragraphs jump up to the top and fade out, instead of staying in place. Any ideas? jQuery(function(){ jQuery('p').hide(); jQuery('p').each(function(i){ jQuery(this).delay(i*1000).fadeIn('slow'); } ); }); That works, but if I change the delay line to jQuery(this).delay(i*1000).fadeIn('slow').fadeOut('slow');
ajax() call: success in IE, error in Firefox
Hi, Can anyone tell me why the following code results in an error in Firefox and success in Internet Explorer? jQuery.ajax({ type:"GET", url:"http://nl.ae/iptocapi.php", datatype:"text/html", data:{type:'1', ip:'208.48.2.130'}, success:function( data ) { jQuery("div#data_display").html("success = "+data); }, error:function( data, error ) { jQuery("div#data_display").html("error = "+error);
using 'focusout' to fade a popup
I have a (visibility:hidden) div with a drop down menu and a jQuery datepicker on it. This div is a popup that is displayed when the user clicks on an input field. When the user clicks anywhere else on the page, the popup needs to dissappear. The code to hide the popup is like so: jQuery('.datepicker-popup').live("focusout", function() { var id = jQuery(this).attr('id'); id = id.substring(17); // datepicker-popup-# jQuery('#datepicker-popup-'+id).fadeTo(500, 0.0, function() {
replace or hide a part of a picture with jQuery
Hi everyone, I would like to know if it is possible to hide a specific aera of a picture with jQuery and cover this zone by another color and text? thanks a lot*;
jQuery modal "Confirmation" popup
Hi All, I wonder if anyone could help me in implementing a kind of "confirmation popup". Here is what I'm trying to achieve: Let's say my website consists of 2 columns. One of them contains a form (fields can be added dynamically) and the other one contains some buttons. Each of the buttons has a handler associated to it. However, some of the buttons, when clicked, cause reloading of the data in the form. So, if I don't save changes in the form and click on one of mentioned buttons, I lose my changes.
why am I getting a page load delay?
I'm using this code to successively reveal list items, but for some reason there is a huge delay before the code starts. Also, the "page load" doesn't takes forever to finish even after the script has run. At the bottom of the browser it will still say "Read coyotedynamicswelding.com" and just sit there for a long time. Here's the page. Also, I thought you could see the script with View Source, but I can't seem to see it in the article. Any ideas for the start and end delay? Yes, it's Joomla and
How can I resolve IE6 issues with jquery.
Hi All, I have developed customized script for filtering and sorting of result with in the table using jquery. Everything is working fine in all browsers but when I check with IE6 and 7 then it becomes very slow it is fine with IE8. I am using jquery inbuilt functions like html, append, ajax get. Can any body provides me the checklist for the jquery for IE6 development and what points should be there before writing the jquery script. Best Regards, Siddhartha
jQuery 1.4 multiple bind syntax with live?
Morning peoples. I am in the process of porting an application i have been building for a couple of years to jQuery from jquery/prototypejs&scriptaculous. Reading the new documentation i see that bind can take multiple observers (for example) $("div.test").bind({ click: function(){ $(this).addClass("active"); }, mouseenter: function(){ $(this).addClass("inside"); }, mouseleave: function(){ $(this).removeClass("inside"); } }); Is this also true with "live" ( i am adding alot of dynamic elements to
js to jquery
I am new on this forum so hello to all :p Can any one can explain me or show me how can i do this two examples in jquery : http://server1.centerkom.pl/~marceli/jq/ http://server1.centerkom.pl/~marceli/jq/index2.html I would be very grateful for your reply.
Jquery.noConflict + mootools - load() does not work with specified div
I am working inside Joomla so I need to keep mootools up, I am not sure where the conflict or error is coming from, since it doesn't seem to be calling mootools at all when I do the onClick, but it fails jQuery("#with").click(function(){jQuery("#descriptionContainer").load("/import.html #hello");}); jQuery("#without").click(function(){jQuery("#descriptionContainer").load("import.html");}); The code on line 1 will clear out the div, line 2 works, but imports the whole file - i just want the div #hello
.each not working.
Hi, I had posted to try and get some help with the .get yesterday and I got the info I needed and it seems to work now but my .each loop will only display the first item, so in effect its not looping over my JSON object. This is the code var startURL = "http://" + top.location.host; //We tell jquery to load when the doc is ready var JsonPath = startURL + "<%=UrlPath%>"; $.get(JsonPath, function(data){ //then we take out any double quotes newString = data.replace(/\"/g,'\'');
Revert form's original values when changing tabs using jQuery?
I use jQueryUI's tabs and when a user changes a form in the tab, it promprts the user that a change has been made. My question is, how do I revert the values before being changed when the user presses 'OK' on my confirm() prompt?
Jquery Show: How do I make the animation happen only vertically instead of vertically AND horizontally?
I'm using the following piece of code to create a link that, when clicked, uses jquery animation to slowly display a paragraph of text. The trouble is that the animation goes both vertically and horizontally, making it look a little too busy/cluttery. How can I tweak my code to make it only animate vertically? <a href=# onclick='if ($("p#test").is(":hidden")) { $("p#test").show("slow") } else { $("p#test").hide("slow") }; return false;'>
Full screen background fade in
I'm looking to do a background like this site: http://www.nordkapp.fi/ Fade in background and also scales to browser window size. Any plugins? I see this is done with mootools, would like a jquery answer. Thanks.
jquery scripts inside a page called via an ajax [problem]
Hello All I wrote a simble jquery code in three pages . it's work fine in IE but in firefox page B can't load page c please help me A , B and C code in A <HTML xmlns="http://www.w3.org/1999/xhtml"><HEAD><TITLE>test</TITLE> <META content="text/html; charset=utf-8" http-equiv=content-type> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("#timetable2").click(function(){
JQuery Trigger Event
Hi, In JQuery I tried to trigger click event like below, based on their ID. $('#parent0').trigger("click"); $('#parent1').trigger("click"); This code seems to be work in Firefox. But when I tried the same in IE8, it does not work. Could any one update me, how to fix this. Thanks in Advance,
How to avoid jQuery and Prototype Collision...?
Hi Guys, I am using jQuery and as well as Prototype... I m facing conflicting issue while access in the same page. Without using jQuery.noConflict() method... I want to overcome the issue to implement the prototype autosuggest logic....? how can i achieve this thanks FlexSachin
Is it possible to pass an array as param?
For example: arrayInfo[0] = 'Name'; arrayInfo[1] = '22'; arrayInfo[2] = 'Stutend'; var params = { id:10, mod:20, kind:30, infoArray:$.param(arrayInfo) //<- i would like to pass this array } $.ajax({ type: "POST", url: "getPostInfo.php", data: params, success:
Jquery and firebug
Hello to everybody! It's the first time that i write in this forum, but i have discover a thing working with jquery and now i have a problem... I create a simple web page to test the problem that i found in local, and give the same problem! In this page i put on a little form, with an input text and a hidden field. Then, the action call a AJAX function create with jQuery that serialize the form and send the data to another page that read the data and print it. In my idea, the page should send always
Condition not working
Hello I am trying to make a condition that triggers alert when there is img with trans.gif in #left div and #right div has no img with trans.gif. But it is not working. What am I doing wrong? $(document).ready(function() { if ($("#left img[src^=trans.gif]").size() > 0 && $("#right img").attr("src") != "trans.gif") { alert ("helloworld");
Having a fade in problem - can anyone give advice please?
Hi all, I have created the following page http://kylehouston.com/new/index_new.html I have used JQuery to add animated load icon followed by my images fading in, the load works fine and the images appear but the problem is the fade in wont work. I have tried a few methods to try and get them to fade including adding spans round my images but the only thing that seems to work for me is setting all divs to fade in which I dont want to happen. Anyone got any advice? Thanks in advance! Kyle
IE 6 Pops a Warning
I'm using this script to sequentially highlight some list items. Works fine, even in the three Browserii Horibillii - IE 6,7, and 8. But in 6 it pops a warning: "Press OK to continue loading the content of this page" I'm not sure I even want to worry about IE6 but various sources still give it a 20% share, at least. Although estimates vary Widely. Are these warnings common with IE6, so the poor benighted souls who still use it won't be more bothered than usual? If they are I'm not going to bother
A more effecient list of clickable divs.
Hi guys. I use this code snippet when I want to make make a div a selectable hyperlink. $('myDiv').click(function(){ window.location = $('this').attr("mylink.html") ; }); It is simple and it works. But repeating it seems wasteful. Lets say I have a navigation menu that consists of an ordered list containing a group of list elements. This is a very common design pattern for navigation. Lets say that I want each list item to contain a div, and I want each div to be clickable. Yes, I know
passing data around with jquery?
I have a question regarding variables. Im new to jquery and ive found myself passing data from one input to another hidden input on a form. Is their a way to store variables and then use them later on rather than passing them in this manner? Seems a waste to me.. Ian
[jQuery] [apycom Menu] Submenu items showing as top level items in IE
Hi, I'm using the paid version of Apycom's jQuery menu; you can find it at http://apycom.com/ and it is looking really good. I have uploaded files, and published it on a test site - www.flexin.be Unfortunately, some of the submenus starting from the second that has children elements , it adds the item on the top level in Internet Explorer. Does anyone on this list has any experience with this library? Is it a known issue? Any idea on how I can fix it? thanks so much in advance for any feedback! Kind
hiding div's based on dynamic tabs
Hi, I am wondering what the best solution would be to achieve the following: Normal situation (simplified): <ul> <li>Tab1</li> <li>Tab2</li> <li>Tab3</li> <li>Tab4</li> </ul> <div id="tab1">...</div> <div id="tab2">...</div> <div id="tab3">...</div> <div id="tab4">...</div> When a tab is selected the corresponding div slides in to view. This all works nicely. Now in the CMS I'm using (TYPO3), I configured the tabs to be only displayed if content is actually related to it. For
Would like to hire a jQuery programmer
Hy I am looking for a jQuery programmer. contact: info [ratat] ignaz.ch Stefan Vogt
opensource jquery problem
i have a site (forumz.forumzbb.com/blog) that i am making and i downloaded an opensource jquery slider, which you can see at the bottom of the screen. I cant seem to get it to work. Could u guys please help me out. You can view the html/jquery source just from forumz.forumzbb.com/blog/index.html and the css is located at forumz.forumzbb.com/blog/main.css. Please tell me what to change to make it work, but really all i want to do is make it so when u drag the slider handle the images move.
How to assign on-click events when cloning an element
Hi everybody, I need the following functionality to be achieved: 1) gallery elements include an image and a few clickable icons. One of the icons should clone the element itself 2) Each new cloned element should have the same set of clickable icons, i.e. could be cloned as well by clicking its "clone" icon. The attached code assigns these events on page loading. as you can see, the last event makes a clone of that element. The PROBLEM: I cannot figure out how to assign new events for the cloned
How can I convert numerals to a Indian locale?
This is not technically related to jQuery but web development in general Anybody know how to convert western numbers to other languages? Hindi and Arabic use the same numbering system but they draw the characters for each numeral differently than we do in US and Western Europe. for instance, १ is a 1 in Devnagari (Hindi) EDIT: figured out my own question This does it where 2406 is the base decimal # for devanagari eval('"\\u0' + (2406 + num).toString(16) +'"')
Do a check before close a dialog ....
Hi guys, I'm not an "UI guys" than be tolerant :) In an ASP.NET MVC application. I have to buttons "Save" and 'Cancel". In the "Save", I have POST $.Ajax .... I'd like if I have an exception (CanClose set to false) but avoid the close of the dialog (I display an error message). I do correction on data, "Save" again, check and Save .... if ok close dialog. Look at the code : http://pastebin.com/f6ed0d14a Thanks for your help,
$(iframe).show() causes IE6 security prompt.
For IE6, If the "display" value of the IFRAME was set to "none", the $(iframe).show will cause IE6 security prompt poping out. The solution is using $(iframe).css("display","block") instead of $(iframe).show
IE8 permission denied for jquery.min.js
Hi, I'm submitting a form through ajax, using the Validation plugin. When I submit my form in IE8, I get this error: Webpage error details User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.0; Trident/4.0; SLCC1; .NET CLR 2.0.50727; FDM; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Tablet PC 2.0) Timestamp: Mon, 18 Jan 2010 04:38:41 UTC Message: Permission denied Line: 19 Char: 27021 Code: 0 URI: http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js It works fine in Chrome and FF. Has
Using jQuery to handle Flash (ActionScript) events
I'm using the shockwave flash media player. I want jquery to handle the functions of the play button, if the user clicks on it, an alert box will pop-up instead of playing the certain media file. Hope you can help me guys. Thanks
jscroll problems
I'm completely new at Jquery and I am trying to make a custom scrollbar for my website (http://www.paranoidonion.com)... and let's just say it's a big mess. I've tried looking at basic jquery tutorials but for the life of me I can't figure out jquery!! I'm not even sure where to start getting it to work, but so far it's created a whole new box and I kind of understand why but I'm so lost.. I'd really rather use as little embeded html as possible and as much CSS as I can, so even a point in the
Jquery breaking in all IE browsers.
Here is my code; this works fine with no errors in firefox. all the jquery include files are taken from jquery.com All IE browsers doesn't validate the jquery and rather gives a javascript errror. [code] <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <title>Simple Form Validation</title> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery.validate.js"></script> <script type="text/javascript">
Next Page