Jquery ajax gif
I'm doing this: when user select a state from a selectbox, then the city's selectbox is update by ajax. It works just fine... I'd like to show a gif image while the ajax request is being made. Well, that's I managed to do. However, now I'd like to hide the city's selectbox and show the gif in its place while the resquest is being made, and when it's done, I'd hide the gif and show the city's selectbox. How can I do that? I tried the following, but it isn't work. <div class="spinner"> </div>
What's the function of tick in validate?
http://variable3.com/blog/2010/05/jquery-validation-plugin-get-it-working-right-now/ Hi, I was studying this code, I there is a part I don't understand what does this code do? 39 tick: "required",Thanks in advance!
Navigating up and down the DOM
Sorry if this is long and complicated. Maybe there is an easy way to do this, but I'm not figuring it out. Sample html: <div class="story"> <h4> <p> (several) <div class="pullquote"> <p> (several) </div> <h4> <p> (several) </div> (several stories) I want to hide the p and h4 in the stories, leave the pullquote and append a button to the pullquote that says "Read more". I can do this, so far. Clicking the button will show all the p and h4 in the story,
Initialize plug-in after ajax load
Hello, I'm 100% newb and am having an issue initializing a lightbox type plugin after an ajax response. I've looked at several other posts regarding this, but they all don't seem to answer the question explicitly. The plugin is usually initialized with .ready, but I've read on this forum that .ready won't work after page load or with dynamic loading. Most posts say to initialize right after the ajax response... I've done this and it works for the first ajax load, but not for the subsequent ajax loads.
Sliding Navigation
Can someone tell me if there is a script or plugin to do this sliding type of navigation. Look at what happens to this nav when you land on the home page and then when you mouse over the words along the top. Yes, I am a neophyte. ____________________________ Mark
hover does not work for me :(
Hey! I just want to do a very simple hover effect. I know you use CSS for it but it is just a test for something else. Why doesn't this work out? <!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" xml:lang="de" lang="de"> <head> <title>Test Hover Zen5656</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <script src="./jquery-1.4.2.min.js" type="text/javascript"></script>
fonction aléatoire depuis xml -- function random from xml file
Salut, j'aimerais créer une fonction qui tire aléatoirement un nom de pays dans mon fichier xml, Comment dois-je procéder? Voici la requête qui me permet de récupérer les éléments (pays). $(document).ready( function() //Fonction de parcing du fichier xml afin de récupérer la liste des pays { $.ajax( { type: "GET", url: "instituts.xml", dataType: "xml", success: function(xml) { $(xml).find('country').each(
Can someone tell me what query slider is being used here?
Here is the site I like: http://www.shopedropoff.com/. I only like the one section that has the slider. Can someone tell me what they are using?
Losing table zebra stripes after ajax load()
table stripes are init with ... $("tbody tr:nth-child(even)",$context).addClass("even"); The event function for a click on a <th> loads sorted data ... $('tbody',$context).load("Grid.ajax.php?grid_id="+$grid_id+"&orderby="+this.title); The striping is lost ... I tried adding the same statement after the load() with no change. #1 ... What is the best practice for restoring the stripe effect other than doing it on the server. #2 ... Should I call ".empty()" before an ajax request to protect
Help with .click() and multiple clicks
Hi guys, I want to use .click() to toggle between two states, for example: <script type="text/javascript"> $(function(){ $('a.add').click(function(){ $(this).removeClass().addClass('remove').html('remove'); return false; }); $('a.remove').click(function(){ $(this).removeClass().addClass('add').html('add'); return false; }); }); </script> <p> This is a test... <a href="#" class="add">Add me</a> </p>In the above code, what I'm trying to do is toggle
Slide down div
I'm using jquery with ruby on rails. I'm trying to accomplish this: when the user click in one div, another div slidedown showing itself, because it was hidden. There are several hidden div's that I want to do that, so the id of each one of them is like this: categoria_3, categoria_4, categoria_5, etc... the first div (this one is always visible); onclick calls the method "clickTitulo(id)" <div class="titulo" onclick="clickTitulo(3)"> the second div (this one is hidden): <div style="display:none;"
How to register on docs.jquery.com ?
Hello, I tried to create an account on http://docs.jquery.com but it was not possible.. on the left side at the bottom you can see PERSONAL TOOLS Log in / create account but after clicking on it there is no way to create an account...does anybody have an idee how to do this? THANK YOU Fred
Issue with JSON and return data for $.Post
Hello, I am having a problem with json data always appearing as "false" when directly returning it to $.post My jQuery function is the following: //inside another function called with "page" as an argument //this function is to repopulate form fields jQuery.post("Edit.php", {SearchFor: page}, function(data,success){ alert(data); //should loop through the json object and assign it to the correct form fields $.each(data, function (i, elem)
Linked combobox
Hi, I was wondering if there is a way to link two widgets combobox. I 'm stuck in the step where I need to filter the second combobox. option values. Any help would be awesome. Best regard.
Multiple SlideToggle divs
Hello. I'm trying to piece together a little div which slides out and shows various links to sites like Digg, Reddit to share the story with. I've got it kind of working but when there are multiple divs on the page, named the same like in each article of a post on a Wordpress blog. Only the top ones work and the rest don't do anything... I'm trying to get it do something like the image => Here This is an example I'm trying to get to work but the second "slickbox" div never shows. Pastie Any help
Problem with ui combobox event handler
Hi, First of all I'm quite new to jquery ... I'm having trouble setting event handler on combobox. Here is my code Js function update_autocomplete(event,ui) { alert("Udpate complete !"); } $("#s_start").combobox(); $("#s_start").autocomplete({ select: function(event,ui){ update_autocomplete(event,ui); } }); Html <select id="s_start"> <option>Maschen</option> <option>Malmo</option>
Help please!
Hello i am new on jQuery :D And i wanted Thank developers :D So my question is how i can make thing like here http://www.wowhead.com/items=2.7 and there is list.. when ur mouse over of it and u can move the bar or something.. sorry my English is not good. I am just wondering how you can do this? can somebody help? THANKS
New to Jquery & Javascript - Need help understanding order
I'm attempting to use plugins throughout my site, but having a hard time understanding why things break when I include certain plugins. Here's what's going on: I'm using a couple jquery plugins for an image slider and disappearing text in form fields. However, when I try to include a block of Javascript for a MailChimp form, the 2 plugins I just mentioned stop working. Any ideas here?
Filtr data by choosing a checkboxes - problem with function
Hello everyone. I am new in jQuery and I need some help with my script. I want to filtr data by choosing a checkboxes. 3 step choosing menu. 1st step - fuel: diesel , petrol 2nd step - brand: audi , seat , skoda , vw 3rd step - doors: 2a3 , 4a5 For example, if I choose diesel and vw, script shows me divs with Passat and Golf, if I want all petrol 2/3-doors cars it's shows me Seat Ibiza, etc. Code: Inputs: <input type="checkbox" name="fuel" value="diesel" id="diesel" /><label for="diesel">diesel</label><br
How to contribute to jQuery?
I am a front end developer with a lot of JavaScript and a little jQuery experience. Could someone advise the best way to get involved with jQuery and make a contribution? Is it best to work on bug fixes, testing, something else? A little information on this arena would be appreciated (with links if possible) as I would like to help in some way but I am just not sure how to start. Thanks.
JQuery Google Charting - display for example 5 charts
I have a problem with display for example 5 times the same charts on the '#charts' (code below): $('#charts').gchart({ type: 'line', maxValue: $.gchart.calculate, minValue: $.gchart.calculate, width: 600, height: 200, legend: 'right', series: [ $.gchart.series('Median', [590, 591, 583, 592, 595], 'red'), $.gchart.series('Max',
I got a noob question
was jquery built using pure java-script?
Browse by name / date does not work
at searching plugins on the jquery page the functions browse by name and browse by date do not work anymore since about August 9th 2010
Noob content - Image mp with transparent modal content
I'm completely new to using jquery so please bare with me. I have a client who wants an image with a reasonably complicated arrangement of links. I was planning on using an image map to create the links and jquery for the modal content boxes. The image map works well but I'm having trouble with the modal windows. Many that I've tried don't work because they use divs that won't display over an image or I can't open them from the image map links. My first attempt was using ThickBox. This worked well
How to remove text from an object
Hi, I have an object that onmouseover - displays information. I am using element.append method to do that. However, before doing that, I want to clear the object so it displays present content only. Could not find anything like that. Well I found: jQuery.removeData(elementName,[name]) and used it, but it doesn't work. Any idea how I can do this simple thing? Thanks.
.load problem
<form action="info.php" method="GET"> Nickname: <input id="race" type="text" /> <input type="submit" value="Search" /> Language: <select id="language"> <option value="en" select="selected">English</option> <option value="de">German</option> </select> </form> <div id="race_info"></div><br /> <script> $("form").submit(function() { var name = $("#race").val(); var language = $("#language").val(); $('#race_info').load('info.php?name='
working with .load()
hi i'm trying to create a min-shopping cart (as a way of learning jquery) when the page first loads it has the list of items (picture, title, price and buy link) to add item into the shopping basket i use this code: $(".items a").click(function(e){ e.preventDefault(); $("tr#a").after('<tr><td class="quantity"><p>' + $(this).parents('.items').find("h3").text() + '</p></td><td class="quantity"><input type="text" value="1" /></td><td class="unit_price"><input class="price" value="'+
Jquery If/Else Statement Problems
Hi everyone, So what I am trying to make is letting the opacity stay at 1 if the usernameField or passwordField is focused when the loginField is not hovered anymore. When the loginField is not hovered, than the opacity needs to change to 0.5 (to its original state). So can anyone help me what I am doing wrong here? $('.loginContent').hover (function() { $(this).stop(true, true).animate({'opacity' : 1}, 500); }, function() { if ($('.usernameField').focus() ==
New to jQuery!
Hey, sorry if this is a simple question, I've recently started to learn Java, jQuery & C#. So as with most of new languages I'm still learning the basics. So, basically I'm slightly confused about how jQuery is integrated into a live HTML website. I've used it before, with Wordpress plug-ins, and pre-integrated into templates. But this is my first time trying to integrate jQuery into a site of my own design, I've found a plug-in that would be perfect, but struggling now. Below is the plug-in I'm interesting
Dynamically add form elements
Hi. I'm trying to do something that I didn't think was far-fetched, but I can't figure out how to do it. I have form that asks a simple question: "How many XYZs do you want to create?" Then, for every XYZ, it should create several new labels/inputs in the form. That is, every XYZ looks like this: <div id="xyz"> <label>Whatever</label> <input> blah blah blah </input </div> I looked into .each() and .live(), but I can't wrap my mind around how to do this. Does anyone have any suggestions? Thanks!
help needed with dynamic background-position
Guys I'm trying to solve a IE-specific problem with transparent PNG's and P-elements which are 'Cufonized" to gave them a background. I'm using the cycle plugin (tried also innerfade but same problem) to do fade transitions with P-elements, which are replaced with Cufon-rendered fonts, and 2 transparent PNG's. IE has got the "black-border" bug, so it will not look neat. Div#bokehHeader is 1920px wide and is aligned left in the browser. P-elements are centered in the browser. With resizing of the
Cycle Plugin; beginner questions
Forgive me...I'm new at this .js stuff. Also, I'm not sure the proper words to use. I'm not sure if I need to replace the 2 .js files with my own .js files. I downloaded them, unzipped them, then loaded the "jquery.cycle.all.min" script file to my google sites account. I now have this "https://sites.google.com/site/myslidertest/home/jquery.cycle.all.min.js". What do I do from here, and where do I replace this...or if I need to replace it. Thanks, Tami Curtis
Knowing which object mouseovered from asp .net code
I want to change the background image of a div class depending on which object (image etc.) is mouseovered. So, I have in my CSS class background-image:<%= eventTypeBG %>;This works fine if I just hard-code the eventTypeBG variable in asp.net code behind file. But is there a way I can know from code behind which image/object is being mouseovered - so I can assign a different background image? Thanks.
jQuery pear channel
Hi all, Where can i find an official or community jQuery pear channel? I tried to find it on an official site of project and over google but no any channel or info about it was found. Can anyone help me with address of jQuery pear channel? Thanks in advance, Mikhail
What Library do I need for explode?
I can't figure out how to use the jQuery documentation. For example, I want to learn how to use "explode" but when I put that word in the search box it gives me examples but does not tell me which library I need to download in order to use it. Am I missing something basic when I look something up? How do I find out which library I need to get depending on which effect I want to try? Thank you!
Approach in developing some customizations with jQuery
Hi, I am fairly new in trying to cut up and customize a jQuery plugin, previously I was able to just grab code from various blogs and did not really have to dive into the js but now I am unable to find any good resources with this particular plugin. The plugin I am working on is jQuery.sheet, http://www.visop-dev.com/jquerysheet.html, and although it has most of the functionalities that I want, I need the plugin to be able to send a AJAX request as soon as the user edits the cells and then update
need help with getting css data of child elements of a div.
Hi, I am trying to get the css values of all child elements of a div. This div is the only div. Inside it has images that are clickable. I want to be able to first grab the left position of the elements and when they like a left arrow want to take this left number value and subtract it by a number and if the the right arrow is pressed then it will add a number to the left number value. Is this possible and if so how can I do this? I am guessing i can use the .css with the .child in jquery. any ideas?
multi-level of mouseover/mouseout not working
Hi, I am trying to build this page where there are 3 levels of icons/contents. When user hovers on 1st level, they see the 2nd level. They now hovers on the second level and suppossed to get the 3rd levels of contents. My 1st/2nd levels worked fine. But when I added the 3rd level, could not make them to work. Problems: 1. the 2nd levels show up with multiple 3rd level items - suppossed to be all hidden. 2. When I hover over the 2nd level - they are like frozen if the 3rd level is displayed. After
IE Showing invalid argument error in jQuery.js?
Due to the following script IE shoes invalid argument error , Plz help me! I am new to jQuery. jQuery(document).ready(function(){ jQuery(".color_tag_cloud a").each(function(){ var links = jQuery(this).attr("href"); jQuery(this).removeAttr("title"); jQuery(this).attr("title",jQuery(this).text()); if(links.indexOf("?")!=-1){ var query =links.split("=")[1]; var str = "#".concat(query);
Incrementally hide items from a set of matched li elements with each button click using hide(), then show() entire set at end of set
Hi, I am new to jQuery and I am having trouble with the syntax, selectors and refining when trying to create functions. I was hoping someone might be able to help. What I am trying to achieve: I have a gallery consisting of a ul with images placed in vertically stacked list items. The ul is in a fixed size wrapper with overflow:hidden so only the first list item displays. The user clicks a button and the first li is hidden using hide(400). This makes the other list items flow up and reveals the second
Next Page