anyone know why I can run this in firefox and not in IE ?
this works perfect in firefox but It seems to get caught in loop while collecting items in IE here is the function: $.fn.reverse = function () { return this.pushStack(this.get().reverse(), arguments); }; // create two new functions: prevALL and nextALL. $.each(['prev', 'next'], function (unusedIndex, name) { $.fn[name + 'ALL'] = function (matchExpr) { // get all the elements in the body, including the body. var $all = $('body').find('*').andSelf(); // slice the $all object according to which way
stopping a loop animation
Hi, I'm having trouble figuring out how to apply stop() to a function which cycles an animation. The animation changes the background by fading in, pausing, and fading out a background div. For smooth effect the animation needs to stop on completion of the fade out. To get the animation to cycle, I've used straight javascript. function breatheIn() { $('#bg1').animate({opacity:"0.9"}, 6400); } function breatheOut() { $('#bg1').animate({opacity:"0.0"}, 6400); } function breathe() { { breatheIn();
jQuery include?
Hey, i have a little problem.. i include <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/jquery-ui.min.js"></script> <script src="js/test.js"></script> and it works but if i try to use jquery in the test.js file it didnt work, some idea what i can do or why it is? not even $(document).ready(function(){ alert('bla'); }); (in js/test.js) works.. so im sure thats something wrong with how i included
Jquery slide
Hi, I have data coming from a DB and, for each row called, I have a sub nav that is hidden. Clicking on a link will toggle the menu down. I am using; $(this).parent().find("ul.subnav").slideToggle('medium'); Which in essence works, i.e. when I click the selected row it drops down and when I click again it closes. Trouble is if I leave it open and click the next row, I get two open and so on. I want all to close other then the one I have clicked to open! Any help would be apprecied.
multiple jquery script conflict?
hi guys new to jquery so need some help - i have multiple jquery scripts on my site but there seems to be a conflict and I cant figure out how to solve it. I've had a read on http://docs.jquery.com/Using_jQuery_with_Other_Libraries#Referencing_Magic_-_Shortcuts_for_jQuery and http://stackoverflow.com/questions/528241/how-do-i-run-different-versions-of-jquery-on-the-same-page but not having any luck... could someone tell me where im going wrong? here is my code; [code] <head> <link href="/css/styles.css"
scrolling page based on focus of elements?
I am creating a plugin that gives keyboard navigation to tabular table across multiple tables. When I have rows that run off screen I would like to scroll the window down.. and the reverse is true, when navigating up. Logically I need to get the position of the element that has focus and specify how much to scroll the window. Any help in this direction would be great!! Thanks!
What are the comparator operators === and !==
I have never come across any javascript book that mentions the comparison operators === and !==. Are these defined in jquery itself ? If not, what's the deal? Thanks. jtt
expandable menu jquery not working on IE works fine in other
need help to modify this code to make it work in IE . other browsers works fine. <script src="js/jquery-1.5.1.min.js" type="text/javascript" charset="utf-8"></script> <script type="text/javascript"> $(document).ready(function() { $("#view_products").click(function () { $("#nav_products").slideToggle("fast"); $(this).toggleClass("active"); }); }); </script> I even dowloaded the latest library but still no luck. thanks
HELP with ajax method - callback function not executed
hello all! i am trying to retrieve json data from the world bank's API, here's my code: <html> <head> <script src="http://code.jquery.com/jquery-latest.js"></script> <script type="text/javascript"> var theData; $(document).ready(function(){ $("button").click(function(){ $.ajax({ url: 'http://api.worldbank.org/sources?format=json', success: function(data) { /*this alert message does not show*/ alert(data); }, dataType:
jQuery and Lynda.com
I am working on a website and I would really like to figure out how to do it like Lynda.com. If you ever check that out, it's an outstanding way to do the navigation on authors and classes. I know is jQuery and I looked at the source code. I am a beginner at jQuery and need some help. I am doing on courses on Lynda.com for jQuery which makes sense, but i see in the code, they are using ajax. Is there a plug in already designed for this that works with mySQL? Some advise would be helpful.
How do I correctly loop through an array of DOM objects and assign events to them?
Hey guys, I have kind of a complicated setup, and I was hoping to bounce this off some one's head who's more experienced with JavaScript. Assuming I have the following HTML markup: <div id="one-root"> ONE <div id="one"> <ul> <li>Testing</li> </ul> </div> </div> <div id="two-root"> TWO <div id="two"> <ul> <li>Testing</li> </ul> </div> </div> <div id="three-root"> THREE <div id="three"> <ul> <li>Testing</li> </ul> </div> </div>I'm trying to
Slide animation
Hello jQuery developers! I have this case, in which I try to do some div act like a slider, animate from left to right, and animate(out) to right: A) THERE ARE 3 DIVS: a container, and its content (box-1, box-2) #container {width:720px; height:540px; background:gray; margin:0 auto; position:relative; overflow:hidden} #box-1 {width:720px; height:540px; background:red; position:absolute; left:0} #box-2 {width:720px; height:540px; background:orange; position:absolute; left:0} B) THERE ARE 2 ANCHORS:
More color animations at the same time on the same element
I've downloaded the folowing plugin: http://plugins.jquery.com/project/color And it worked ! But now I want to now if I cand do more color animations on one element. I have an example, when an <li> is hovered, it chages its background color, and at the same time, I want it to change the color (text color): <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> <head>
Image inside a drop down menu list blinks on IE
Hello Guys, first time here, I hope someone can help me. check this page for example. www.universidadedoingles.com.br/dev when you hover the menu HOME, there is a drop down menu and an arrow, on Chrome, FF and Safari it works like a charm, but in IE when you are hovering the link in the drop down, the arrow blinks. This is the code I am using for the drop down and the arrow. $(document).ready(function() { $("ul.mainmenu li.home").mouseover(function(){ //When mouse over ... //Following event
keyup problem
Hello, I'm trying to understand the working of an autosuggest function. al few weeks ago i found an example somwhere on the www. Trying to understand i have rewrite the function. but now i found a problem and i can't figerout wher it come from. http://www.magiclights.nl/test/ You can try it online. when you type a sugestion in the input area, you get a few sugestions. Then you can select them whit your keybord or mouse. Whit mouse is no problem. but when you select whit enter the sected item is send
Button widget won't return to ready state in IE8 but does in FF
I am chaining a .click function to the .button jquery UI widget. I get the action I want just fine but the in IE8 the button does not return to the ready state after I click. It works fine in FF. $('#myButton').button () .click(function () { $('#total').text('here it is'); }) ; <div id="myButton">locate text</div> <div id="total">where is it?</div> Any help would be much appreciated!
Help with .ajax
Hello, I sometimes get a 304 Not Modified error and sometimes a 200 ok, using .ajax. Now I can't tell if its my code, or something else. Browsing the internet for an hour has come up with no answers on how to fix this, just how to make an exception for it. I've whittled this down to about as simple as it can get, even using the jQuery API example code. Html/Javascript <form> <textarea id="mytextarea" rows="3" cols="10">STUFF</textarea> <input type="submit" id="abc" /> </form> <script> $('#abc').submit(function(){
IE9 does not properly support the complete property of an image
Don't really think this is related to jQuery but I thought I would post it here in case someone else was having a problem. I have a plug-in I made that uses an image preloader involving the jquery .load() function. Once all images are preloaded, a function is fired to initiate the plugin. If the image is already loaded in the cache, the script checks the .complete property of the image to see if it is true, then manually fires the callback function for the load script. Here is the code:
jquery IE9 conflict
I have some problems using two jquery wordpress plugins: easy-slider and jquery scrollable tool. The problem is that whenever I load the jquery tool script every other jquery stops working. But this happens only in IE9, not in Firefox, not in IE8 and not in IE7. Any suggestions?
Empty input text value
Good day! I'm here... anyone can help me about getting the value of input text? here's my code and its not working.. if ( $(":input").value = "Test"){ $("body").css("background","yellow"); } else { $("body").css("background","white"); }thank you in advance and God bless you all!
Cropping images
Hi, I've been researching about face detection and I've found a few ajax solutions for it, but now the issue is for cropping the head. It's much preferred to crop in an oval and then maybe add some dotted lines so that the user can adjust the oval to fit the entire head with the hair. Is this possible with jquery or any ajax library? or is it only flash that can do this? Thanks for your time
jQuery working in Firefox but no other browsers.
Works in firefox, but doesn't display in opera, chrome, etc. html:http://fixee.org/paste/qnjnd5a/
$('#myID') vs $(myID)
Hi, Just started using jQuery and found people using two different styles of syntax. can anyone shed some light on the correct way? Option 1 <script src="jquery-1.4.4.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function () { $(myID).hide(); }); </script> Option 2 <script src="jquery-1.4.4.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function () {
Ceebox page FORM submission
Hi, I am using jQuery ceebox. the page opening in ceebox popup contains a form which submits to a new url. Now the new page opens in the same ceebox popup window. I need to close the popup window and reload the new url in parent window. Really appreciate any help to fix this.
Jquery & Jsp: Form containing TextFields and File Upload
Hello everyone....!! Hope there's a quick way arround here. I found there's an example how to post from a FORM that only textfields but no File Upload is work nicely. Is there any work around to use JQuery with JSP to handle File Upload tutorial? I am reading the whole page until this link but found a minimum understanding for this matter. ~ sorry, I'm just a starter.
adding DOM elements and accessing a selector..
I return json string and loop through the results putting items in Div's and want can't seem to access the class attribute / selector. $.getJSON(strUrl, function (data) { var items = []; $.each(data.Division, function (i, div) {/*--- Keep DOM manipulation to minimum. ---*/ if (div.divCode != "") items .push( "<div id='divOuter" + div.divCode + "' class='BoxOuterDiv' >"
Help needed!!
Hi... i am new to jQuery. is there any ways to capture certain text on the html page and use it as a variable by right click on it?
Looking for special effect plugin
Hi guys ! I have used jQuery for a little while now and knowing only basics of JavaScript, I appreciate how simple it is to use. But now I am working on a new project where I need to build a micro-site to promote new LED products where I work. You can see the flyer in attachment. What we taught of, is having something similar. Like each one of the translucent white box would contain one of our product. We would like to have boxes to move slightly as mouse move like if it was moving under a light
enable/disable button on scroll
Hi room, I saw the demo at flowplayer regarding scrollable images. http://flowplayer.org/tools/demos/scrollable/index.html In this demo, the number of items is known and the buttons are either visible or hidden. For my purposes, the number of items is unknown. I need to disable a navigation button at the beginning and end of a scroll. The scroll items are returned from a json file, so I have no idea how many will be returned -- but I want to show a prev button disabled at the beginning and a disabled
Simple Toggle with Hiding Others
I have some toggling set up, but I'd like to make it so when you toggle one, it resets all the others. This is what I've been trying: $(".note").click(function () { $(".note_active").removeClass(".note_active"); $(this).toggleClass("note_active"); }); That doesn't work. However, when I change removeClass() to hide(), it hides the correct things (i.e things that are "active") Thank you for your help!
Wanted to know where this jQuery is from/available
Hi there, I'm still new to jQuery, but so far I am loving it. I've noticed on a few websites, a number of little jQuery functions which look really nice, and I wanted to use them on some sites. (or pay for them, if they do cost). There are two or three particular ones that I have seen so far that I like, and can be found on this website: http://www.officeworks.com.au/retail/content/Home 1) The sliding image that changes right to left. (with the 3 little tabs). 2) The "Best Sellers" box. 3)
why is this not working?
I have a page with 4 anchors and I would like start a different animation at each anchor so I am trying to see what anchor is currently beign viewed and then start the animation but I'm not having any results. I'm using this plugin jquery.url.js to get anchor from the URL and I'm using jquery 1.3.1 (if that makes any difference). So far not even the alerts I want is showing. What am I doing wrong? $(document).ready(function(){ var anchor = jQuery.url.attr('anchor'); if(anchor == 'first')
Trying to figure out onmouseover function
Hi, I'm trying to create a function to show a custom message as a tooltip when a user hovers over a table row. My tr tag looks like this <tr onmouseover="showToolTip('message');">The javascript function looks like this: function showToolTip(message) { if (jQuery) { // jQuery is loaded alert('loaded'); $(this).tooltip(message); } else { // jQuery is not loaded alert(message); } }jQuery seems to be loaded correctly,
[General jQuery] Script targeting only following ID
Hi! I have following little script that applies to my entire html page: $("td[id*='MSOZoneCell_WebPartWPQ']>table>tbody>tr>td").each ( function() { } }); I want to target only elements contained in a certain <div id="myID"></div>. Is that possible? And how can I do it? Thanks in advance for your help. Best Regards, bPlaTyPuS
Safari giving strange results with .animate left
Hi, I am trying to set up a simple horizontal sliding four page site where clicking on an arrow, simply slides a wrapper div containing four smaller divs from div one to div two etc. The smaller divs have a large right margin to put a distance in between the divs for graphic fluff! Trouble is, this works perfectly in Firefox but in Safari, the distance the wrapper animates doesn't corrispond to the distance stated in the script. I have asked it to move 2000px to the left to reveal the second smaller
ajax/forms
hello, i have ajax querries to my server. they have urls to request and fields. both can change will makes me change javascript files. reading different tutorials i found that it is good to make javascript minimally changeable my question is: is it good to create hidden forms in html document which will actually describe call interface and make calls according to those forms?
Brand new to jQuery, need help with code
Hey everyone! I'm brand new to jQuery, I've been trying to learn the basics for a few days now. I wrote my first code to make a box show, hide and toggle (could someone please explain to me what the difference is between toggle and hide?) I've got basic jQuery down, so I decided to add some CSS in there. I'm confused lol :) <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <script type="text/javascript" src="jquery.js"> $(document).ready() {
I got issue that jquery object is null and i am unable to call function ..Plz check the below code and Can anybody help to to solve the Problem
<html> <head> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/jquery.min.js"></script> <!--<script type="text/javascript" src="js/sPlusRatings.js"></script> --> <link href="sPlusMenu.css" rel="stylesheet" type="text/css" /> <script type="text/javascript"> $(document).ready(function() { $(".CheckBoxGraphClass").change(function(){ if($(this).is(":checked")){ $(this).next("label").addClass("LabelSelected");
Creating an XML packet
Hi everyone, newbie here I have the following code snippett in a function. Its purpose is to create an xml packet to send back to the server. The commented out section does not work. How do I create the packet so that I can put 'joErrList.xml' into my server call? Thank you for you comments. var joErrNode; var joErrList = oData.createElement("jErrorList"); var myRows = $("#oErrorsList tbody tr"); myRows.each(function(tr) {alert(this.id); alert(this.fkProjectID); alert($('td input[type=checkbox]',
Need Help with hide() function
Within a page I have a nested div surrounding two select boxes, and a select box above it: <select......> </select> <div id="span_14u_roster"> .....two select boxes and other tags </div>I want to hide everything in the div until the user makes a selection in the select box above it. I wrote this jquery code: $(document).ready(function(){ // first, blank the two roster selection boxes until // the user selects a team. $('#span_14u_roster').hide(); });However, when I load the page, the
Next Page