How to access page controls after jquery ajax post back?
I have a jquery JStree and after selecting node I use ajax to post the selected node to server. In code behind , a method get this nodeID and everything works correctly. $("#tree1").bind("select_node.jstree", function (e, data) { if (jQuery.attr(data.rslt.obj[0], "href")) { window.location = jQuery.attr(data.rslt.obj[0], "#div2"); } if (jQuery.attr(data.rslt.obj[0], "id")) { // alert(jQuery.attr(data.rslt.obj[0], "id")); document.getElementById('<%= hdFolderID.ClientID
Jquery innerfade slider - speed wont change
Hi, I have this site here http://www.ampmgraphics.com/nolan/index.html I want to slow down the speed of the slides. It was originally set to 'normal' (being the default). I change this to 'slow' jqueryinnerfade.js file but there is no change. I have tried a variety of numbers and no change. Even when I put it really high or low it doesn't go faster or slower. Usually I don't have any problems changing the speed of sliders. The only thing I am able to change is the fade speed but I don't want this
Jquery code to validate form
I have a name field textbox which should only allow user to input only alphabets,spaces and only up till maximum of 30 characters.Can any one share some jquery code with me.That will be very helpful if u couyld provide me some code of how to do this
Treeview with search node options
Hi, I am new to Jquery. I need to implement Treeview with search options. Please provide me the samples and plugins available. Thanks
swfobject don't have getAttribute in IE>=9
Maybe, IE>=9 have some bug when try to access some swfobject's attribute use getAttribute. it occurs： when use $("[someAttr=someNumber]") like $("[someAttr=12345]"); when use .remove() to remove a div contains swfobject; when a div contains swfobject ,and use .draggable() on it. I tested swfupload & uploadify flash version,they show the same bug. it seems that the bug only happens when it's a swf uploader. mybe it only happens when swf bind some js callback,or need trigger some js event,or something.
slideToggle shows trailing on words
Has anyone ever run into an issue with trailing text when using the slideToggle. Wasn't sure if you needed to see the code or if this was a quick fix. still trying to adjust my css, but here is the link: demo notice the text way off on the left when you try to click on the + then minus buttons. You'll notice the trailing I'm talking about.
Trying to parse xml
Im trying to parse the xml within the <def> tag. I would like to deal with the contents of the <def> tag line by line as it is layed out below, however, each line is has several tags that are not wrapped in some kind of "line" tag. Any suggestions? Please comment <def> <sn>1</sn><dt>:<ref-link>mouth</ref-link></dt> <sn>2</sn><svr><va>boca arriba</va></svr> <dt>:face up, on one's back</dt> <sn>3</sn> <svr><va>boca abajo</va></svr> <dt>:face down, <ref-link>prone</ref-link></dt> <sn>4</sn> <svr><va>boca
$.post and nodeJS problem. (Never Success)
Hi, I have a problem with a $.post. I send a JSON file to my nodeJS server and it is well received by the server. (I can handle it with NodeJS) But client-side, I never have the success of the $.post. saveJSONtoServer : function() { var self = this; var JSONvar = self.makeJSON(); $.ajax( { url: "/handlerJSONentrySaver", type: "POST", data: JSONvar, dataType: "json", success: function(data)
Hiding HTML based on input field value (on load and on Keyup)
Hi guys, I have the below jQuery which works regarding checking the data within an input field after keyup. This works. What I also need it to do is check on page load as well. So for example, if the value in this field is already 'Bob' then hide the relevant section of my page, alteratively, if it says 'Dave' show this section unless I then change this to Bob, in which case it should then hide it.... Hope this makes sence <script type="text/javascript"> jQuery(document).ready(function(){
Insert Data into database using Jquery
How can i add data using jquery. If this is my simple HTML Code <body><input type = "text" name = "username" id = "username" value = "" /></body> how can i insert this using jquery code
how to use eventdata on ajax events?
Hi, 'normal' jquery events (onclick,etc) allow me to pass an eventdata object that I can later access through the passed event object (event.data). Can I do this with Ajax events? e.g. $.ajax({ url: "data.php" ,dataType: 'json' }) .success({myCustomParam: 'a value'}, function( jsonObject ) { /* how do I get to the event.data from here? */ })
Finding the top of a moving div
I have a code snippet that looks like this: <div id="a"> <div id="b"> <p>text in b</p> </div> <div id="c"> <p>text in c</p> </div> </div> When I issue a = $('#a') b = $('#b') a.css('top', '50px') b.css('top') at the console, i expected to see "50px" or close to it. Instead, "auto" appears. Can anyone help me understand what I am doing wrong?
Jquery Hover issue (works in my test project - not main project)
Hi Everyone, 'm having an issue with a Jquery Hover using mouseover - I know the code works as I've got it working on my test site (this is just a front end test site...no backend code at all). I think the issue is that in my main site it can't find the element - Might be to deep for the script to find the ID. Anyone got an idea on how I can get this to work? See code below Jquery Code:- <script type="text/javascript"> $(function () { var moveLeft = 20; var moveDown = 10; $('#trigger').hover(function
More problems with settimeout
Hello, I just cant seem to understand how this settimeout function works. $("#mapwindow").dialog({ autoOpen: false, modal: true, show: 'slide', hide: 'slide', height: 400, width: 500, buttons: {
Using settimeout within loop to eliminate slight page freeze.
I have an ajax function that gets html data every 10 seconds and then runs a function that loops through an array and performs functions that update the content on the web page. I am trying to implement a settimeout within the loop to delay the dom inserts a little to eliminate slight page freezing in IE. The problem I am having is that I cant seem to pass in the variables within the loop to the functions. Can someone please assist? Below is a code snippet: //Loop Through Items for
id which contains [
Hello, I have several ID's of input textfields. The textfields are getting the ID's from the system for example id="custom_param[0][attached_products]" because of the "[" symbol I'm not able to select the id's with jQuery. Is it possible to select them anyway? greetz stausen
Open Modal in new window
Hello, Is there a way to open a modal screen into a new window?
jQuery Fade In Fade Out turning image black in IE8
I am using jQuery to fade in and fade out images, and it works find in every browser except for IE8 in Windows 7. It will turn the image black with a gradient, then switch to the correct color. How do I go about fixing this? http://webapps.easy2.com/ce/ext1108/iris_alarm.html
how can i animate the number stored in the file?
I have a php script that check the total hits made for a web page. But now i want to animate that number stored in a file called hits.txt The below jquery script has value attributes ( is it possible to replace those values to the ones which is stored in the file hits.txt url )? the file where the hits are stored http://benson.vivoartistic.com/hits.txt jQuery('#testAnimation').click(function() { // Animate the element's value: jQuery({value: 0}).animate({value: 110}, { duration: 1000,
Scrolling in a jQuery constructed table
Hello: My application has a jQuery constructed table, that works quite well. But... I can't get the <tbody to scroll. No matter what I do. Whether I use CSS or inline styling, the scrolling doesn't work. And I'm wondering if it's not picking up max-height and scroll settings because the table is constructed with jQuery. You can see how the table is constructed in this thread. Following are the applicable scripts: HTML table w/inline styling: <table id="GroupList" class="layout"> <tbody style="background:yellow;
jQuery Fade In Fade Out turning image black in IE8
I am using jQuery to fade in and fade out images, and it works find in every browser except for IE8 in Windows 7. It will turn the image black with a gradient, then switch to the correct color. How do I go about fixing this? http://webapps.easy2.com/ce/ext1108/iris_alarm.html
Auto calculation of input fields
Hi all, I am trying to make this code bellow to work, I would really appreciate your help. Basicly it is Calculation of sum of three input fields and then multiplication with two other fields. The final result should be shown in a input field pcamount. Here is the exemple in jsFiddle: http://jsfiddle.net/D98PW/ Bellow is the jquery script and the html Thanks in advance for your help! $(document).ready(function() { $('input[name=deposit], input[name=minpremium], input[name=adjpremium],input[name=procombaserate],
how to remove dynamically created divs as get() sucess
In a page i create and remove #container dynamically using append and remove. I found an issue trying to remove #container that was dynamically added, in result of an ajax get(). function ajaxNavigation(link) { $.get(''+link,function(data) { if(data!='KO'){ $('#container').remove(); $('#column_left').append('<section id="container">'+data+'</section>'); } }); } and later in the page $('document').on("click","#button",function(){ ajaxNavigation('link.php'); }); The issue is: remove() dosen't work,
[SOLVED] Fake Scroll and Input
Hi there! I have developed a "fake" <SELECT>, because of project requirements. My code is easy to understand, I have an <INPUT> and a <DIV> with an inner <UL>. Whenever I click on the <INPUT>, the <DIV> is showed (hidden by default by CSS). Whenever I pick one <LI> from the <UL>, the <DIV> turns hidden, or if I change manually the <INPUT> value. But the problem cames when I click somewhere else of the page without picking one of the <LI>. I had tried with myInput.blur(function(){ //something here
removing and appending rows to tables
I have 4 tables on a page with similar structure. Differences are the table id's and the number of tds per row, two tables have 2 per row, the other two have 4. Basic structure is: <table id="mytable"> <tbody> <tr id="tempRowID"> <td class="delete"> <img src="myImage.png" /> </td> </tr> </tbody> </table> And the query is: $(document).on('click', 'table td', function () { var blankRowShort = "<tr id='tempRowID'><td colspan = 2>No Information entered.</td></tr>";
Simple jquery quiz based on checkboxes
Hi, I've got a problem with creating a simple quiz, based on checkboxes, where multiple answers are correct. Here is an example (first three answers are correct) http://jsfiddle.net/DUNK9/1/ Is it possible to do this with jquery in a simple way? If so, can you suggest me some methods or what should I check in documentation? I found some examples but all of them all based on radio buttons and only one correct answer. Sorry for this question, but I'm new to jquery library and javascript, I read
Problem in fadeIn with animate action
i have a problem plz solve it.i'm new in Jquery. $('#navAboutUs').click(function(){ $('.classAboutUs').animate({left:-200, complete:function(){$('.closeAboutUs').fadeIn(100) }}) }); fadeIn action is not working. in css: .classAboutUs is display:
validation message multiple elements
I have 3 elements on the same row (below) but I end up with 3 error messages on the same line, which is crap. Is there a way of creating a date and checking its validity and displaying ONE error message? : <tr> <td width="30%"><label for="dob">Date of Birth </label></td> <td width="40%"><input type="text" id="dobDay" name="dobDay" size="4" value="day" onFocus="this.value='';" maxlength=2 /> / <input type="text" id="dobMonth" name="dobMonth" size="4" value="month" onFocus="this.value='';"
change color
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <style type='text/css'> p { background:#dad; font-weight:bold; font-size:17px; margin-bottom: 10px;} </style> <script src="http://code.jquery.com/jquery-latest.js"></script> <script type='text/javascript'>//<![CDATA[ $(function(){ $("button").on('click', function () { $(this).next('.content').find('p').slideToggle(); }).click(); });//]]> </script> </head> <button
How do the same with ajax please: slide effect
How do the same with ajax please: slide effect, please: jsfiddle: http://jsfiddle.net/s3pBR/7/ When I need help on "a.registro" call another page (eg: loadUrl:'contPag1.php') Any ideas please? leaning.-
Passing php multidimensional array to ajax.
I have the following form elements for example as starting from subproduct[0] all the way to subproduct[6]. <input type="text" value="0" name="subproduct[3][quantity]" maxlength="3"> <input type="hidden" value="2108" name="subproduct[3][sku]"> <input type="hidden" value="Bianco Dessert & B&B Plate" name="subproduct[3][name]"> How can I pass these form values to my php page using the following jquery? $.ajax({ type: "POST", url: "includes/add_to_wishlist.php",
onclick href from xml?
ok so i made some progress today and was able to get the slideToggle with image swap working all by myself . Stuck yet again though. var obj={screenpath:$(this).find("screen").attr("path")}; $(data).find("chapter").each(function loopingItems(value){ var chapter = $('<li class="chaptertitle"><img class="img-swap" src="/images/plus.png" class="img-swap" /><strong>' + $(this).attr("label") + '<\/strong><\/li>').appendTo("#screens") if ($(this).is(':parent')){ var screens=$('<ul><\/ul>').appendTo(chapter)
Checkbox in table selecting/deselecting using jquerry and html.
I have a table as below:--- "<html> <head> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"> </script> <script language="javascript"> $(function(){ $("#selectall").click(function () { $('.case').attr('checked', this.checked); }); $(".case").click(function(){ if($(".case").length == $(".case:checked").length) { $("#selectall").attr("checked", "checked"); } else { $("#selectall").removeAttr("checked");
.mouseup, .mousedown - paly sound
Hello. I´ve got a problem, trying to solve it for two days now, but wasn´t lucky enough to find solution so far. I hope you might help me. I need a script which plays a sound whenever I click on a picture, but when I release the mouse button the sound stops playing and another sound will play. (I´m trying to implement a piano on my web, the picture are the keys, first sound is the note, second sound is reverberation) This is what i´ve got so far: <section id="two"> <div class="inside"> <div id="nav-two"
problem with site using jquery script
Hello I have a site running jquery at almost 1 year but now without i do anything it's giving problems. Can anyone help me because i don't know what to do... the site is http://lemonnierfoto.com/ you have the menu on the bottom. if you click on portfolio theres a few users (me too) that don't see the 6 images. in my case after resize my browser they appear.. but before that nothing happends. if i open the site with the browser already in fullscreen then it works fine.. i can't understand whats going
I Need a Helper:
Need a jquery or ajax guru to help me on problems that arrise in writing a web page. Am trying to keep from loading whole pages and want to include areas of the home page as requested. Seems some document ready functions codes work great and some have no idea what was suppose to happen when the buttom in a ul was pressed. Reach me at scotth@guam.net thanks.
Help: Select multiple dynamic
I just need help to show the number of selections jsfiddle: http://jsfiddle.net/86PNB/26/ For example: No selection (choose selection): 3 selections: learning
Widget for themeroller?
I need to customize my web site like theme roller ready and i don't know about the widgets which are used in jquery theme roller so i need the details about widget which is used in jquery themeroller ready. could any help me in that.
Scrolling Window Issue
Perhaps someone can help me out. Currently I'm working on a web interface where the user clicks an image and more information about our promotion is shown in a div below. Thus far, it is working well, but when the user clicks on the image, the browser window scrolls to the top of the page. The code itself has to be cleaned up a bit, but this is what it looks like thus far. I already tried using evt.preventDefault(). If anyone can help me out, I'd be most appreciative. $(document).ready(function()
problems using $.map() - or maybe it should be done another way
I'm building a function that gets a JSON array from a database to set the variable equal to that array. The variable can contain an array of several cities, but a simple example at the desired completion of the function is shown below. Firebug tells me this JSON passes, but I can't get $.map() to complete the function. It should be simple, but I don't understand $.map() to make it work in ajax. Also, maybe there is another way to do this. So desired result is: citiesWithBoroughs=[{"city":"New York,
Next Page