automatically check for use of deprecated functions
hello, every jquery release deprecates a few things here and there. is there a way to have your source automatically parsed for the use of deprecated jquery functions? thanks!
Mouse over is not working after calling an ajax function.
Hi All, Mouse over is not working after calling an ajax function. When page loads if I mouse over the div it is showing data. After calling the ajax function I am not able to get the details when I mouse over the div. Please give your suggestions Thanks in advance. Girija S
Accordion Issues
Hello Everyone: I just finished creating a simple little accordion for myself. For the most part it works great: Following is the applicable script: HTML div> <div id="A" class="bar"><h3>Left - Right Lists</h3></div> <div id="A1" class="content_hide"> <span class="containerLeft"> <ul> <li>Left List 1</li> <ul><li>Item 1</li><li>Item 2</li><li>Item 3<li></ul> <li>Left List 2</li> </ul> </span> </div> <div id="B"class="bar"><h3>Basic List</h3></div>
using a datepicker on the second row
I have a dynamically loaded form with a date field. while($recip_rows = mysql_fetch_array($qryRecip,MYSQL_NUM)){ <label><b>Actual Date</b></label><br /> <input type="text" name="date[]" id="date" size="8" value="<?php echo $recip_rows[3]; ?>" class="date" /> <script> $('.date').datepicker({dateFormat: 'd-m-yy'}); </script> } using this code the datepicker will show when the focus is on the second or third row of the output but the selected date won't take. It always updates
please can someone help
hi there, i wonder if someone can help. i am trying to build a accordion with 3 pages in every accordion. i spoke to a nice fella yesterday and he started me off but i cannot work out how to finish it off i wonder if someone can help, many thanks, Gary webpage that it is on is http://cumcloser.co.uk/ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type"
Reading data from tables/input fields loaded through AJAX
I have a bit of code that includes AJAX. I'm reading data from a database through a PHP script and I have to use several queries for the PHP not to time out. However, the problem is that they cause quite a big load, being sent at once. Not to mention disrupting the loading GIF... So I'd like to queue it. How should I approach it? My initial idea was to create a recursive function, solely for the purpose of making an AJAX request. I would store the data in an outside array, along with a counter. Upon
jquery load always returning error?
In my browser console it shows success, but in the 'textStatus' callback variable it shows 'error'. idea.load(link, 0, function(text, status, req) { _("responseText: " + text + "\n" + "textStatus: " + status + "\n" + "XMLHttpRequest: " + req); }); Where 'link' can be pretty much any link I can think of.
Abbreviated code please
I need code please abbreviate: Script 1: $(document).ready(function (){ //cache nav var nav = $(".pre,.pro"); //add indicator and hovers to submenu parents nav.find("li").each(function() { if ($(this).find("ul").length > 0) { $("").text("").appendTo($(this).children(":first")); //show subnav on hover $(this).mouseenter(function() { $(this).find("ul").stop(true, true).slideDown(); }); //hide submenus on exit $(this).mouseleave(function() { $(this).find("ul").stop(true, true).slideUp(); }); } }); })(jQuery);
on keypress function
i am creting add delete row. when press enter from keyboard in name input it will add row. i am using this script : //disable submit using enter $(document).keypress(function(evt) { //Deterime where our character code is coming from within the event var charCode = evt.charCode || evt.keyCode; if (evt.keyCode == 13) { //Enter key's keycode return false; } }); <input type="text" name="name" id="name"> the problem is whern i'm
dropdown lists click or not
I'm new to jquery and I 'm facing a prob since I have two dropdown lists and I want to accomplish the following: I want,according to user's choices, some fields of my form to be completed. I do that with this code: <script type="text/javascript"> $(document).ready(function() { $('#id_veh_id1').bind('click', function () { $('#id_veh_id2').bind('click', function () { var val1 =$("#id_veh_id1").val(); var val2 =$("#id_veh_id2").val(); $.get(""+val1+"/"+val2+"/", function(data) { vlength=data.veh_length;
Simple Image slider - no jump back
I have a very simple jquery slider that I made. Here is the code: var $distLeft = -764 var $speedSlide = 800 i=0 $('.sp_box_content .galleryimg8').attr('src',$('.gallerybox8 a').attr('id')); if($.trim($('.gallerybox8').html()) != "") {max_sp_boxes = 8} galleryautoscroll();setInterval(galleryautoscroll,3500); function galleryautoscroll(){ if(i==0){ i=0 $(".sp_box_list").animate({"margin-left":$distLeft*i},$speedSlide); i++ } else { if (i==max_sp_boxes){ i=0 $(".sp_box_list").animate({"margin-left":$distLeft*i},$speedSlide);
two Jquery codes not working when both on same page???
I am trying to setup what would be a tabbed order form witch would also contain a jquery image upload and preview function. However what is happeing is if I just have the jquery code for the tabbed content function the file works but when I add the jquery code for the image upload/preview function the tabbed content function stopps working. Also if I comment out the tabbed content function and just have the image upload and preview function the page works (minus the tabbed content function) I am
Selector scope problem I think
I am creating a little slideshow with jQuery and I had everything working fine. At first I had the slideshow visible on document ready, but really I want it to appear only when a user clicks on an image. As soon as I put my code in a .click() event, it stopped working. If I merely comment out the .click() event the code works fine and the slideshow is visible..After debugging, it appears that the only difference is that during execution the variable slideWidth is initially set to 0 instead of the
Debris in docs.jquery.com
I encountered the following page in the JQuery documentation (see below screen shot): http://docs.jquery.com/Progress_bar Should the above URL return a 404 HTTP code?
Validation in accordion possible ?
Hi, Here's a quick question. Just started using jQuery, and I created a accordion menu on my page. It's not so much a menu, but a toggle content block thingy. One of the content blocks contains a number of images the user has to choose from using a radiobutton. Is it possible to grab the id of the radiobutton selected when toggling to the next content block, that is without making use of a form / submit button ? Thanks Hans
need some help if possible
hi there, i wonder if someone can help. i am trying to build a accordion with 3 pages in every accordion. i spoke to a nice fella yesterday and he started me off but i cannot work out how to finish it off i wonder if someone can help, many thanks, Gary webpage that it is on is http://cumcloser.co.uk/ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type"
Calling external plugin from inside another..
Hey guys. I'm pretty new to this so be gentle :) I have a jQuery menu plugin, the menu buttons are represented by this strings: jQuery('#promo').pieMenu({icon : [ { path : "/wp-content/themes/Tersus/images/piemenu/winamp.png", alt : "Winamp", fn : function(){alert('Click:: Find');return false} }, { path : "/wp-content/themes/Tersus/images/piemenu/vlc.png",
Tooltip wors in jsfiddle but in real html file.
Hello, I have a web page that is to pop out tooltips when the mouse moves over a cell of the table. It works in jsfiddle but it doesn't work in real world case. The codes are exactly same. I attached the file at SkyDrive. Basically you have to move the mouse to the cell such as "act1" etc, you will find the difference. I have spent several days but I still can not figured it out why it failed for the test file in SkyDrive. Thank you very much.
Using .replaceWith throws uncaught exception error
Hello, I'm a bit of a jQuery n00b. Just trying to replace some content. I'm using console.log to print the variable I'm trying to use the replaceWith for and it's showing up fine. However when calling replaceWith I get this weird error. "uncaught exception: [Exception... "Could not convert JavaScript argument arg 0 [nsIDOMDocumentFragment.appendChild]" nsresult: "0x80570" ... The Page is: http://radianthealth.co.nz/qualifications/view/5?flush=1 The jQuery is here: http://pastie.org/1080984 See page
Adding captions to inline images
I have a series of images that are displayed inline and I would like to add captions underneath each of them using Jquery, if that can be done. Possibly the whole display should be in Jquery? Currently I am using the Cycle Plugin to rotate a series of images which is working just fine. Underneath I want to have thumbnails so the user can click on any of them and be taken to a page that will display a series of images. A demo can be viewed and here are the thumbnails: <div id="subjects-wrapper">
Sorting a GRID........
hey guys...... i have made a grid using divs only... i am trying to sort the grid..... what i want is to make diff buttons for diff headers so that clicking on a particular header will sort the grid acc to that header.... please can somebody help me...... i am stuck...plzzz help me.....
jquery CSS for TextArea in HTML?
Hi folks, I am passing a long string data with spaces through a textarea in html to a stored procedure which will update the records. The spacing in between the string(meaning columns) for one row is just only one tab (“\t”). The rows are separated by two spaces, one for carriage return(char13) and line feed char(10). Can you guys please help me with the appropriate CSS for text area which will consider these space requirements (tabs, carriage return and line feed char)? Is this possible using
JQuery conflict with external script
Hi, In the head of my page I have the following code: <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script> <script type="text/javascript" src="/templates/mobile/detect.js"></script> This is a screen width detect which calls an external .css sheet. This works fine. In the body I have a series of embedded interactive photos which are held at occipital.com. These work fine when I do not include line 1 & 2. Once those lines are included the images are no
Fading in & out div content with the first div visible by default
I can fade in & out different div content, but I'd like that when we open the website, the first div content is already visible. For now, I have to click on one of the link to show the content. I want the first div visible by default, then we can fade in & out with other div contents when we click on the links. In this case, the lorem ipsum div should be visible at start when we arrive on the webpage. Thanks <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <script
Can't make this work in Internet Explorer.
Can anyone help me with this? I have a simple animation that works in Chrome, Safari and Firefox but of course fails in IE. What is supposed to happen is when the mouse enters the "tttrigger" class the jquey code snippet finds the sibling of class "ftront" and reduces its height thus revealing the text in the sibling "tback". As mentioned this works perfectly in all but IE (both 8 and 9 ) Unexpected behaviour 1 - in IE if you hover over the blue square it's height is animated, however if you hover
ReferenceError SubmitForm not defined
I have 2 errors, 1. is the onload the page doesn't load the AJAX JSON response data. The data returns but doesn't get displayed so the error is JQuery somewhere. 2. When you click in the form fields you get the error "ReferenceError SubmitForm is not defined". This may be why the page doesn't load. So I'm guessing the problem is with the form inputs (red) or with the submitForm function. My page: janisrough.dyndns.biz/todo16.html <div id="todos"> <header> <h1>Taskos</h1>
issue with jQuery filtrable portfolio in IE8 & IE9
Hi, im having an issue with the portfolio filter in IE. The filter works once, but when I try to use it again it does not respond. Im using IE8 & IE9, i tested on chrome, safari and firefox and it works fine. The error message thrown by IE8 (which I’m pretty sure is the same error i'm getting with IE9). It refers to something called “console” in a chunk of javascript code (jquery to be more specific) that doesn’t seem to be defined in the actual jquery files, and while all other browsers seem to
how am I misusing the 'first' selector (if it's even what I want) ?
$("html, body, #Contents div:first").each( function() { alert(topAdjust); leftAdjust += parseInt($(this).css("marginLeft")) + parseInt($(this).css("paddingLeft")); topAdjust += parseInt($(this).css("marginTop")) + parseInt($(this).css("paddingTop")); }) If I remove the ":first" I get about 9 iterations, otherwise I get 2 (i.e. it isn't ran for the first 'div' enclosed in a tag with id 'Contents', which is what I want).
Update variable after ajax request
Hi. I have a variable which takes the height of a div. I want to update this variable after a specific ajax request is made. I tried adding the variable again after the ajax request but it isnt updating it. Could someone possibly give me an example of how I could do this? Thank you
Jquery-1.7.2 failing on line 1883 when there is a change event attached to document.body
I am using query date picker. In our application we are using query to attach a change event on document.body. This is causing problem when used in IE 8. Whenever a month is selected from the drop down in date picker query-1.7.2.js fails on line 1883. Is this is known issue which has a fix or is there a workaround that can be used. Thanks in advance
problem with table and hidden rows
Hi everybody. I've just noticed a problem using jQuery 1.7.2 with latest jQuery UI. Since the problem is quite difficult to describe, I created a jsFiddle which just shows it: http://jsfiddle.net/qKmw9/ In this setup, there is a table with nested subtables, the rows with the nested subtables are hidden, except the last one that has an inline display:block but has also the layout screwed hard. To show also the other hidden rows, click on the rightmost missing image on each main table row: in this
cache[ id ] is undefined in jQuery .data() code
Hello, I need some help and hope anyone can give us advise or help on the error that we're getting when we tried to upgrade to v1.5.2. In the .data() code we're getting the 'cache[ id ]' is undefined error. Below is where the error is thrown: line 1376 - 1407 of jQuery 1.5.2: ******************************************************************************************* if ( !cache[ id ] ) { cache[ id ] = {}; // TODO: This is a hack for 1.5 ONLY. Avoids exposing jQuery // metadata on plain
Re: FancyBox
Here is my HTML coding. (My css is internal.) <link rel= "stylesheet" type="text/css" href= "scripts/jquery.fancybox.css"/> <script type= "text/javascript" language= "javascript" src= "scripts/jquery.js"></script> <script type= "text/javascript" language= "javascript" src= "scripts/jquery.fancybox.js"></script> <script type= "text/javascript" language= "javascript" src= "scripts/jquery.fancybox.pack.js"></script> <script type= "text/javascript" language= "javascript"> $(document). ready (function()
Passing var between processing js and load different txt file in html by javascript
I am not familiar with jQuery, so please explain more details to me. 1. I have a .pde file will detect user mouse click, and there are few object in it, if the user click on the first one, I will get '1' as output and so on. And I have create a var in javascript to store the output, but how can I change the var value in processingjs? (Under have the demo code, it will be more clear.) 2. How can I load different txt into a div in html depends on a var? When I done part one, and depends on the user
Why there are two tooltips ocurring?
Hello, please look at jsfiddle. When the mouse hover a cell, there are two tooltips ocurring. One is small, the other one is expected with the style. The small one disappears in a couple seconds. Thanks.
FancyBox
I am trying to use FancyBox for a photo gallery on a friends website I am creating. I'm having trouble. Have spent hours with only little broken link image symbols to show for it. Here is what I have done. I have uploaded all the images I have so far (she is sending some through the mail) onto my website account with Web Hosting Hub. (Right now her site is in my own work space so I can create it for her.) http://pointheavenwardsiamese.com/GeishagollSiamese/home.php This is what I mean. Her
scrollTop animation possible, scrollLeft not?
$("html, body").animate( { scrollTop: ((savedepth > 1) ? ($(node).offset().top) : 0), scrollLeft: 200 }, {duration: 45+45*depth, queue: false }, 0); The above works for animating vertically, but not horizontally. Even if animation is not possible how do I left-adjust the page? I am trying to create an effect where the clicked node in a tree display is positioned at the top left of the viewport (where the depth effects how right-adjusted it is); right now I can only get it to the top.
How to get html untouched by jquery?
I am using jtemplate to add new TR portion to a table, since the TR part is in a loop, I cannot add a new element and then process template on it, otherwise it will intro a new DIV which I don't want. So I set template on a temp DIV and after process template, I read out the result and insert it into the table. Now the problem is when I get the processed result, jQuery add tbody to it, for example, the template is like {#foreach $T.dlist as row} <tr><td>....</td></tr> {!/for} after I process template,
Add delay before custom functoin
Ok i have my custom function $.fn.RefreshNoti = function(){} but i want to delay it before it runs... how do i do that? $.delay(10000).$.fn.RefreshNot();
problem with my logic and pageY
I want the div to open near where it was clicked it contains a form, and the page could be 1400px high or 600px high. The trouble is with the code I have is the first click opens the div at the top of the containing div (not where it should) if that is closed and re-clicked it opens where I want it placed. Here's my code: $(function() { updateMtg = function() { $(".updateMtgY").click(function(e){ var yPos = (e.pageY-320)+'px'; $("#updateFormHolder").css({top:yPos}) }) $("#updateFormHolder").show();
Next Page