problem to apped select to dynamic table
Hello All, i'm newer with jquery and i'm a project and i have some a problem to append a select objet in a table that mark the selected option the code that i try to use it is var index = 1; $("#parentesconuevo").click( function(){ $('#table1').append('<tr><td></td><td></td><td></td><td></td><td></td><td></td><td><a href="#" class="delete">delete</a></td></tr>'); $('#table1 tr:last td:eq(0)').html(index); $('#table1 tr:last td:eq(0)').html('<input type="text" name="nombre[]" id="nombre" class="
ajax form works - partially
Used a contact form, and it works - except that it doesn't extract the phone number field into the email. Any suggestions why? Thanks!
looping through child divs and check for a condition.
I have this simple code, a condition and action repeated but I am sure there is a way of not repeating my self. I have tried using .each(), .siblings() and #layer_wrp > div in various ways. All these layers are nested in a #layer_wrp. Can anyone advise ? Thanks My code: var $welcome_layer = $("#welcome_layer") etc...... $(function() { jQuery.fn.slideRightOut = (function(){ if($welcome_layer.css("margin-left") ==='900px') { $(this).css("z-index",-1).stop().animate({ marginLeft: "1800px"
inline jquery
I want to write inline jquery at the tag itself than writing it in header page here is my html <fieldset> <legend> Comments <a class="showHide" href="#">Show/Hide</a> </legend> <div> <div wicket:id="commentsRepeater"> <div wicket:id="comment"/> </div> </div> </fieldset> I wan to write jquery code in onclick attribute of anchor tag with class showHide, Can we do that ? here is my jquery $(document).ready(function() { $("a.showHide").live('click',function (event){ var fieldset=$(this).closest("fieldset");
[jQuery] append()-Param containing <script>
Hey there, I'm trying to append HTML code to a DOM element, with a string that also contains a <script> tag: <input type="text" id="foo"> <script type="text/javascript"> stylizeInput($('input#foo')); </script> It works fine, just like it should according to jQuery functionality. The crucial thing is: The script is being processed too fast, therefore executed before the input field is known. How can I delay execution until the HTML part is fully loaded? $('input#foo').ready() won't work and I
Custom jquery scroller problem
Hi All, I am trying to develop a vertical scroller - it is a UL with a fixed height to only show a few list items, then with up and down controls, the user can scroll through. There is 3 bottons on top and 3 on bottom, the first button will scroll the UL up and down one item, the second will jump/scroll 3 items and finally the last button will move to the top or bottom of the list. I have created this all and it is kind of working, it moves up and down one, and jumps up and down 3, but there are
strange variable overwrite problem
hi, ive worked with javascript/jquery for a while and think that i know quite a lot, but this morning ive come accross a situation where making changes to a variable 'magically' affects the values of another variable. have a look at my fiddle http://jsfiddle.net/4TrN4/13/ is this normal?
jquery not working in ajax update panel in second postback
jquery not working in ajax update panel in second postback jitendra kumar pradhan
I am trying to get continuous data using jquery
<script type="text/javascript" language="javascript"> $(function() { var checkit = function(){ $.get( "test2.php", { name: "Zara" }, function(data) { $('#stage').html(data); } ); } var nre = setInterval(checkit,1000); }); </script> </head> <body> <div id="stage"></div> </body> </html> I am trying to get continuous data from test2.php using jquery but to no avail. Can anyone please help ?
Help jquery
I want a program to write on a text box and displayed at the same time in another..
modal window in header frame doesnt fill the entire window as a result of body frame existing
Hi i have a frameset. Two frames in it with top frame ocupying 25% row and other 75%. <framest> <frame name="frame1" src="header.jsp" /> <frame name="frame2" src="body.jsp" /> </frameset> header.jsp: <script> $(document).ready(){ $("#modaldiv").modal(); $("#modaldiv").show(); } </script> <div id="modaldiv"> </div> Because of the body frame(frame2) my modal window is cut half(25% top) even when i increase the height. How can i overlay on the frame 2 as well, so that it displays in the center
jquery grid from dynamic json.I have attached my code
Can some one help me in creating a grid from dynamically generated json data...........I am able to create html table but i need jquery grid.Using below code i am able to load a csv file and display as html table but i need a jquery grid............. <html> <head> <meta charset="utf-8" /> <title>Demo - CSV-to-Table</title> <script src="jquery-1.8.0.js"></script> <script src="jquery.csv.js"></script> <script type="text/javascript" src="json2.js"> </script> <script> $(document).ready(function()
JQuery Questions for new projects
What are the steps you need to follow to use jQuery in ASP.Net project?
Problem with field that contains apostrophe.
Hi all the community, I'm write you to explain a problem that occurs when I want to cancel a student. I have a window from where a select a student and then I get all his data. If I had to cancel it I press a cancel button and then a transfer his name and his surname to a js function from where I ask for the confirm. It works fine if the surname or the name of student do not contains any apostrophe. If it does the js function does not executes. This is my button: <button type="button" id="cance"
javascript enter event not working properly in sharepoint..
Hi all, I have implemented autosuggestion slide down on the search box in sharepoint 2010 using a jquery plugin. On giving something in the search box it will give some suggestion and the traversing through the suggestion in the autosuggestion box can be done through key up and key down from the keyboard.It is working fine but when selecting on one of the suggestion and pressing on enter key the suggestion text should move to the search box(as in google),but this is not happening...sometym it is
Inserting in css plugin?
Help to insert CSS plugin. Please. jsfiddle :http://jsfiddle.net/5qC8N/ mikepianist.-
JQuery css() Function is Killing my :hover
Hello All!!! Thanks in advance for any and all help :-) At my website, joetaranto.com I'm using the JQuery click function on html anchor buttons to animate a "billboard". The problem is I'm using the css hover command to set up background color changes on the navigation controls (buttons) and once a button is pressed and the subsequent click function is run the navigation controls lose their css hover. This behavior can be seen by going to the website and mousing over any of the navigation buttons.
Script not working in IE9 or Firefox, how to fix it?
My JQuery script is not working in Firefox or IE9. I am using IE9 Version: 9.0.8112.16421 and Firefox version: 17.0.1 . The website works fine in Google Chrome and Opera. The website is located temporarily on my dropbox: https://dl.dropbox.com/u/53597778/Web%20Dev%20Live%20Tests/Site/tutorials.html The page in question that is not working is the "Tutorials" page, if you use Chrome or Opera everything works fine. The buttons have the correct ids set and the page content changes as I set it to. This
Drag and Drop image on top of an image
Hi, I was wondering if anyone can help me figure out how to write code for a drag and drop that involves dragging an image on top of another image. Once its on that particular image for it to stay there. Please advise. Thank you!
Apply preset format to input field
Apply preset format to input field 1. How can I set the input to reflect this structure "999-999-9999" The "-" must be preset. (The user only need to type the digits). 2. The total number of digits will always be 10 digits. Any other command that I can use to replace the "rangelength" Thank you. Copy code phoneno: { required: true, digits: true, rangelength: [10,10] // numeric always 10 digits },
how to do this menu?
Hi I am using the following sample. Please select a number: http://jquery.bassistance.de/accordion/demo/?p=1.1.2.4 Second Menu when user go to bass to menu and select electric, page loaded with selected menu;exmaple electric. but user mouse over other top menu, top menu is opened.but i'm user remove mouse over, selected top menu showed. how to do???
Update TextBox With More Than 1 Date From JQuery Calendar
Hey Guys, So i've used a DateTime textbox to allow the user to enter a date and click create, it will add this date to the DB. This works fine, So i've added a Jquery datePicker calendar to select multiple dates, (which works) but when I close the calendar it only adds the last selected date to the DateTime text box.... How can I go about where it will add all of the dates to the text box and save them to the DB? <script> $("#HolidayDate").addClass('date-pick'); $('.date-pick').datePicker ( { createButton:
Jquery Date Picker arrow key should be prevented
I want to force the user to only use the drop down and calendar to select a date in the DatetimePicker control. I do NOT want them to select the control, then use the up and down arrow keys to change the date. How can I prevent them using the arrow keys? Any help much appreciated. <script type="text/javascript"> $(function () { $(".datepicker").datepicker({ changeMonth: true, changeYear: true }); }); $(function () { $(".datepickerApplyyear").datepicker({ changeMonth: true, changeYear: true, yearRange:
Radio buttons with different names using JQuery.
Hi, I have created radio buttons with different names and make it working. If we select one Milk radio then Butter and Cheese not select and vice-versa I want to do same using JQuery. Following example using Javascript. <!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> <title>My Page</title> <script language="javascript" type="text/javascript"> function radiobuttons(checked)
jQuery Post to webservice
Hello, I'm looking for a way to post to my webservice. I've tested this via SOAPUI and it works like a charm. Now I want to code it but this does not seem to work. I'm using the following code: var aData = jQuery.ajax({ type: "POST", contentType: "application/xml", url: "http://delyo001.you.local:8000/sap/bc/youconsulting/ws/rest/anonymous/z_names_post?firstname=testz&lastname=zefzef", // for different servers cross-domain restrictions need to be handled //dataType: "json" success: function(xml)
Question : Can you combine A document.ready function like so
Can this be done. I want to call this script below <script> $(document).ready(function(){ $("#commentForm").validate(); }); </script> then Let it do what it does, and then end the function (Kill it) so that i can then call this <script> $(document).ready(function() { $("#datepicker").datepicker(); }); </script> with out one canceling out the other.or Can these be conbined. also : same question having this in the head <script src="http://code.jquery.com/jquery-latest.js"></script>
How to use a select list to update a mysql db table
OK, I have a web page that has 2 select lists: select1 and select2. Using jQuery I can allow the user to put a selected list item in select1 list to the select2 list. Everything is ok. What I need is one of these possibilities: When the user clicks the Add button/link on the Attendees list. an event is fired that then gets the option value and puts that value into a MySQL db table. OR A button is at the bottom of the form and when clicked, some jQuery code is called that iterates over the select2
stopPropagation and preventDefault events do not work on mousedown events for form in inputs in IE7 & IE8
Greetings, See this jsFiddle: http://jsfiddle.net/RvvjX/11/. Internet Explorer 7 & 8 (and apparently 5&6) do not prevent defaults on form inputs and text areas. I don't expect jQuery to fix the browser in this circumstance, but I would expect the stopPropagation documentation to advise of this reality. Can this be added to the stopProp page? The discussion thread of the documentation page was closed 2 years ago...
Connect .html(), .append() and .prepend() to nested element within target
Hi All, is it possible to connect all the methods concerning adding/removing/appending html to an element to a nested element residing in the target? To give you some background, i'm using a jQuery plugin to enhance a DIV with nice scrollbars. The best one actually adds itself IN the DIV it needs to scroll, this works best if the DIV is removed from the DOM without jQuery knowing this. The only setback is when i use .html(), .append() and such the construction is broken. So i looked at the construction
jQuery Facebook Feeds XML Reading Problem...
Hello, My English is bad. I'm sorry if I write wrong. Facebook notifications, I want to take with jquery. Facebook RSS Link: http://www.facebook.com/feeds/notifications.php?id=135499233146253&viewer=100003775509758&key=AWi04GZM2EZSzqTY&format=rss20 I can do it with php. $dosya = xmlyukle('http://www.facebook.com/feeds/notifications.php?id=135499233146253&viewer=100003775509758&key=AWi04GZM2EZSzqTY&format=rss20'); $dosya = new SimpleXMLElement($dosya); foreach($dosya->channel->item as $yaz){ echo
close dialog from form loaded into it
Hi, i have dialog window into which i load external php file with a form. in the form it is possible to select the image using the set of radio buttons. once the radio button us selected there is a "Submit Form" button which shoud update some fields in a form on parent (opener) page and close the dialog. it is all more less working but i cannot close that dialog window. please let me know if you see some glitch in my code which causes closing not working. $('#intro_image').click(function()
How to achieve the same effect on input text? PLEASE
Hello friends. I need help to achieve the same effect of text input, as the input button "iniciar sesion" on this page: https://www.dropbox.com/ Some help please (jsfiddle) MIKEPIANIST
Please help!
I'm so frustrated right now! All I'm trying to do is create a simple lightbox. I'm also pretty new to coding, so I'm assuming there's something really simple that I'm missing. The problem is that when I click on the thumbnail, the larger image does not display correctly. Will somebody please take a look at my site and tell me what I'm doing wrong?! Thank you! http://www.turtlecell.com/ Holly
Multiple getScript
Hi, I'm using $.ajax({ url:url, type: 'GET', success: function(msg) { var script = 'http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4fc4067b3e4cdc18#domready=1'; if (window.addthis){ window.addthis = null; } $.getScript( script ); } }); How can i add new another
Style link for current page
I'm using this to animate link color on hover... <script type="text/javascript"> $(document).ready(function(){ $(".hamenu a").stop().hover(function() { $(this).stop().animate({ color: "#a56a32" }, 500); },function() { $(this).animate({ color: "#5f6062" }, 1000); }); }); </script> I now want to apply the hover color to the link that matches the current page. I found this code... <script type="text/javascript" charset="utf-8"> //<![CDATA[ jQuery(function()
Calling a function if checkbox is checked instead of onClick
I need to call this function if a checkbox is checked instead of being triggered by onClick: onclick="toggle_colorbox(this);" How can I insert it into the following function? $('.Colorbox').change(function() { if ($('input:checkbox[name=colors_love[]]:checked')) { } }); Function toggle_colorbox(td) changes a boxes opacity and displays a check mark to indicate that a color has been selected, but because I am pre-selecting the values matching a user's account information, I need
jQuery .load() function wait for images and js
My index.php content is: "HELLO WORLD" My myfile.php content is bigimage.jpg (10mb size and will load for 20 seconds). On index page i fire $('body').load('myfile.php'); and I want it to wait till image is loaded (dont change HELLO WORLD text). And when image is loaded, then instantly replace old body 'HELLO WORLD' with image that is loaded at the moment. something like: $('body').load('myfile.php',[change DOM when myfile.php is fully loaded]);
How do I detect than any one of group of radio buttons are clicked?
I have a group of radiobuttons: <input type="radio" name="group1" value="1" />1 <input type="radio" name="group1" value="2" />2 <input type="radio" name="group1" value="3" />3 <input type="radio" name="group1" value="4" />4 <input type="radio" name="group1" value="5" />5 I want to detect when the user clicks on any one of them. It does not matter which. So I tried the following, which does not work: $('input[name=group1]').click(function () { $("#textmsg").show();
Hi there :) is there someone out who can help me add autoplay, for my scrolling slides!
$(document).ready(function() { myFunc(); $('a.link').click( myFunc ); } function myFunc() { $('#wrapper').scrollTo($(this).attr('href'), 200); setPosition($(this).attr('href'), '#cloud1', '0px', '5px', '20px', '30px') setPosition($(this).attr('href'), '#cloud2', '0px', '100px', '200px', '400px') setPosition($(this).attr('href'), '#cloud3', '0px', '15px', '30x', '45px') $('a.link').removeClass('selected'); $(this).addClass('selected'); return false; }
jquery superfish wordpress
Hello everyone, I've been staring and trying this for hours now, but I really just can't seem to get this to work. Can someone please help me install the superfish menu to my Wordpress Theme? I made a new theme with the Starkers one. I found a few tutorials on how to add the Superfish drop down menu but they all seem different, and I still just can't seem to get this to work. I really don't want to use the plugin. Please help me! Thanks in advance Stephanie
Next Page