click event on a tag not working.
What im trying to is if the user clicks on what ever is in the a tag then a click event is fired off, but nothing is happening. $("a.thisAudioDeffinition").click(function(){ alert("audio Here"); }); <a href="#" class="thisAudioDeffinition" ><img src="speaker.jpeg" style="width:50px; height:50px;"></a> Please comment, Thanks
Marquees firing twice?
Hi all, Thanks so much in advance for your help on this. I'm trying to run two marquees, one under the other, but they seem to be appearing twice - so there are four instead of two. My code is all here: http://jsfiddle.net/SgQhk/
hi I want a grid image not go out of screen mean 10-20 grid
Target ---> Each grid contain an image and not going out of screen. but here i post a program that an image large size but it's not fit between header and footer . mean content grid must between header and footer , no gap between header and footer . ************ <style> html, body { height : 100%; } #map-page { height : 100%; } #map-page .ui-header { height : 40px; } #map-page .ui-content { position : absolute; top : 0; right : 0; bottom : 0; left : 0;
Reporting Bugs
Hello, I found what might be a bug in jquery. How and where do I report it?
mark some specific dates from database
Hello I am using JQuery Datepicker inline with 12 number of months. And i want to mark some specific dates those are stored in sql server. And i want to add dynamic tool tip for those dates(not necessary). At now i m doing this <script> $(function () { $("#datepicker").datepicker( { numberOfMonths: 12 } ); }); </script> </head> <body> <form id="form1" runat="server"> <br /><br /> <div
Simple code explanation- Beginner Question
Hello, New to jQuery. I am really on a deadline, hence seeking help from the forum. I need help understanding this piece of code which basically retrieves the time and date. So if anybody could explain it to me elaborately, that'd be awesome. Ultimately, my aim is to send to processingjs. To be precise, i need to send the user's selection as well as the result of that selection. Where is the retrieved date, time etc stored exactly? Here's the example. and the code- <script type="text/javascript">
Jquery Autocompete Issue
Hi All, I have implemented jquery autocomplete script on my drop down lists... However, issue is after applying this script my drop down list does not generating server side events.. Means, the autopostback property of drop down list is not working... But when I will remove this autocomplete script from drop down list, it is posting back to the server... What is the issue and how should solve this ????
Fancybox with $.ajax conflict "TypeError: loading is undefined"
Hi friends, I'm doing a web site where i have a fancyBox, the code bellow: $.fancybox({scrolling:'no',href:'MyPage.aspx?param='+carreserved,autoScale: false, overlayOpacity: '0.8', hideOnOverlayClick: false, showNavArrows: true,type: 'iframe',width:'100%',height:'400%',onClosed:function(){ showGreyBox(); }}); When i close the fancy box, call the method showGreyBox(), code bellow: function showGreyBox() { try { //carrega pagina com box dentro de div
should every scripted file inclode $(document).ready();
i know what is $(document).ready $(window).load my case is like this <script type="text/javascript" src="scripts/jq.js"></script> <script type="text/javascript"> //some code </script> i am into splitting my code into files so <script type="text/javascript" src="scripts/jq.js"></script> <script type="text/javascript" src="...."></script> <!--file1--> <script type="text/javascript" src="...."></script> <!--file2--> ?should file one and two have $(function(){});
Error on $.ajax: 500 internal server
I don't know what is wrong in my code here, but I receive this error. Request URL: http://localhost:1690/WebSite5/WebService.asmx/gotodb Request Method: POST Status Code: 500 Internal Server Error My code: $("#_butt").click(function () { //alert($("input:text").length); $('#table input[type="text"]').each(function () { $.ajax({ type: "POST", url: "WebService.asmx/gotodb",
Jquery accordion menu works fine offline but when uploaded effect all stop working
I've been setting up an accordion as per the example on the site: http://jqueryui.com/accordion/ It seems to work perfectly offline and looks how i want it etc, but once I upload the page and the files it just simply won't work and I can seem to figure out what I've missed or done wrong, if anyone could help it's be very appreciated! link here to my attempt: http://www.ospa.co.uk/testingsite/botox.html I'm sure its something really simple but I can't get my head around it
jQuery not working after postback
Could someone please help: I am very new to jQuery and I have come upon my first problem using the language. I have a page that contains an asp.net checkbox and Panel, the panel contains a textbox that I use with the datepicker widget. The datepicker is awesome but I need to toggle the display of the Panel depending on the state of the checkbox. I came across a jQuery function that works great to accomplish this requirement but after postback the function no longer works. Note: all my controls
Traverse XML and populate UL
I have been given two XML documents that I need to be able to traverse and then populate an UL. The XML example is at the bottom. I just need to pull the latest 5 items and then use the title and link to populate my UL. I would appreciate any help. <rss> <channel> <item> <title></title> <link></link> <pubDate></pubDate> <guid></guid> <dc:date></dc:date> </item> <item> <title></title> <link></link> <pubDate></pubDate> <guid></guid> <dc:date></dc:date> </item> </channel> </rss>
Stuck, is it possible to take a value from an ajax call in one .js file and use it another .js file?
In other words I want to take the value from a variable within an ajax call in one .js file and make it keep it's same value to be used in a different .js file? Still learning jquery and javascript after having learned java. To me this seems like it would be so easy yet is impossible to implement, for me at least :-( I have a main.js file that uses a global variable citId (I know globals are bad but I don't know a good way around using it and I can't get it to work anyway) var citId = ""; $(document).ready(function($)
What is this line of javascript for?
<script type="text/javascript"> window.___gcfg = { lang: 'en-US' }; </script>
pass the value between two table
im develop a transaction function here. but im having trouble with jquery . as you can see below, there are two tables. which is the first one is for display the item and the second table is for purchasing. what i want to do is, the row for item in first table is clickable. as the row is click, the item that have been choose come out in the second table. and at the second table cell for discount can be editable and the total price is changing by the discount. is anyone can help me how to pass the
email validation in input text box.
I have 2 or more emails in my email input text box..its separated by commas.. I will check the following conditions.. 1.checking email input text is null or not null.. if the value is null,the error "please enter the email"(it show in red colour,) will show under the email text box.. 2. If the text box have the value it will check the all emails have valid or not(checking each mail is valid or not valid)..if it is not valid it throws the error under text box.. Is it possible in Jquery?
How do I get unique selectors for a group of previous selected elements?
Hi, I have a selector that looks like this: var $inputEl = $(this).closest('.form').find('input[type="text"]'); As you can see it return a number of input elements. Each input elements has a parent .input-control class, but more than one input element can exist in a single input control. <div class="form"> <div class="input-control"> <input> <input> </div> </div> From my list of $inputEl, I want to get a unique list of .input-control. I'm a casual jquery/javascript user so
date picker not working after submit of php form
I'm using php and have a form with two date field using jquery datepicker function. The date drop down works fine when the page is first rendered, but after the submit, the drop down no longer works. You can enter a date into the field and resubmit the form, but why doesn't the drop down calendar appear after the submit? I'm using the standard function: $(function() { $( "#txtStartDate" ).datepicker(); $( "#txtEndDate" ).datepicker(); }); Thanks, Tom
Displaying results from Javascript
Hi there, First, kinda new to jQuery and I'm stumble onto a nice script which i would like to try. (Javascript) However, these guys who coded it talked a lot of jQuery and wrote a short note in the bottom: The live.stream.preview variable contains a preview image of the stream it's checking ( the channel variable ), with those two all you need is a little jquery code to append it in an image tag to whatever element you want it to be inside on your page. <head> <!-- Pulling jQuery from Google's
$("div.class") or $(".class")
Is there any difference if I refer to a class inside a div without putting div before it, if that class is used only in that place?
Set multiple text fields from a single select box.
I have a select box with the id weekSelect having the following format... <option value="21/01/2013|27/01/2013">2013 - 4</option> So far I have the following jquery setting test values to two text fields. $("#weekSelect").change( function() { $("#startDate").val("Test 1"); $("#endDate").val("Test 2"); }); The question is how do I take the value from the selected option and put the two dates into the two text fields?
Newbie to jquery
So i first heard of jquery from someone i know who wants me to learn jquery to get a job at his workplace. So i picked up this book called Head First jQuery by Ryan Benedetti and Ronan Cranley. While this book is good and easy to understand, the problem i have is that they used jquery-1.6.2 and i can't find that version in this website. I'm not really sure if the commands that i put in my html is outdated. Also, what i want to know is if there's a good book about jquery that uses one of the latest
How to make two plugins work together: Awkward Showcase and Colorbox
I'm trying to invoke Colorbox from within a slide created by Awkward Showcase. Both plugins work if I put colorbox outside of the slideshow, but colorbox breaks when I put it in the slide show; I think I'm missing a simple piece related to ordering the functions or something (which is why I put in this forum instead of plugins). I found this post on SO and tried to enclose the Colorbox code within it's own function but that breaks both pieces. Any help would be much appreciated. Here is the script
Can someone tell me why Fire Bug shows so many Errors with 1.9.0 and even 1.8.1
Hello all, I'm new to jQuery but I have to ask this. I was wondering as why in Fire Bug Console there's so many errors. Errors keep going and going and going. Thanks, Eric
format the numbers
I am entering the value in input text is 1234567890 After pressing the tab it will show as (123) 456-7890 Is it possible in Jquery?
Traverse XML and populate UL
I have been given two XML documents that I need to be able to traverse and then populate an UL. The XML example is at the bottom. I just need to pull the latest 5 items and then use the title and link to populate my UL. I would appreciate any help. <rss> <channel> <item> <title></title> <link></link> <pubDate></pubDate> <guid></guid> <dc:date></dc:date> </item> <item> <title></title> <link></link> <pubDate></pubDate> <guid></guid> <dc:date></dc:date> </item> <item> <title></title> <link></link>
Question regarding Selectors
Hi Everyone, I'm new to JQuery and I'm trying to figure out a way to select select specific elements on a page that are within a <table></table> ? Half of my code works and the other half does not work meaning when I don't put my syntax in a table it's working but when I leave it out of a table it's working. I'm not sure what I'm doing wrong here. My first goal is to hide the "#p1" and "#p2" elements inside of the table but I can't figure that out. Any help would be appreciated. Thanks everyone.
lazy loader/images on demand being pulled from ?
This is in reference of the Lazy Image Loader or Images On Demand...where are the images being pulled from? A database or an image folder? I am interested in using this technique and have designed my solution to use a database. However I am looking to research the best solution in displaying a massive amount of images using the lazy loader. So my question is where would the images be stored and pulled from? My apologizes for a stupid question.
how to do a character count
hello everyone I have just started jquery and i am having difficulty doing a character counter. I have a textbox were users type words and i would like to keep track of the character there onkeydown and then display how many(number) of characters in a smaller textbox right now i have... the code below does not work at all any help.. <script> $(document).ready(function () { //the textbox that i want to track characters $("#myarticles").change(function () {
Window.location point to (this) link
Hello guys, I'm pretty new to jquery so I may be asking silly questions, but I was wondering if the following was possible. Say I got this script $("#button1").click(function(){$(this).hide(300,function(){ window.location = "page2.html"; $("#button1").show("fast"); }); }); When button1 is clicked, it hides the element with a nice transition effect and then loads the new page. (Line 3 is there just in case users
Firebug: "$ is undefined".
Hi, I am new to JQuery and coding in general. I did a search for this issue, and couldn't find anything in recent history. Whenever I open my html file in my browser (Firefox), I get thousands of yellow error messages citing the JQuery code, and a red error message stating '$ is undefined'. I have been Googling this matter pretty extensively, and discovered multiple explanations. Unfortunately, none of them seem to apply to me. I have put my link to the code in front of my link to the file, I have
Checking multiple input fields...
Hello! I am trying to check couple of text fields if they are filled. But with my code: If I fill first field I get "All filled!". even if I didn't fill the others.. If I fill all fields except first one I get "All not Filled" which is good! However, I wanna display "All filled" if all the MustField class fields are filled. What's wrong with my code? $(document).ready(function() { $("#submit").click(function() { if($(".MustField").val().length == 0) { alert("All not filled"); }else{ alert("All filled");
Where are the jQuery lite docs?
AngularJS seems to use jQuery lite, but I cannot find the jQuery lite docs for the life of me. Any ideas where I can find them?
Having trouble adding input fields and buttons with JQuery to a form.
I am trying to create a form that has a menu name field for users to enter a name and under it has several buttons to expand this dynamically, one of which is adding another menu name field to the form without reloading the entire form. When I started i could click the plus sign once and one new menu name field would appear but the plus sign would no longer be clickable or it was and nothing was showing up on screen. I have watched the tutorials on lynda.com, read through whats on here and everything
how to remove elements
I need to remove certain elements from a given element up to, but not including, the parent close tag. <div id="parent"> <div id="child1"></div> <div id="child2"></div> <div id="child3"></div>//delete from here all the way down until the parent end tag <div id="child4"></div> </div>Please comment
Jquery and php
How can I rewrite my code below if my 'data_select.php' is in a variable $data = dataselect, that when it is set to true the data_select.php will show. I'm making a dynamic content in php and I'm not familiar with jquery. Any idea? thank you in advance. <script type="text/javascript"> $(document).ready(function() { $('a').click(function(){ $.get('data_select.php', {'page':$(this).text()}, function(data){ $('#content').html(data); }); }); });
How to get the actual height of a parent div?
If I have a child element with some margin established, its parent won't return its actual height ( wont't count the child's margin, I mean) when using the command .outerHeight(), unless I establish either (not all) of the following properties to the parent div: border:1px solid; overflow:hidden display:table-cell; Why is that? Which of these properties should I use (..and why '-')? Should I do something different? Ty in advance. Here's the code: <!DOCTYPE HTML> <head> <title>Sample</title>
Formatting Datepicker
Can anyone advise how to change the format in DatePicker to dd/mm/yyyy? Thanks in advance.
Restart animate duration from pause value
Hi, I'm trying to have the duration from the resume animation when mouseleave, restart from where it previously paused. I tried using variables to store the amount of time passed but I'm new to this and don't know how to do it. $('.timer').animate({'width':940}, {queue:false, duration:5000, easing: 'linear'}); $('.slider_app').mouseenter(function(){ $('.timer').stop(); }); $('.slider_app').mouseleave(function(){ $('.timer').animate({'width':940}, {queue:false, duration:5000, easing: 'linear'});
Next Page