I couldn't load the dynamic(run-time) data into select box
Hi All, Based on one select box selection, I need to populate the data into another select box. Actually, I am getting data from database. Plz tell me where is my problem? Select Box 1: <select name="contextId" id="contextId" data-native-menu="false" data-mini="true" contenteditable="true" data-count-theme="c"> </select> Select Box 2: <select name="to" id="to" multiple="multiple" data-native-menu="false" contenteditable="true"
jQuery 1.9 and jQuery Migrate Plugin - help needed !
hy, I'm begginer and need your H E L P !!! if I set jQuery 1.9 and jQuery Migrate Plugin in my page, and I use old functions and method (toggle(),jQuery.sub(), .die() and others) wich were in versions before 1.9 and were removed in 1.9,as I know thay will work, but does thay make any problem or bug in older browsers like IE 6/7/8 and old versions of safari,Chrome,Opera,FireFox ?
Function Firing Only Once
I've got 10 pages of purple links on Google, so I'm not being lazy. var count_element = $("input:empty").length; $(".panel-container").keyup(function () { $("#total").text(count_element); }); The above function works great, but only once. .keyup is tied to the div containing all form elements, so whenever the key comes up I thought it would recalculate the variable and output it again, but it only fires once, and the total stays the the same no matter how may fields I
Generating table dynamically using jquery
Actually i am stuck at one place. I am preparing a page in which i have to add text fields and drop down dynamically. I am done with that but after that i have to make a preview functionality in table format in which i ave to show the entered values for text boxes and corresponding drop down. And the values which will be shown will act as a link. Can u help in that
Having trouble putting script on wordpress
Hello all, I've exhausted every possible resource I could find but I'm having trouble getting this to work. I scripted a media player which works fine on the following website: http://www.jaypbeats.com When I put it on this website, it simply would not load (likely due to conflict with WordPress): http://www.talasol.com/#contact After changing all references of "$" to "jQuery within the "p.js" script it appears; however, there are still many errors (ie. volume slider, search box placement, FixedHeaderTable
LocalStorage Array Issue - JSON/Iterate
So I have a localStorage variable, say 100. Then a JSON encoded array called localStorage.completed which is: ["44", "33", "18"] What I want to do is generate a random number between 0-100 excluding the ones in the completed array. Just wondering what the easiest and most efficient way to write the code would be? Mine looks like spaghetti at the moment, the lead developer is away so I am taking charge… don't want to mess up his perfect code as he is a tad OCD. Thankyou :)
Wich borwsers support jQuery 1.9 ?
please answer, Wich borwser versions support jQuery 1.9 ? , if it is any shedule please LINK! thanks ! :)
dropdown menu -- prob with sub-menus.......
http://mayacove.com/dev/rd/nav/nav.html why do the sub-menus disappear when you mouse over them? (if you mouse away from main links to blank areas of the page, the sub-menus stay, but when you attempt to get to one of the links in the sub-menu that's visible, as soon as the mouse goes over the sub-menu, the sub-menu disappears..) would appreciate suggestions/help.... thank you......
Jquery Colorbox - Mobile Platforms
I am using the colorbox plugin to launch a form on a modal window. http://www.jacklmoore.com/colorbox/ You can view the test page here: http://bit.ly/16SXjR5 (email button) This works fine on laptops but when it comes to mobile screens - the form gets displaced and cannot be filled by the user. Is there anyway to address this issue or at least detect mobile browsers and offer an alternative solution? many thanks, Andy
jQuery version
hy, I'm begginer web-programmer, and I'm going to start learning jQuery, (I know javaScript on norm Level) I want to know which version of jQery is verry common and comfortable now? I want a good and serrios advise, please help me : (( . . Thnx ))
Jquery not working after moving my site to a new server - can't figure it out.
Hi there, I just moved my site from one server at a friend's datacenter to a hosted account at hostgator.com. I uploaded the same files I was using on the previous server without changing a thing and the site is not working... the error Chrome shows me is: Uncaught Syntax error, unrecognized expression: :nth-child I am using the following links to Jquery: http://code.jquery.com/jquery-1.5.min.js http://code.jquery.com/mobile/1.0a3/jquery.mobile-1.0a3.min.js Unless these files have been updated,
3D rotation effect?
Is it possible to create a flat rectangle in Jquery, then rotate it 90 degrees in a 3D effect? http://www.dopeless-design.de/dopeless-rotate-jquery-plugin-360-degrees-product-viewer.html <- sort of an example. Essentially I'd like to understand perspective controls in Jquery. Am I thinking along the right lines that this is a modified usage of scale and skewing? Thanks for reading!
How does animate() transition between colors?
Are the RGB values set to 0,0,0 and then set to the desired color, or is there a calculation from the initial color to the new color?
How to create the ul/li layout for superfish
Im trying to use the superfish menu builder.. What is the layout with ul/li. I have: <ul class="sf-menu"> <li>yada</li> <li>yada</li> <li>yada</li> </ul> <ul class="sf-menu"> <li>yada</li> <li>yada</li> <li>yada</li> </ul> It's displaying, but the menu is displaying vertically with all options listed. The style is being applied but none of the hover events are working ...
[jQuery] Tablesorter plugin and widthFixed property
Hi folks, I'm playing around with the Tablesorter plugin and I'm a little confused about the widthFixed property. I downloaded and included the Dimensions plugin and set widthFixed to true like so: /* Table Sorter */ $("#mytable").tablesorter({ widthFixed: true, widgets: ['zebra'], sortList: [[3,0]] }); Everything works, except that the width of the columns keeps getting wider to accommodate long text. Any ideas how to prevent the columns from widening, and instead "wrap" the text inside each cell.
Having some trouble with img cycling using .find(img:first)...
Hi i have been racking my brain over this for the last couple of days. Basically i have a stack of images that i want to cycle on a button click. The way i have done this is to use the .find(img:position) function. At the moment i find the last image in the stack and .insertBefore the first img in the stack. This works fine. But once i have switched the images the update code to change the button link to the last image in stack doesnt work. Its like my code is only running once. Aside from the fadeIn
DOM Updates blocked during async ajax request
I am fairly new to jQuery but have been able to do some pretty neat stuff with it however I have recently run into an issue. I have 2 ajax requests that are fairly simple. One starts a rather long SQL process and the other is called by recursive javascript function and updates a progress bar. The problem is that none of the UI/DOM updates that the second process performs become visible until after the first process finishes. Kinda makes the progress bar useless. I even tried eliminating the 2nd ajax
jquery focus and blur not working
I cannot seems to find an answer why jquery is not working. please see codes. <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script> <script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script> <script type="text/javascript" language="javascript"> <style type="text/css"> .holder { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } body,td,th { font-family: Arial, Helvetica, sans-serif; font-size:
How can I get the img error handler to work?
It was suggested (here: http://stackoverflow.com/questions/17702123/is-there-a-way-to-programmatically-determine-that-an-image-link-is-bad) that I add the "$('img').error(function () {" code to deal with images which did not load by replacing it with a "no image available" image. However, it doesn't work. Why not? Is it in the wrong place? Is the code wrong? Or...??? $.getJSON('Content/NBCCJr.json', function (data) { $.each(data, function (i, dataPoint) { if (IsYear(dataPoint.category))
Change URL of browser using jquery
hi all how do i change the url of a browser without reloading or redirecting it to the new replaced url .
How to use datetimepicker on input that was created on the fly using .append()?
Hi I have a code that appends input fields. Now what I am trying to do is when a user click on any of the field that are generated on the fly then I need a datetimepicker to be displayed. I have did this code but it is not working for me $('.triggerOnPicker').on('focus', datetimepicker({ timeFormat: "hh:mm TT", changeMonth: true, changeYear: true, stepMinute: 5, beforeShowDay: $.datepicker.noWeekends, HourMin: 5, HourMax: 17, minDate: 0 }); How can I get this code to work? note all of the
jQuery Ajax GET doesn't work on Chrome
Hello, I'm experimenting some problems with ajax calls on Chrome (In all other browser it works perfectly). This is the jQuery code: $(document).ready(function() { $.ajaxSetup({ cache: true }); call(); }); function call() { jQuery.ajax({url : webappUrl+'/en/map/statuses/'+community_id, type : 'get', dataType: 'json', async: true }) .done(function(data){ for(var i = 0; i < data.length; i++) { if(data[i].status ==1){ inlay = {"id":data[i].geometry_id,"t":"#red"}; mapDataObject.addInlay(inlay);
hey
<!doctype html> <html> <head> <meta charset=utf-8/> <title>Custom Event</title> <style> body{width:600px;margin: auto;font-family: sans-serif;text-align: center;} li {text-align: left;padding-bottom: 1em; } </style> </head> <body> <h2>What Are You Interested In?</h2> <form action="#"> <p><input type="text" name="q" id="q"></p> </from> <ul class="tweets"></ul> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script> <script> (function($){ var obj = $( {} ); $.each({
hello
<!doctype html> <html> <head> <meta charset=utf-8/> <title>AJAX: load</title> </head> <body> <a href="about.html">Learn More About Me</a> <br> <a href="contact.html">Contact Me</a> <div class="wrap"></div> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script> <script> $(document).ready(function(){ $('a').on('click',function( e ){ var href= $(this).attr('href'); /* its get the href to all links*/ $('div.wrap').load(href +'.container'); e.preventDefault(); }); </script>
I cant update a div after keypress using ajax
hello, I have a problem when I am trying to update a div after to save a record in my DB, what I am doing is to save a record and then to print in another div. here is my code: $('input.txtcomentario').keypress(function(e) { if (e.keyCode === 13) { var idp = $(this).closest('.dvpublicacion').find('input.hdidpub').attr('value'); var comentario = $(this).attr('value'); $(this).val(''); if (comentario.length > 0) { $.ajax({
Why do changes to my JSON file not display?
I am opening a json file that had content such as: { "category":"Biography/Autobiography", "title":"Charles Darwin: The Power of Place", "author":"Janet Browne", "kindle":"B004QZA1AY", "hardbound":"0679429328", "paperback":"0691114390", "imghref":"http://www.amazon.com/exec/obidos/ASIN/B004QZA1AY/garrphotgall-20", "imgsrc":"http://images.amazon.com/images/P/B004QZA1AY.01.MZZZZZZZ.jpg", "imgalt":"alt=\"Janet Browne book
stop() + css animate
Code runs sequentially but some code continues to have an effect after it has been executed (animate and ajax for example) in these cases the rest of the code continues to run sequentially but the effect caused by things such as animate of ajax continue. Normally stop() is used to terminate any such continuing functions in case they get in the way. if you use Jquery so that you have access to events, if statements, loops and other processes which need a programming language. but you use CSS animate
Take other pages attributes
Hi good afternoon everyone! I was wondering if it's possible to do this: Bring some Value from other page For example: $(document).ready(function(){ var VALUE = $(www.jquery.com).("#p20").val(); }); Like that .. i dont know if it's possible to open a page and take the element of the page that has id="p20" Thanks a lot!!
event.target.value
hi , let say i have alot of tag's on my html page like this <html> <span> <div>first</div> <span> second <span>third</span> <span>fourth</span> <div>fifth</div> </span> </span> </html> okay what i want to do is , if i click on each of them i just want to get the value of the tag . like if i clicked on the inner_span <span>third</span> just give me the value of third im using $(event.target).text() but this give me the whole span's
Jeditables + Datables
Hi folks, I found an example of how to use Jeditables with Datables without needing a server call. This is going to be used in a standalone app that doesn't need to remember the data after used. The source of the code is here. http://jsfiddle.net/j78pR/ Unfortunately my table isn't static, it's loaded after the page loads. I load my by calling this javascript function after I create the table with a vbs loop. function initTables() { var oTable = $('#resTable').dataTable( { "oLanguage": {
insertAfter inside a loop.
I have a number of hidden divs in a form, and I am using insertAfter to display them, dynamically, in a particular order. So I have a for loop and an array of div id's, and I call insertAfter within the loop. Is there a way to insert the divs one at a time, so that div1 for example slides down, then div2 slides down after div1 is in place? I've looked at queue and animate, but I have not gotten them to work correctly. Although the order is correct in the function below, everything happens all at
Strings with HTML code in Javascript
I am here because I need to reduce the work of a server. But first I have a question: well, a form post consumes recourses of the server, of course, but I have a html form post with a input hidden. It don't saves in the database or something like that, it exist to give some data to other Web page. Also consumes it server's recourses? Ok, now my question. I want yo change that with something more don't goes to the server and don't consume it recourses. Reduce the quantity of comunications with the
Browser Windows and tabs
I have a timer function which ticks each second showing a counter. All pages on my app 2 for the example run this Js. The first problem is that I need that the timer runs only on the page I have the focus. I solve that with $(window).blur(function () { TimerEndsFunction(); }); $(window).focus(function () { TimerStartsFunction; }); Now the problem is that I need that the timer steel runs in the last window I was using if i focus other application, the desktop or any
HELP ME - insertAfter()
when i use $('<p>').insertAfter('.sample'); it automaticly closes the <p> tag and inserts <p></p> !!! i just want <p> what should i do? thanks
ajax function not getting called when jsp page refreshes
I have called a ajax function using jquery(class) in jsp page in href command,the function works well when the page is loaded for the first time,but if i select anything else and the page refreshes then when href link is clicked again then the ajax function does not work ..Please help
Using JQuery? Try VJET JavaScript IDE!
Hi JQuery Javascript community! I am a lead for a JavaScript IDE named VJET. The project is hosted on ebayopensource.org: https://www.ebayopensource.org/index.php/VJET/. I welcome members of this Using JQuery forum to download and try out this JavaScript IDE. We hope this tool will make using JQuery easier. It was made for JavaScript developers by JavaScript developers. This tool provides code assist, hover documentation, and semantic validation of well known JavaScript APIs and JavaScript syntax.
Username and password in an ajax call
I'm trying to connect to a webservice that requires basic authentication, but when I use ajax with username and password set, it still shows the browsers loginform, and the Credentials from the ajax request is not send. Is this not what it is intended for, or do I do something wrong? $.ajax({ type: "GET", url: "http://localhost:8080/test", data: '', contentType: "application/json; charset=utf-8", dataType: "xml", username: "ajax", password:
Finding out which p was clicked ?
I bind a click to all "<div class="expandable">" in body$("div.expandable").click(); How can I find precisely if it is the first , second or third div that was clicked ? and then do something Sorry I am learning jQuery Thanks for help
jQuery XML menu challenge
Hi All: I have a challenging jQuery XML task I'm trying to accomplish as follows: I have an XML structure as follows: <nav_data> <outline> <links> <slidelink slideid="_player.6LjVRsWzPla" displaytext="Scene 1" expand="true"> <links> <slidelink slideid="_player.6LjVRsWzPla.6GWiXuWmXyn" displaytext="Fundamentals" expand="true" /> <slidelink slideid="_player.6LjVRsWzPla.6gxk7XqbaT8"
Code to "shrink" / "grow" a 3D Cloud JQuery?
I want to use a 3D Cloud on my web page, and have found a 3D Cloud that I like, but what I would like is for this 3D rotating cloud to be approx 1/3 of the size when the page loads (perhaps offset on the page to make room for text) and when the user hovers over the cloud with their mouse the 3d cloud "grows" to full size. Does anyone have any code or suggest how to so this and encapsulate this code into the code I found for the 3d cloud? Thanks!
Next Page