Using events with dynamically created objets
Hi my name is Murilo, I am new at jQuery and i hope i am not asking a stupid question. I have a button, when i click the button a new div appear already with a event. I am using the event 'on' to bind the event 'click' with the new div and it works fine. However, when i try to use the 'drop' event of jQuery UI it doesn't work. I think i am using the wrong event name. I create divs with the class 'myClass'. When i get the 'click' event, it works. When i get try the 'drop' event, it does not work.
How can this work as it does
This code works as it should but there is one thing that I don't fully understand. In the html markup at the end I have this div <div id="dlgInsertLots" title="Insert Lots" style="width:500px; display:none"> ... which is not displayed because we have said display:none Now to my question when I click on button with id= InsertLots this function Click_InsertLots is called. function Click_InsertLots() { //Create and display dialog dlgInsertLots $("#dlgInsertLots").dialog({ width:700
How to learn Javascript and jquery very quickly?
How to learn Javascript and jquery very quickly?Is any famous book is available for that?Its urgent
Problem with Jquery and JqueryUI
before everything, sorry for my english, i searched for brazilian forum, but i didn´t found anything. PS: I already searched trough the forum for my answer. I have a webpage in my localhost and it works very well, but taking it online, it´s does not work. See http://dhost.info/radicalmakers/Sistema/ the start page, works very well, but after logging (root and 123456) the counter does not work and the home page generate a error when accesing direct after logging (http://dhost.info/radicalmakers/Sistema/home.php).
DOM Exception with JQuery Disables Debugging
I created the world's simplest HTML file (and yes, the jquery JS is there locally): <html> <head> <script type="text/javascript" src="jquery-2.0.0.min.js"/> <script type="text/javascript"> function boing() { alert("Boing!"); } </script> </head> <body> <button onclick="boing()">Boing!</button> </body> </html> If the third line (script including JQuery.js) is removed or commented out, the file behaves as expected. With the script included there is a DOM exception and the button doesn't work.
error with my jquery file...
i am new to jquery and i download the jquery 2.0 for my personal development but when i called the src file....and input a jquery function it won't work please i need help.. this is the script code..... <html> <head> <title> testing jquery... </title> </head> <body> <script type="text/javascript" src="/var/www/jquery.js"></script> <script type="text/javascript"> //alert ('akosua'); //alert($('#happy').html()); $("#blink").hide(); alert($(:input).val()); </script> <div id="happy"> <p>haha</p> <p>hahaha</p>
http://www.eljamesauthor.com/landing/
Hello, I'm working on a school project, and saw this landing page. Its perfect for my school project. I've downloaded the website, but it didnt work on my local disk(Probably because of php scripts). Is there any way to reconstruct this landing page in Jquery? Sorry for the bad English http://www.eljamesauthor.com/landing/
Best way to handle results from a search
I'm using .post to send a search field to a server side page that processes the search and returns results to a div. That works well. However, I want to be able to have those results go out to another (different) page on the server and return data into another div. How? I tried returning the search results as an html hyperlink but the path will not work. I'm using html5 so there is only one page on the client side (index.html) and the search form is contained in a div on that page.
This JQuery sum works in JSFiddler but not when try and open it in a browser? It must be something silly!
<!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> </head> <body> <select class="quote" name="quote[50]"> <option value="0">0</option> <option value="10">1</option>
rottentomatoes movies API..
How to display results from rottentomatoes movies API.. Thank you.. I am new in jquerymobile
Understanding custom events...
I can understand the example below well, except: in the last click function, there is a .length property attached to `$(''.lightbulb.on')`. Im not sure how the .length property is working here. If someone could explain this for someone who is still very new to jQuery and javascript. Thanks. `$('.lightbulb').on('changeState',function(e){ var light=$(this); if(light.hasClass('on')){ light.trigger('turnOff'); }else{ light.trigger('turnOn')
keyvalue pair in jquery autocomplete
Hi In my android phonegap app,i have used jquery autocomplete feature.I need to get the keyvalue pair in autocomplete Here is my example code: var Person = [{"Prateek":"hello"},{"James":"android"}]; $(".searchbox").autocomplete(Person); When i type 'j' in the textbox i need to get android instead of james in the autocomplete textbox.But i am getting error and result is not shown in textbox.And i am using autocomplete js which can be used also in asp.net Please guide me where i am wrong.Thanks In
Display Username
Hi I'm involved in a project whereby a user logs in and will be able to see his/her profile. Now, what I want to do is to display the current logged-in user's username on every page in the application. for example, facebook; when you are logged in to your account you are able to see you name (username). I hope I didn't confuse you. Your help will be highly appreciated. Thank you :)
Jquery file Conflict with the Vinora Nivo Slider
I have an issue in jquery file conflict with the Vinora Nivo Slider module when i add the below code the slide will not open the images in the slider its taking loading but not sucessfull and don't show any type of error. When i remove the first script it will show the slider images but not showing the carousole.I am trying this with two days but not found any solution for this please help me ASAP. " $.noConflict(); jQuery(document).ready(function( $ ) { <script type="text/javascript" src="/xslider/js/carosole-jquery.min.js"></script>
jQuery datepicker - disable all dates after the first disabled date
Hello, I don't know where to start but I have two questions. 1) Is it possible, after the (from-date) calendar is selected, to disable all the dates after the 1st one? I know I'm not very clear thats why I made example images. 2) Can someone point me in the correct direction? Example explain: The minimum amount of dates to book is 7. If the "start date" is selected for example on the 20th right now it is possible to "skip" the booked dates and select for example the 29th. But in reality
Using $.ajax()
Please point me in the right direction if I am in the wrong forum, but I do not know where to go to find help with this? I am using the following code to make an ajax call from one page to another page. In the request.fail callback, I get "Request Failed: parsererror". Can someone help or tell me how I can debug this error? I am using classic asp website. One thing I am not sure about is how to return the information back to the calling page. If I put the other page's code into my calling page,
How to control what to show / hide
Hello, I made a navigation where i need to show a sub navigation when i hover a top navigation link. My problem is that i want it to hide again when im not either on the button(.news-btn) or the div i wrapped my sub in (.news-btn-sub-wrap) Lets take i have navigation liket his top navigation <ul class="navigation"> <li class="news-btn">News</li> <li class="about-btn">About</li> </ul> Sub navigation <ul class="news-btn-sub-wrap"> <li>Sub link 1</li> <li>Sub link 2</li> </ul>
What it do?
Hi Everybody, I'm newer in jQuery. I have a script but I don't understand what it do: $(function() { $('.alternatecalendar .month td').click(function(event) { if ($(this).hasClass('disabled')) return false; if (IsFromDateSelected()) { var fromIndex = $(this).attr('ind'); var toRealIndex = GetToRealIndex(fromIndex); var toVisibleIndex = GetToVisibleIndex(fromIndex); var toTD = $('*[ind=""' + toVisibleIndex
Understanding the Differences between jQuery Versions
Dear All, Can anyone explains the differences between the jquery versions (jqueryUI + jquery mobile) and when each one can be utilized? Is it possible to build cross platform web app works on pc's browsers as well as mobile devices using jquery technology? if yes which one to be used jqueryUI or jquery mobile? Are there any company/site provide jQuery ready templates/theme where can be used in Web Apps (I'm saying web app not web site) where in web app a lot of fields for database usage etc.? Is
I have a Conflict with 4 JavaScript librarys
I have ran into trouble with my booking form, I need to include 4 librarys on my page and it doesn't like it. These are the files I am including so far. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.js"></script> <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/jquery-ui.js"></script> <script src="http://jzaefferer.github.com/jquery-validation/jquery.validate.js"></script> I have no problem with the 3 librarys above, the github Validation file is for
bxSlider hover images
Hi, I have a images bxSlider. I'd like to change the selected image on hover. Here is my code: <!-- Avatars bxSlider --> <div class="slider"> <div class="slide"> <a href="#" data-toggle="tooltip" title="first tooltip"> <img src="_include/img/avatar_nat.png" alt="" title=""> </a> </div> </div> How I can change avatar_nat.png image on hover ? Thanks in advice. -Antonio
Image lazy loading - programmatical pre-run?
Hello all, https://plugins.jquery.com/lazyload/ This excellent plugin has severe advantages for page load times. I'm wondering whether it's possible to perform a programmatic pre-run with jQuery over the DOM, substituting any image links outside of the viewport with the required HTML? If so, I would try to include it as an option in my plugin: http://4nf.org/change-content-div/ Thanks in advance and kind regards
Some basic questions to start.
Hello!, I'm a new man in the community of OpenSource. I'm from Argentina, my english is not soo good, but, i'm trying. I need help to start to make contributions at jQuery. I need some answers: 1º. What contain your working environment? I use Sublime Text for code edit, Source Try to work with GitHub. And what more can you recommend? Anybody write a paper for start with this? 2º. Seeing this ticket: http://bugs.jquery.com/ticket/10710, I see that it's solved in the new latest version of jQuery. Then,
Cache Busting Jquery DIV reload
I am using this to reload a status. But its getting cached is there a quick way to add something to bust the cache? <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> <script> var auto_refresh = setInterval(function () { $('#legend').fadeOut('slow').load('status.html?').fadeIn("fast"); }, 10000); </script>
Motar template and jQuery blank page.
Hi! I would like to use mortar-game-stub (Mortar Game) and jQuery Mobile to my UI. But there is a problem with it, if add jQuery source and css file in head tag I have got blank page ;/ everything is ok without jQuery. Do you have any idea what is going on? Best Regards
Need help in getting xml data from Rest API
I need help in alerting data from the rest api on screen. My api url is http://www.thomas-bayer.com/sqlrest/CUSTOMER/ which lists a group of customer data(dummy). I want to design a jquery method which reads the data from the api and displays the data on screen exactly as it is shown as in response that would see the uri would shown on a browser. function callLoginService(url) { $.ajax({ type: "GET", url: url, dataType: "xml", success: function(xml) { var
.click not working in IE
Hello I reload a page in a div. In that div I use the code below to submit forms. It works everywhere but not in IE! No Jqueries work in the reloaded div when using IE. I think it is because it reloading in a div and for some reason no JQUERY works there. What am I doing wrong? Demo: It is here http://hotels2go.com.au/index2.php if you type in the destination box and click on a destination it submits the form, well not in IE. Thanks $(document).ready(function() { $('.submit_form').click(function()
hide and show mutiple text boxes when radio button is selected.
Hi, i am new to jquery. I have the form with only have 3 radio boxes, nothing else. 1. When i click on the first radio, i want txt1 and txt2 display on the form. 2. When i click on the second radio, i want txt3 display and txt1, txt2 are hide. 3. When i click on the third radio, all of them need to hide. Can you help with this? There are tons of example code out there related to this topic with jquery. However, they only have the html form code with the called but wha'ts about the rest
Different behavior in Chrome and IE9
I am fairly new to jQuery and am attempting to catch the click event to close a menu launched by a button. I have the following code that works on Chrome but fails on the if( $target.is($search_button) ) line in IE9 and therefore falls through to always hide the control in question. In other words, the menus attached to the buttons never open in IE. I would appreciate any comments on my code as well as any suggestions as to why Chrome works but IE doesn't(no Microsoft jokes please) There are actually two
my jQuery not working
I'm a newbie , but have been following some video tutorials. i tried some jquery code to change the background color of my textboxes when it receives focus, but nothing happens. i downloaded the latest version of jQuery, using the latest version of Firefox, Chrome, IE and also using windows 7 64bit OS. below is my code. HTML FILE: <!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>
Querying different web pages at once
Hello!! First of all, congratulations for everything! Well, I would like to ask one brief question. I have a script that collects, by JQuery selectors, specific information from one web page, and it accomplishes its purpose. But the problem is that I would like to get the same specific information (using exactly the same script) but from a list of web pages, and not only one web page. The information got by the first only-applied-to-one-web-page script returns the specific information by the Javascript's
How to get data from different web pages
My question is how could I pick up information (by using JQuery selectors) from more than one web page, and put all of them in the same place, for example, another window with a blank document. For example, I want to apply this JQuery selector from 3 different pages, but I would want to load only one script that puts all of them in the same document, which is placed in another window (this last part is no relevant, I don't mind if they are finally placed in a new window or simply in a string): var
transform update
Hi Guys, I have a some dummy css for IE9 like this: -ms-transform: rotate(0deg) skewX(0deg) skewY(0deg); I'm trying to update it with this: var skY = 10; $('.vppersp').css({"-ms-transform": "rotate(-5deg) skewX(-5deg) skewY(-skY + 'deg')", 'letter-spacing': -lsp + 'px'}) The -ms-transform isn't being updated - what am I doing wrong? Thanks, Bill
Checkbox Array, checking the checkbox based on the value
I am using a combination of PHP and jQuery on this multipage form. I am storing the variables in the PHP Session, so if the user decides to go back a page, the values are filled in. I can get the Select element and text elements to cooperate, but my checkbox array is causing me difficulty. PHP code to create checkbox array originally on the page: <? $sql2 = 'SELECT s.index, s.date, s.meetName, s.location FROM schedule s
change variable on click (jQuery)
Hello, I'm trying to change the date background color "on-click" This is my function for the buttons. If I check the console.log it is working fine; (datesOne and datesTwo are defined in a sting) var caldates = ""; $('.button-one').click(function () { var caldates = datesOne; console.log(caldates) -------> it is giving me the correct info in my console }); $('.button-two').click(function () { var caldates = datesTwo; console.log(caldates) -------> it is giving me the correct info
nth child selector
Hi all, I have the following and would like to target every 3rd "frame class". ive tried $("#gallery .thumbs a .frame:nth-child(3n)")but I think 'm not understanding the nested divs correctly. <div id="gallery"> <span class = "portfolio_heading"> <p>portfolio/nature</p> </span> <div class="thumbs"><a href="?page=botanical"><div class = "frame"><img src="images/thumbs/botanical_thumb.jpg" /> <div class="title"> <h3>botanical</h3> </div></div> </a></div> <div
How to show specific banner when the value of the cart changes?
Hello, I am a beginner and have need of a great help. I want to know how I can do this using jquery, a certain banner appears only when the value of the cart is "x". Eg - Banner 5% discount appears when the value of the cart is between $ 1 and $ 999. - Banner 10% discount appears when the value of the cart is between $ 1,000 and $ 1,999 ... I need to know how can I do so that the banner appears only when the value is changed in the cart! obs.: I'm referring to the shopping cart of an e-commerce course!
Can I force a key to be held down when clicking a link?
Is there a way I can prevent a link from working unless a specific key is held down?
JQuery having a negative domnino effect?
Good day all; I'm having a problem regarding the "type-writing effect" (http://jsfiddle.net/pSUk6/6/). Once I inserted it into my site it seemed to bare an effect on my "back to top script" (http://www.myjqueryplugins.com/jquery-plugin/backtotop) and "spry validation textarea". The spry validation comes courtesy of Dreamweaver CS6. Should I proceed and post all code here? Anyhow what happens is that the "back to top" button shrivels in a round mole like circle and the spry validation text area dissapears
How to work with ajax events?
Here's the reference documentation that I've been following: http://api.jquery.com/Ajax_Events/ and http://api.jquery.com/ajaxSuccess/ The first link indicates that I can bind through "jQuery.on()" any DOM element to handle an ajax event. The second link indicates that this is invalid since 1.8. As a newbie to jQuery... how do I handle an ajax event other than just binding to jQuery(document)?
Next Page