Radio controlgroup change event provides previously selected radio button
Hi there, I am totally stuck with this issue. I have several radio controlgroups and when one of the radio buttons is clicked, its value 'id' should be read. First click works fine but then the event is thrown but displaying the previously checked button. Only when I click a second time on that new button, its value gets displayed correctly. Please help!!! :( $('[data-role="page"]').bind('pageshow',function () { $('#term_grp').bind('change', function () { $("input[name*=term]:checked").each(function
resizing split panels while the splitterbar is being moved
I'm testing a multi panel canvas using jqxwidgets sliderbar. Here is the target demo I'm trying to amend (using FireQuery add-on in Firefox to test injected jQuery through jQuerify). http://www.jqwidgets.com/jquery-widgets-demo/demos/jqxsplitter/defaultfunctionality.htm?classic When dragging the splitterbar I see that the panel positions remain fixed in position until dragging is complete. The splitterbar line actually crosses over the panel view and the panel only resizes after the splitterbar is
How to replace digit with comma?
Hi All, I have comma seperated string having digits. Following is the sample script. var text='30,31,32,3' text = text.replace(3, ""); alert(text); Above script has to replace 3 with "" and has to give output like ''30,31,32,'. But above script is giving '0,31,32,3' as the output. How to resolve this issue. Immediate help would be appreciated. Regards, Hari.
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");
A form that I load with .load into my page does not work
I load an html form into my page with: $('#rateDrop').load('getRateDrop.php' , function() { $('#rateDrop').trigger("create"); }); when I try and use the form I get this error in chrome: 6Uncaught SyntaxError: Unexpected token ,
reload() problem
Hello: I've a small problem and am hoping someone here knows the answer. Following is my jQuery snippet: window.location.reload(); // after reloading ... select userGrps_tab $items.removeClass('selected'); index = 2; $('#userGrps_tab').addClass('selected'); $('#vtab>div').hide().eq(index).show(); As you can see the window.location.reload(); is the 1st command. However ... when this snippet runs, the userGrps_tab is selected and THEN the window.location.reload()
Proposed addition to slider: auto-adjusting
Hi, in my app I'm using sliders to enter a number. The number can be arbitrarily large (addition: but greater than zero), even if *usually* it is within a certain range, so with a slider I have the problem that it requires a "max" value. Conventional inputs just look awful, though, and are harder to use. So it would be neat if the slider, if wanted, adjusts its own range upon selecting either the min or max value. I implemented it using the slidestop event, but maybe I'm not the only one who'd like
Tabs beforeLoad does not send POST data
I'm using jQuery 1.9 and jQuery UI 1.10.0. This does not work as expected: $('.selector').tabs({ beforeLoad: function( event, ui ) { ui.ajaxSettings.type = 'POST'; ui.ajaxSettings.data = 'one=one&two=two'; } }); It seems to be related to ticket #8673, which is marked as wontfix. A workaround is posted in that ticket, but the workaround only works for GET types, not POST. This functionality is important to me. I would either like jQuery UI Tabs to support sending POST data again
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?
[jQuery] animate scrollTop
Hi! I am using this code: $('a.goToTop').click(function() { $('html').animate({scrollTop : 0},'slow'); }); And it works like it should. Problem is that sometimes it just bugs out for short period of time, like when you click anchor and it scroll's to top, if you then try to use scroll on mouse to scroll down it just keep returning you to top... :( And after that short period of time it stop's doing that. Any idea how to fix this? Something like when it reach top to stop
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
How Do I Resize A UI Resizable Element With JQuery/JavaScript?
I couldn't find if there is a way to do this in the documentation. I have an element (div) marked as resizable. There is a function bound to the resize() event and an object which is also resized. $("#object").resizable({ handles: "all" , alsoResize: "#object .sizewith", resize: resizeFunction }); I need a way to resize this object to a specific size, call any bindings, and resize the 'alsoResize' object. I set up a demo here: http://azoundria.com/jstest/demo2.php When the resizable object is resized
Jquery Autocomplete Option Select + VBS
The scenario is I have an HTA that I use to communicate with a database through a telnet like client. It performs macro's and such for me. It's written in VBS to communicate with the client. I'm attempting to add autocomplete functionality to it using Jquery. The problem however is I have an external file that hold's a list of items that I load into the HTA at startup and turn those into select options. Based on the one option that is selected I return the value and text, and use that to carry out
jQuery templates
Hey.. I just want to know one thing.. How can I call any div that is included in a jQuery template on another js file. For example: - if I have this code in my php file: <script id="template-upload" type="text/x-tmpl"> <div class="test"></div> </script> - and I want to call this div in a new js file: $(document).ready(function () { $(".test").click(function () { alert("done"); }); }); WHY IT DID NOT EFFECT ???? Thanks.
document.getElementById("id").click() not working in safari
Dear sir, Can you help me on document.getElementById("id").click() not working in safari but working in chrome, mozilla and ie 8,9. Thanks Madan
Performance study of popular javascripts, including query
http://www.yottaa.com/blog/bid/262569/top-javascripts-slowing-down-the-web-the-web-s-dirty-dozen
Using load()
This seems simple, but I'm not getting it. Just trying to use load() to populate repeated content (such as nav) on multiple pages. I've simplified this for example's sake. Initial page: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title>Page title</title> <script type='text/javascript' src='http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js'> </script> </head> <body> <h1>Header</h1> <div id="content"><script>$('#content').load('master.html #insertion');</script></div>
A script on this page is causing Internet Explorer to run slowly
Hi All, I am using Jquery and Jqgrid for my application GUI development. Using JQGrid tree grid i am developing a tree structure in my application.I am able to create the tree structure ,But at the beginning, while page loads always getting one warning message as "A script on this page is causing Internet Explorer to run slowly". I am using IE 8 for my application development. I googled but I could not able to find a suitable solution to this issue. Any Suggestions or Help appreciated. Thanks!
Creating a pop dialog with controls on it with JQuery
I'm very new to JQuery and am looking for some advice on how to implement a fairly complex popup windows using JQuery. I've searched around and I can't find anything that lends itself for doing this kind of thing. I've got a mockup picture I'm posting here to give an idea of the complexity. Any and all advice or pointers is appreciated. Thanks, -Peter
JQUERY UI - Tabs - select a tab on page load
Hi i need to select a at page load here my page <!DOCTYPE html> <html lang="it"> <head> <meta charset="utf-8" /> <!-- Html 5 e CSS3 --> <!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame Remove this if you use the .htaccess --> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/> <title>Ugo Internet server - dati in diretta</title> <meta name="description" content="Sito internet di Ugo Merlini - dati storici - database"/>
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); }); }); });
Jquery change dropdownlist link
I have a page that has a dropdownlist I was wondering how can i use jquery to navigate to the link each time a user selects an option on the dropdownlist onchange . i already have some code that works but for some reason this doesnt work on firefox but it works on internet explorer. <script type="text/javascript"> function goToPage(url) { if (url != "") { navigate(url); } } </ script> <form action="" method="get" style="background-color:#FFFF99"> <select onchange="goToPage(this.options(this.selectedIndex).value)"
DatePicker working in Firefox/IE/Safari but not Chrome
Hi all- I have a form with Datepicker. The Datepicker field works perfectly in Firefox and Safari but not in Chrome (Mac). I haven't been able to solve it. The form is at https://cb104.infusionsoft.com/app/form/na50 Can anyone help me spot the problem? <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.0/themes/smoothness/jquery-ui.css" /> <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.0/jquery-ui.min.js"> </script> <script> jQuery(function()
change css class rules
Hello, is there any way to change the rules of a css class using jquery? cause when i use for example $(".classname").css("border","...") it will only change the elements matching this but not the class itself so when i add this class later dynamically to an element it will not be effected by this. if its not possible how would you solve this? Thank you ;)
How to use dialog in ie6
Hi, When i use jquery ui dialog in ie6, the top image is out of its position, such as: You can open http://jqueryui.com/dialog/#default in ie6 to see it, I have no idea to fix it. Can you give me some ideas? Thanks a lot!
I have one problem when I combine three jQuery plugins on my webpage
When I combine my three jQuery plugins, two of them work but the navigation bar's animation does not work. All support is greatly appreciated. Thanks (I am a novice also) Here is my code: <!-- Nav Bar2 --> <link href="css/webwidget_menu_glide.css" rel="stylesheet" type="text/css"></link> <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script> <script type="text/javascript" src="js/webwidget_menu_glide.js"></script> <script type="text/javascript"> //create this naming for Jquery
Applying differnt themes to tabs in a tab set.
I want to apply different themes to tabs in a tab-set so that some tabs can be different colors. I saw this post - https://forum.jquery.com/topic/how-to-use-different-ui-classes - but it doesn't work for tabs since you cant wrap an <li> element in a <div>. Is there a similar trick for using different UI themes on tabs that are in the same tab-set? Is there another way to indicate to which theme to choose? That is, doing this: <div id="tabs"> <ul> <div id="ThemeOne"><li>First Tab</li></div> <div
Mlist icon
i have an mlist which have items and i set the property link to another pages ,, just i want to make the icon on each element to be in the left not right by default (also the extra button link) can anyone help me ?
help! Insert a plugin in joomla
hi! I'm new to jquery and are not practical ... I ask for help to you on how to implement a plugin on my site "joomla2.5" I can not understand which files should I add the code and how! The plugin in question is this http://buildinternet.com/project/mosaic/ I thank you in advance ... and excuse my language
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>
Link is missing - strange
Hello, I created list with the days of a week in German. Saturday "Samstag" is missing and after a while I could`t figure out why? http://www.poure.eu/mobil.fitness-rodgau.de/kursplan_nr.html _________________________________________________ <!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>Fitness World
How can I use two jQuery plugins in one document?
I troubleshooted for a while and discovered that it was simply the attachment of the edgePreload.js file that kept it from working... how do I fix this? I also found out that I (Or more accurately, the plugins) are calling on 2 jQuery libraries, but I'm not quite sure how to get them both to use just one library. I have uploaded 2 pages to show what I'm talking about: http://www.ruesterprod.com/edgeTest_a/ - my quicksand plugin works fine here (Click the 2 grey buttons to see what the Quicksand plugin
Formatting Datepicker
Can anyone advise how to change the format in DatePicker to dd/mm/yyyy? Thanks in advance.
What is the relation, if any, between jQuery UI and jQuery Mobile?
I am increasingly asked about making our web application adapt easily to the size of the display device. I found a guy that has done this well using CSS, and he claims he can do this without affecting either the JavaScript the programmeer writes or the server side code (and he gave me the URL fo a page where he is doing precisely that, as well as a online store where he had been contracted to do it (and just successfully finished the contract). When I asked him about this, and how it is done, he
Passing event data to a widget callback, is it possible
Hi, Using the Jquery bind method it is possible to provide data to the handler, retrieved from Event.Data. Can this be achieved using a callback option, aside from using closure ? Thanks Tony
html in a iframe
hello,guys.if anyone awsome could answer my questions,thanks. the question is like this: <iframe src="a.html"></iframe>; the jquery code in a.html $(parent.document) does not work.even $(top.document)neither.
Page is immediately switched off at Nokia (S60V5; Nokia 5800)
Hello, I have a problem. I created a simple page (with creator on main page). When I open this page on Opera Mobile, it's ok. But when I open it with Nokia browser, browser is turned off. I created with this page widget app (.wgz), but this app also turned off when I turn on it. But in Nokia App Simulator it's ok. JQuery Mobile version is 1.2 and jQuery version is 1.7.2. Thank you and sorry for my English, I'm beginner.
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'});
content slider won't move?
I'm having trouble getting the following to work. I need to move everything by -450px multiplied by the index number of each link. So far the index part works, but the animate doesn't. I'm pretty sure there's a simple solution, I just can't find it :( jQuery: (function($) { //click on #submenu moves #content $.fn.subnav = function(){ var $object = $(this); $("#subnav a").click(function () { //when #subnav is clicked, move var index = $("#subnav a").index(this); var
Next Page