Programatically select radio button?
How do you programatically invoke a radio button? What I am trying to do is after a user presses a radiobutton, it checks to see if another independent checkbutton is pressed. If it is, it disables it and then programatically calls the users first button press.
Pop Up - Sign Up Forms
Hello, I went to a website (http://articles.sitepoint.com/article/ajax-jquery) and it had a pop-up sign up page that pops up when you first visit the site. But if you've closed out of that box already it wont pop up for a while. Are there any tutorials on how to create one of thse?
Waiting until one animation finsishes before launcing another script
I have an animation set up where if the user clicks a certain anchor the animation plays forward and if they click any other link it plays the animation in reverse. All other links that play the animation in reverse also call a "colorbox" script which opens a colorbox window. What is currently happening is that the colorbox window is opening before the reverse animation completes. I would like the reverse animation to complete first BEFORE the colorbox script runs. Is there a way to tell my reverse
Search a dropdownlist using jQuery
Hi..is there a way to filter my dropdownlist according to the number of letters I type into the combo box.
IE 8 issue
The following line is giving me problems in IE8 only. works in all other browsers. Please help if possible. <img spry:if="'{deleteicon}' == 'True'" id="tt_delete{id}" src="../../images/delete24.png" width="24" height="24" onclick="jQuery.messager.confirm('<span class=alert>WARNING!</span> Deleting Records!', 'Are you sure you want to delete the selected records? This procedure can not be reversed. Click OK to delete records.', function(r){var qid = '{id}'; delete_questionnaire(r,qid);});"
IE Dead pixels when fading images
Hi, When I"m trying to fade images using either .fadeto or .fadeIn/Out, I get dead pixels. This happens on both IE7 and IE8. I tried looking around for a solution, but nothing works. Here is a link to an example: click here (Don't forget to use IE.. ) Thanks!
Fading a class
I have a span and when I click on something I want that span's bg color to be red, then slowly fade back to no bg color. How can I fade a specific class?
create querystring with parameters in aspx using jquery vars
Hi, I'm trying to create a querystring in my aspx page. I need to pass in 2 variables as parameters. The end goal is something like this: Popup.aspx?paramOne={0}¶mTwo={1} I have a function that needs this string. $("#<%=FindButton.ClientID %>").click(function() { var paramOne = $("#<%=ParamOneDDL.ClientID %>").eq(0).val(); var paramTwo = $("#<%=ParamTwoDDL.ClientID %>").eq(0).val(); var queryString ='<%= string.Format(Constants.MyPopupQuerystring, paramOne, paramTwo)
Repeating animations - how to stop them.
Hi all. I have applied the fadeIn() and fadeOut() effects to a li>ul in my html, but if the user leaves the ul briefly then re-enters it before it has finished fading out, the ul fades back in again. This can happen many times over by accident and it's very annoying. If the user leaves the ul I want it to fadeOut() and NOT fadeIn() again until the user re-enters the parent li element. Is there a way of ensuring this? I have done a quick search for while and if/then/else functions but haven't been
selector not recognising addClass
Fellow jQuerians, I'm trying to write a cinema seat selection page and I'm hitting a problem with a selector not recognising a 'booked' class that I've just been added via JSON. I wonder if anyone could tell me why it works ok when I hard code the 'booked' class in but not when I do it through jQuery. Should I just do it in PHP??? or is there a way around the problem. Thanks in advance for your help. // So here I call my PHP to grab the booked seats and update the class, which works fine.// $.getJSON('showseat.php',
show/hide div depend on a textbox value
hi wanted to know how i cn hide or show or toggle a depending on my textbox value btw im using asp.net on programming thanks regards webster
change ajax to jquery..
hello there jquery gurus...i have a ajax script that fetch information from a database..what i want is that i will implement this using jquery..i know it could possibly be done...will you please help me with this one.. for no reason i just want to use jquery aside from using ajax.. here's the sample script.. function showUser(str) { var str; var url="http://myhotel.com/RegisterA/showHotels"; url=url+"?q="+str; url=url+"&sid="+Math.random(); if (window.XMLHttpRequest) {// code for IE7+, Firefox,
Jquery conflict with mootools. Help me!!!
Hello. I red your tutorial about using jquery with other libraries. I know that this tutorial is only an example to solve it. I don't know to create ceode to solve my problem, so please someone can help me to solve this conflict with mootools? I use joomla to build a website and the problem is that my template use mootools and a component (jomsocial) use jquery. I need to know where i have to insert the code (maybe in index.php of my template) and which code i have to insert. Thank you to all. Please
Toggle/Change Row Color
Im sure there is a really simple way to do this but I dunno how. All I want is to change the background color of a row when you click on it. If you click on another row in that table, the original clicked on row reverts back to it's original color and the newly clicked row gets the new color. I have the following code that works okay, but doesn't change the previously clicked row back to it's original color when clicking on another row. $('tr.clickME').click(function() { $(this).toggleClass('colorMe');
Passing variable from PHP to JS file works in Firefox and Chrome but not Internet Explorer
Here is a snippet of my php... <script type="application/javascript"> <?php echo "var dataString='albumid=".$_GET['albumid']."';\n"; ?> </script> <script src="js/simplethumbgallery.js" type="text/javascript"></script> As you can see I am using the PHP to set a javascript variable. Firefox and Chrome have no problem with this. IE however errors out inside simplethumbgallery.js and says that dataString is undefined. For further clarification I have attached the beginning of the code in the js file
.()HTML not working!!!!
Hi, Im trying to use .html() to output span and input data which is used for a button to add an item to a cart with Smart Cart. http://plugins.jquery.com/project/smartcart I have tried with the code below but its not working, the ouput seems correct but its just not triggering the button to add the item to the cart! <div class="scProductListItem"> <span>Choose Item</span> <select name="select1" id="select1" size="1"> <option value="item_1">Item 1</option> <option value="item_2">Item 2</option> </select>
how do I rebind a jquery function to contols in a asp.NET updatepanel after a callback updating that updatpanel has been done?
First of all, i am not a big fan of asp.net(maybe because I kind of suck on it) but I work with it at the moment. using: VS 2005 .Net framework 2.0..something ajax control toolkit I have a updatepanel which contains of a few dynamically created controls ( ImageButtons that are placed in a panel inside the updatepanel) Since the imagebuttons are children of the updatepanel they automatically triggers a callback to server, fine. But I want the user to be able to cancel the callback after clicking on
Pass index into nth-child() Please Help!!
Afternoon All, I have the following that works fine, I'm trying to extend the functionality so that when a user clicks a button the formula will look up the values of the next column. These are then passed into the google charts api. So affectively they will see a new graph based on the next columns values. This is working fine $('#WebPartWPQ11 .ms-vb2:nth-child(2)').each(function(i){ var points = $(this).text(); coord[i] = points; }); So I thought if i declare a variable with the same default
jQuery IE Error
Dear People, Im getting an error when loading a jQuery powered image rotator in IE, if bin looking but as far as i concern i can't see a mistake? I'd like to have youre opinion on this: jQuery.noConflict(); jQuery('document').ready(function (){ jQuery('#rotator').transition({ duration : 3000, images : ['http://reggesign.nl/assets/templates/default/images/header.png', 'http://reggesign.nl/assets/templates/default/images/header1.png', 'http://reggesign.nl/assets/templates/default/images/header2.png',
jQuery version of this PHP Include code?
Hi jQuery, I need a bit of help I have this PHP code - <?php if (isset($_GET['page'])) { $Page = $_GET['page']; } else { $Page = 'Home'; } include("site/$Page.php"); ?>This gets the page name from the index.php?page= section, the issue I'm having is, on one page I PHP include the index file of an online shop, my issue is, if I click on any section of the shop, it changes my ?page= section to its own ?item= and just redirects itself right into its own page without anything of mine in it. So I need
.find of an xml text doen't work in IE
Hi, I'm prety new to jQuery and in the ready function, I do the following: var testdata = '<?xml version="1.0" encoding="UTF-8"?><menu><menuitem title="Accueil">data/page_de_garde.html</menuitem></menu>'; alert($(testdata).find("menuitem").text()); It is quite simple and works with both firefox and chrome. Unfortunately, IE8 display an empty alert box. Any idea? Note: I also tryed .find("\\menuitem") and .find("\\:menuitem")
call content page method from .aspx page
Hi, I've a Master Page - Content Page scenario. I want to call server side (content page ) method using $.ajax. with normal pages I can easily call it but when I try to call content page method, instead of returning function return value, it returns parsed xhtml. I use the following way to call the content page method function GetBankName() { var data = { bsbNumber: $('[id$=bsbTextBox]').val() }; data = JSON.stringify(data); $.ajax({
a more delicate bubbling problem (stopPropagations does not work in my case)
Hy there. I am making a more complex jquery menu plugin and have a certain issue. One of it's main features is the possibility to add custom functions to it, custom effects. The way i do this is a user selects the animation function he wants to appear when a tab is clicked and in the function there si a switch(){} -case for it. Here is the code: handle.bind('click', function(e){ _.toggleSubmenu($(this)); e.stopPropagation(); }); _.toggleSubmenu
How to get notified when new DOM elements are added?
Hello people, I'm stuck with an interesting problem and need your help. The requirement is, "save" operation should happen only when the form is "dirty". i.e., users should be able to save only when they modify something on the form. For this, I'm using "dirty form plugin", which works fine even when new elements are added. It internally uses ".liveQuery()" for adding events to new elements but it is degrading the performance very badly, since our forms are very large. I'm trying to replace it with
Functions and callbacks
I have worked out what is wrong with my code - I think I need to be using functions and call backs but I haven't ever done this without using the built in call backs. I have annotated the code below with the parts that I want to fire in order only after the process before that has happened. Hope this makes sense. Any help would be much appreciated. function fadeBackground(image) { ///***** WANT TO HAPPEN FIRST************** var border; $.cacheImage(image, {
How to make 2 events happen simultaneously?
Hey Guys, Im working with tabs using the jquery.tools plugin from http://flowplayer.org/tools/index.html. What Im doing is making the contents of the tabs fade in as the tab is clicked but also changing the page background image on the click. I got it working but the problem is that the events are happening in sequential order and not simultaneously like I'd like them to be. Im guessing you might use the bind function but I cant seem to get that to work either. Heres the code I got now that as I
trying to hide all elements with a particular class, except the last one...
Hi, I'm trying to hide every element with a particular class, except for the last instance of it. I am currently trying this: $('div.postNavStuff').not(':last').hide(); but it does not work. The thing is, it works with :first, :even, and :odd. Why does it not work with :last? Thank You Nadine.
Selector cannot find ajax element?
function GetDepartmentTree() { $.ajax({ type: "POST", url: "Service/service.asmx/GetDepartmentTree", dataType: "json", contentType: "application/json; charset=utf-8", data: "", success: function(data) { $(".DivTreeView").html(data.d); }, error: function(x, e) { alert(x.responseText); }, complete: function(x) { alert(x.responseText); } }); } $("#NavigationDepartmentList
Changing a Class Dynamically with jQuery?
I'm extremely new to this, so please bear with me. I have a template that will have tons of different background options. I want people looking at the demo to be able to test out each one without having to reload the page. So how would I go about this do you think?
.stop(true, true), animation chains, and callbacks.
So I have a animation chain (.animate().animate().animate()), and on the last .animate(), there is a callback to do some clean-up. The animation is triggered by the hash in the address changing (#page1, #page2, etc.) -- so when the user changes the history state rapidly, if there is a currently executing animation, it needs to stop so they don't queue up. The problem is, if I add a .stop(true, true), it appears only to jump to end of the currently running animation -- and executes only its callback,
need help displaying hidden div content into target div
I've seen this method a 100 times but can't quite figure out how it works in regards to using JQuery to run it. 1) I have a series of divs embedded into a page, sort of like an FAQ setup. Each has a unique id like id="service1" etc. 2) i'm using an unordered list with each li being a hyperlink to the div id's 3) the div's are set up as name anchors ( <a name="service1">Service One</a. ) so I can hyperlink to them via the <a href="#service1">Service One</a> method 4) There's 22 divs and they need
append external text file to div
hi, i have multiple poems [3 in this trial] (held as external .txt files containing <br> line breaks) that i wish to display at random on each site visit. I don't know how to load them into a specific 'div' area or (if necessary) assign them to a variable. This is it so far - i'm afraid i'm a real newbie at this: <script type="text/javascript"> var whichpoem=1+(Math.round(Math.random()*(2))); var group='/poem'+whichpoem+'.txt'; var client = new XMLHttpRequest(); client.open('GET', group); client.send();
$.get() external page and fetch title. googled a lot. didn't find any solution :(
Hi! I've googled a lot, but didn't found any solution to fetch title from loaded page. $.get('http://google.com', function(data) { alert($("title", data).text()); }); neither $.get('http://google.com', function(data) { alert($(data).html()); // nothing returns }); doesn't works.
fadeIn() not working for click(), mousedown(), mouseup() events in IE7
I am trying to execute a piece of code that causes a div to fadeIn when the click() event is called for another object. I know the fadeIn function is working because if I attach this to a dblclick() or mouseover() event it works as it should, but when the exact same code is tied to click(), mousedown() or mouseup() it does not work. The div fades in completely and then disappears. This is in IE7 on Vista x64. What am I missing? //does not work in IE7 $("#L04").click(function(e){$("#I04").fadeIn(500);});
how do i get response from php script called with form plugin?
$('#myForm') .ajaxForm({ target : 'myscript.php', // or whatever dataType : 'json', success : function (response) { this seems to be not the response from the myscript.php how do i get it to get the response from the php thanks } }) ;
.hide() not hiding element before document is ready in IE 6, slideUp/slideDown not working in IE 6
Hello gang, Basically, I have an element I want to hide before it is shown when a condition is met. For reference, it's checking whether a particular radio button is selected. if ($('[name="'+q1110.name+'"][value="'+q1110.value+'"]:not([checked])')) $('#_divhide').hide(1, function () { q1110.toggle = false; });Right now, only in IE 6, it shows that element for a split second, then hides it. I don't want it shown at all unless the radio button is checked. As usual, I can't manipulate anything in HTML
Multiple input value's in to 1 textarea ??
The thing I wanna do: <input type="text" name="body" /> (with value cheese) <input type="text" name="body" /> (with value car) <input type="text" name="body" /> (with value food) Put the value of those input fields (by a klik on a button or something), in 1 textarea, so it becomes like: <textarea>cheese car food</textarea> I hope that someone can help me with this! Greetz, choice2rejoice
Are the background gifs in jqtransform.css necessary?
I have just downloaded the jqtransform plugin for styling forms. Could someone tell me whether the background gifs in the jqtransform.css file are necessary e.g. .jqTransformInputWrapper { background: transparent url(img/input/input_text_left.gif) no-repeat left top; height: 31px; padding: 0px; float:left; } or whether this was just included for demo purposes?
I need to buy jquery video
Pls does anyone in the house how i can get videos on jquery to buy. For Absolute Beginners, intermediate user and advance users. Its a bit urgent
Sharepoint 2007 - set a datefield based on the content of another datefield?
Hi all - I am new here, and I use Jquery for MOSS 2007 work. I have been able to make some simple stuff work (hiding fields, hiding table elements, etc), but I have an issue that i would LOVE to be able to make work, and despite hours of searching, I can't figure it out. What I have is a form that is similar to a calendar, with descriptions, sales rep, etc, and two date fields. 'Rental Dates - Start' and 'Rental Dates - End'. What happens is that 'Rental Dates - Start' can be many months in the
Next Page