Nested queue() proccess
Hi there! So here it's my question. I have some HTLM elements wich I want to animate, but instead of using .animate() method I am using other ones, as .hide()/.show() or .css() So the problem cames that I have to nest this actions in order to re-calculate container's bounds, as for example, the height property. I have something like this: obj.hide('slow').queue(function(){ objInner_1.hide('slow').queue(function(){ objInner_2.show('slow'); $(this).dequeue(); //[1] });
Making accessible the original URL used in a $.load() call.
Simply, either: make the original URL of a Div's .load() call available for future use. Perhaps as something like ("#myselector").url and/or create a .reload() method or similar to facilitate the primary objective of #1. Thanks in advance for consideration, - Pete
SCRIPT5007: Unable to get value of the property 'length': object is null or undefined.
Hi Guys, I am getting the following error with jQuery 1.8.2 and IE9 (not in compatability) mode: SCRIPT5007: Unable to get value of the property 'length': object is null or undefined. This is before any of my code is called. Is there a flag I need to set or is this a defect in the library. Cheers in advance, K
Hide selected id with jQuery
Hello everyone, I am stuck at part where I click a button, next which id=getOffer it hides, the button id=gotOffer shows up. In this code I have 50 buttons as you can see. If I delete these "+i" 's code works just for first button. Can anyone help me please? Thanks <script type="text/javascript"> if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp=new XMLHttpRequest(); } else {// code for IE6, IE5 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); } xmlhttp.open("GET","xml/20121106.xml",false);
If and else if
Hi everyone! I just started with jquery and now got stuck with if and else if. What I want to do is: on click check If defined class1 exists, insert a <p></p> else if defined class2 exists, insert a different <p></p>. And this should check if one of 4 classes exists. Was this understandable? This is my current javascript: $(document).ready(function(){ $(".a1").click(function() { if ( $(".b1") ) { $('.b1').append('<p>B1 is there</p>')}; else if ($(".b2") ) {
fadeIn and slideDown together, not working (jsfiddle) ~updated with link~ .
Hi i've tryed to animated a div to appear with both slidedown and fedein animations. Alot of people seems to be using the same code as ive posted on jsfiddle, but i can't get them to work together. When i try it, it looks like only fade in gets animated. What am i doing wrong? http://jsfiddle.net/DDSWd/2/
How to delete empty array values with .grep?
I'm trying to check an array for empty values, and delete them from the array so that I only keep the important array values. Can someone tell me why this would not work? $(document).ready(function(){ var siteurl = window.location.protocol + "//" + window.location.host $("a").click(function stripLink(){ var permalink = $(this).attr("href").replace( siteurl, "" ); permalink_array = permalink.split(/[&\/\\#,+()$~%.'":*?<>{}]/g); //Function that is supposed to
Rerender an input field in a VisualForce page
Hi, How is it possible to rerender an input field in a VisualForce page using the onchange trigger of a select list. We defined the function disable to enable or disable input fields acording to some conditions (see function below). This function is called in j$(document).ready(function() and it's functioning well when the page loads. We call this function also in the trigger onchange mentioned, but we need that the input fields get rerendered. What statements must we add in function disable()
Validate columns then row
Hi Masters, Would like some help here. How do check by column then row? Now the jquery just check 1st column, if I select value at drop down and type at text box at column 2 or 3 still the alert box pop out. And how to check if user type at text but no value selected at drop down will alert user? http://jsfiddle.net/3YSyG/ Thanks, Joseph
adding and replacing hidden content in a section
Hi all, Not new to the forum, but my first question. I'm working on a page where I use jQuery Isotope and jQuery Expander. http://rentagreekhouse.com/prototype-2/for-rent/ On the 'Filter by' links I've attached a home made (Yes, I'm a jQuery newbie) function to the 'selected' item to move and replace content in a section with id 'locations'. The hidden content with the class 'location-info' follows the 'selected' item directly in the source order. What I did does do the job, but the kQuery expander
Stopping the screens overlapping when the browser is minimised
Hi I picked up a nice script which allows me to scroll the page horizontally instead of loading them one at a time... the problem is when you minimise the page the previous one loads in. You can see this by clicking item 2 and minimising this. http://www.directionfirst.com/p3/temp/horizontal.html Is there a way to stop this from happening? I have tried some CSS tricks without any success. Many thanks Eddie
Rollover effect quit working
I had a simple rollover effect for menu items in wordpress that was working fine and recently quit, any ideas? <script type="text/javascript"> $(document).ready(function() { $("img.rollover").hover( function() { this.src = this.src.replace("_off", "_on"); }, function() { this.src = this.src.replace("_on", "_off"); }); }); </script> <a href="about/"> <img src="<?php bloginfo('template_url'); ?>/fw_images/about_off.png" class="rollover" /></a> Steve
Ajax via JSON or Delimeted String
I have a project I am working on that is currently receiving data via ajax in the form of plain text that is separated by \n, |, and :. Once I receive the data, I have to split it accordingly with javascript and then update dom elements using the .html() method. My question is, what I gain performance if I returned json data instead of a delimited string? My web application performance great in modern browsers, but in IE8 and below, it gets very slow with large DOM updates. What is the best
.change() function not working in Chrome. Is this another bug - or what?
In my Autocomplete for city and address input, I want completed input for each input box to update a Google Map. This is executed via a .change() for city and again a .change() for the streetAddress input boxes. This works in FF15, FF16, and IE8. The Autocompleted city input does not update the map in Chrome22, but the plain input for streetAddress does fire the map update in Chrome. When I follow the code execution in Chrome Developer Tools, it goes through the expected lines of code, goes into
I need a carousel something like this image.Please help me about this.
I need a carousel something like this image.Please help me about this.I am searching all day long for such carousel.But failed to make or get.
Dynamically add new values in table
Dear All I am searching for a jquery that will add new rows and allow us to add value to it obviously the row will have and id (equal to new id in table) and when blur should check duplication.
Does this code fragment can be in another?
Hello friends. I need this code: $('ul.modelos > li').one("click", function() { $(this).not(':first-child').append('<span class="visto_mod"></span>') }); May be included in another: $('ul.modelos > li').click(function () { ... ; here (only one click) ; ... ; return false; }); Can it be?
I'm in trouble. I need help please
Hello. I'm starting in jquery. I need help to correct "hide effect" to image list. When I choose various menu options (shows background image) and I click on another "tab", the default is that images surpass the previous menu and then hide. Does this have a solution? jsfiddle: http://jsfiddle.net/hvZHU/34/ css: .visto_mod { margin-top:-19px; margin-left:100px; position: absolute; background-image: url(http://s2.subirimagenes.com/imagen/previo/thump_8102109vistobueno.png); display:
Simple file download for generated output
Hi all, Posted this as an idea proposal, not sure if that's right, basically it's a solution to a problem I had so I'm giving the code away. I found I needed to interrogate a database and save the output as a text file on the users PC. Now I could have dumped the output into a temporary file and given the user a link, but I'm lazy and didn't want the housekeeping work of tidying server files up later. If I just submitted a form and the server generated an error instead of a download then handling
outerWidth is an Object not an Integer!
Hello, i use the Method outerWidth to get the real Width of an Element (Width + Padding + Border). Currently i use the jQuery version 1.8.2. Before iam update, i use 1.7.2. Additional to jQuery, i use jQuery UI (newest version). After the Update, the outerWidth Method is not an Integer. It seems like an Object. How i can fixx that? // Set Title Width var width = 0; $("div.wb_interface nav ul li").each(function() { console.log("Call outerWidth\n------------------------------------------------"); var
slideDown() in a different way
Hey huys, I need simple functions (may be from plugin) that opens/cloeses me an <article> box. It is declared with display none so it should work with live() ?! The box will open side way from left to right always with alpha 100% and will close from right to left always with alpha 100%. It is kind of a function like slideDown() but the box is fixed and the direction is like explained above from left to right. Thanks if you have any solutions. Pete
input[type=submit] or input[type='submit']
Hi! Which of these forms are the preferred way of using jQuery to select the submit button? input[type=submit] or input[type='submit'] I'm wondering if it's recommended to use tick marks. It seems to work fine without tick marks, but is that long-term supported (i.e. not deprecated)?
JQuery dialog pop up issues in IE and FF
Here is my scenario. And also I have couple of questions. 1. I need to open a JQuery pop up under the button which I clicked. And this popup should scroll along the button when the page is being scrolled. It should be locked with the button 2. If I click the button which is at bottom of the screen, then the page should scroll to top and this popup should open below the button. 3. Issue with FF and Chrome: The popup is locked up with the button during the scrolling. But the problem is if I scroll
Read out url / anchor
www.anyurlthatwillbehere.any/index.php#contact Is there any possibility to read out an active anchor with jQuery? And if yes how to? Pete
Not getting the element of dynamically loaded form using jquery
Hi, jquery .serialize() does not work on dynamically loaded form using jquery Thanks, Madan Ray
Problem with selecting multiple tables and access trough '[x]'
hi i'm selecting tables in my page with the following selector: $(".mytables") // this finds 4 tables Now the following code line is giving me error message : 'the css function/method is undefined...' $(".mytables")[0].css('property', value) And the following lines are working correclty: $(".mytables").fisrt().css('property', value) or var table = $(".mytables")[0] table.css('property', value) Why this behavior ?? Where is the difference ??
Drop Down Menu CSS (z-index) problem
I'm having a z-index order issue. I thought it would be an easy fix and I have tried a few different z-index changes, but I cant seem to get it right. The issue is just on the home page: http://www.jamesgradwell.com/staging. as the jquery dropdown menu is falling behind the other jquery image slider. (what is also odd is that at times, it comes in the front and then it goes behind again) Could anyone please assist me? it would be much appreciated! thanks Leigh
Questions with jquery validation
Hi, I am new with jquery. When I clicked on the alert box OK I would redirect to another page. Any suggestion on how to stay back on the current page? And how to add if no value is selected there's no need any alert box needed? Now if no value is selected then it will pop out a plain box. $(document).ready(function(){ $("#btn").click(function(){ var msg=""; $("[name*=Date]").each(function(i, item){ if(item.selectedIndex>0 ) { if($(item).closest("tr").find("input[name*=Msg]").val()=="")
Storing remote HTML source code in local JavaScript variable.
Hi, I am trying to find a way in client side JavaScript to store the HTML source code of a given web page in a JavaScript variable. I want to do this to filter out a pop up ad from a served piece of HTML before displaying it in an div any ideas? thanks vinay
Jquery Autocomplete
Hi, I'm trying to use jquery autocomplete for states. I want the user to type the state name but I want to receive the state code. TX for Texas, CA for California, etc... All the examples I'm seeing on the internet just give a partial version of the program (the jquery part). Is there's a complete simple sample somewhere ?
Display the result of Jquey ajax get call
I am doing a jquery ajax call to get some data from a service. The response is in Jason format. My code looks like below. I want to display the results I obtained in a html table. I am able to see the alert once the response comes back but when I try to write the data to a table, the data is not displayed (I have commented the code segment out) <table id="display"></table> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script> <script> $(document).ready(function(){
Please help me with this simple code
I have a question and problem and really will be happy if someone helps me to solve it. I have a website and want to enable the webmaster of other websites to insert a javascript code from my website to their own sites and this code enables visitors of their websites to submit their pages to my website. For example you see many digg buttons in most websites that enable visitors to submit the content of other websites to digg using this button. I myself made the code for doing it now and it works
Bug found in jQuery - evaluating variable values in certain circumstances
Ok, I think this might be a genuine bug. I wrote a function that iterates through pictures on a page and fades them up, and then back down to .2 opacity. The very first image does not fade back down. There seems to be a problem evaluating the value of the counter variable on the first time through the loop. I replaced the variable with a switch statement and it works fine, which indicates to me that this is actually a jQuery problem. Please see this page for an example: http://meadpoint.net/gallery
Using (href a link) to target a div
Where am I going wrong cant get the page to display in the DIV ? Sample of my web page as below: <link href="../allwebcss.css" rel="stylesheet" type="text/css"> <script type="text/jscript" src="file:///C|/wamp/www/dawa3/jq/jquery-1.8.1.min.js"></script> <script> // Wait for the document to load $(document).ready(function() { // When one of our nav links is clicked on, $('#nav a').click(function(e) { a = $(this).attr('href'); // Store into target div
IE not displaying my code correctly
I have used the following code to create a rotating background, i have split up the jquery and the rest of the code for the perpose of this post. The content area of the page is supposed to be displayed in the center of the screen, but in IE 9 it displays in left side of the screen all non IE browsers work fine. the background class divs are obviously the background layers. they have a height and width of 100% and their background will later be set to the image i want them to display as the background.
"Uncaught ReferenceError: jQuery is not defined" in Apex VisualForce page
Hi, I'm getting the error "Uncaught ReferenceError: jQuery is not defined" in a Apex VisualForce page. At the beginning of that page I have the javascript code to load JQuery: <script type="application/javascript" scr="resource/1352112986000/JQuery_1_8_2_min/jquery-ui-1.9.1.custom/js/jquery-1.8.2.min.js" / > <script type="text/css" src="resource/1351707675000/JQuery_1_9_1/jquery-ui-1.9.1.custom/css/ui-lightness/jquery-ui-1.9.1.custom.css"/> <script type="text/css" src="resource/1351707675000/JQuery_1_9_1/jquery-ui-1.9.1.custom/css/ui-lightness/jquery-ui-1.9.1.custom.min.css"/>
Custom UI for TABS ??
Hello, jQuery TABS widget was very helpful. But i want to use custom UI for the TABS not the jQuery UI.... Is there any way to use my own look and feel ?? Could you please help me. Thanks, Praneeth
"Uncaught ReferenceError: jQuery is not defined" in a Apex VisualForce page
Hi, I'm getting the error "Uncaught ReferenceError: jQuery is not defined" in a Apex VisualForce page. At the beginning of that page I have the javascript code to load JQuery <script type="application/javascript" scr="resource/1352112986000/JQuery_1_8_2_min/jquery-ui-1.9.1.custom/js/jquery-1.8.2.min.js" / > <script type="text/css" src="resource/1351707675000/JQuery_1_9_1/jquery-ui-1.9.1.custom/css/ui-lightness/jquery-ui-1.9.1.custom.css"/> <script type="text/css" src="resource/1351707675000/JQuery_1_9_1/jquery-ui-1.9.1.custom/css/ui-lightness/jquery-ui-1.9.1.custom.min.css"/>
How to insert ajax result after <a> element
Hello, <div class="main"> <div class="subject"> <span>Subject2 talks about...<br /></span> <a href="#" id="fd_sub2">About Subject2</a><br /> </div> </div> When clicking on <a> element, I try to get information from an ajax request, and put result just after <a> element. The ajax result is like <span>Subject is ...</span> Finally, I must thave <div class="main"> <div class="subject"> <span>Subject2 talks about...<br /></span> <a href="#" id="fd_sub2">About
animate if a class exist
Not sure if I am planning to make this to work using this direction but. ON this site. http://hegele.bolderimage.com/ I have a carousel , when you hover over a label slides down with fading red background. And it slides up when you hover over another one. Each label has a red background on the active CSS class. For the active labels, I was wandering to have the them to slides down and up the same way they do when you rollover them. But I want them to do that automatically in addition to the red background.
Next Page