popup window after form submit
Hi I have an HTML page which pases some value on button click event to an API using jquery and its succesfully running.It returns true or false.i want that if its returns true a popup box should appear where i have to show some message. i dont know how to do so after getting that respose as user have already submit the form. Please help Thanx in advance
How do I close a slider, not toggle it?
Hi, Im playing around with jquery trying to learn about toggles and tabs. Ive made a bar that can be toggled open and close with a link. Im now trying to put a link inside the content box that will always close it. I cant work out what code will always close it. Here is my site: http://identityconsulting.co.uk/test7.html My code is pasted below: <!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">
Dynamically show and Hide the Menu
<ul class="ulMenu"> <li class="mains"> <a href="#" class="clicker">Main Heading 1</a> <ul class="sub1"> <li> <a href="#" class="clicker">Main Heading 2</a> <ul class="sub1"> <li> <a href="#" class="clicker">Sub Heading 1</a> <ul class="sub1"> <li><a href="#">Sub Heading 2</a></li> <li><a href="#">Main Heading 3</a></li>
How to find the index
<ul class="ulMenu"> <li class="mains"> <a href="#" class="clicker">Main Heading 1</a> <ul class="sub1"> <li> <a href="#" class="clicker">Main Heading 2</a> <ul class="sub1"> <li> <a href="#" class="clicker">Sub Heading 1</a> <ul class="sub1"> <li><a href="#">Sub Heading 2</a></li> <li><a href="#">Main Heading 3</a></li>
Setting the target of an anchor tag
Hello all, I have an anchor tag: <a class="search-link" href="/Home/DoSomething?param1=haha&param2=4">SearchLink</a> and a div: <div id="results"></div> Can you please show me the jQuery code that sets the target of the link to the div. I mean when the link is clicked by the user, I want the results coming from the server to populate the div asynchronously as opposed to causing a page refresh. Thanks!
how to find the index
<ul class="ulMenu"> <li class="mains"> <a href="#" class="clicker">Main Heading 1</a> <ul class="sub1"> <li> <a href="#" class="clicker">Main Heading 2</a> <ul class="sub1"> <li> <a href="#" class="clicker">Sub Heading 1</a> <ul class="sub1"> <li><a href="#">Sub Heading 2</a></li> <li><a href="#">Main Heading 3</a></li>
Two J Query calender Picker issue
Hi all, I am using two Jquery calender pickers for searching a hotel room availablity. if i select a date(future date) in first calender picker. its working fine. But My requirement is that the second calender picker should hide(disable) all the dates, upto which we selected in the first calender picker. Now its hiding all past date only :( http://202.88.239.14/ibtot/Hotels/HotelSearch.aspx check in and check out filels in above link pls help me urg AP function pageLoad() { $('#'
checking from with #id function was executed
I've got following situation: html: <div id="a1"> <form> // here text and submit input </form> </div> <div id="a2"> <form> // here text and submit input </form> </div> Than I execute function after submit, to get proper resultats i need to distinguish from with div id it was submitted. How to achieve it?
releases
began to develop with jquery and I'm also looking at other tools and would like to know how often is done the launch of releases, how much in how long? Thanks Sorry my english, i'm brazilian!
Define Left & Right Margin of Tabs
Hi I am new to this jQuery. Been playing around with the jQuery Tabs and it's very useful. I need some advise as to how to define the right and left margin of the Tabs. Right now it is fully stretched to the left & Right side. Also how to change colors of the Tabs. Any advise would be very much appreciated. Thanks Cheers stvlai
Nothing is working
Hi, I'm new to Jquery and Javascript in general and I can't get anything to work. I'm running Ubuntu with a LAMP server, I've downloaded the jquery.js file from this site and moved it into my www file along with test.html. I've tried everything but I can't seem to get anything with Jquery to work, for example this code does nothing: <html> <head> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("p").click(function(){ $(this).hide();
php+jquery+mysql and textarea, please help!
Hi, good afternoon. I´m trying to load data from mysql into a textarea selecting a information from combobox. I really could do that, but, I had to make a lot of php files, one per textarea. I would like to know if there is a way more easy to do that. Here is the code to you understand better. <HTML> <HEAD> <TITLE>Clientes</TITLE> <script type="text/javascript" src="jquery-1.4.1.min.js"></script> <script type="text/javascript"> //Campo select da Empresa $(document).ready(function(){
flip ajax load new content every flip
Can the flip plugin load new content on every flip via ajax some how? Any ideas? http://lab.smashup.it/flip/
connecting ajax() and validate()
hi folks i'm fairly new to jQuery, and am trying to understand how things work. I have the following 2 things i am trying to do with a form, and they each work perfectly on their own - but i am having an issue getting them to work together: 1) validation, using the following code: $("#commentForm").validate({messages: { MyName: "*", MyEmail: "*", comments: "*" } }); 2) ajax posting: $("#submit").click(function() { var MyName = $("input#MyName").val();
jQuery toggle only single elements
if i use this toggle function each one of the div elements toggled. but i only want one element to toggle. so if i click on the first toggle only the first div element shell open not every div. wheres my fault? $("a.z8toogle").click(function () { $("div.z8stats").slideToggle("fast"); }); <a class="z8toogle" href="#">Z8 Statistiken</a><div class="z8stats">hier die scheis stats</div> <a class="z8toogle" href="#">Z8 Statistiken</a><div class="z8stats">hier die scheis stats</div> <a class="z8toogle"
toggle the lists at the time loading the page
<ul class="ulMenu"> <li class="mains"> <a href="#" class="clicker">Main Heading 1</a> <ul class="sub1"> <li> <a href="#" class="clicker">Main Heading 2</a> <ul class="sub1"> <li> <a href="#" class="clicker">Sub Heading 1</a> <ul class="sub1"> <li><a href="#">Sub Heading 2</a></li> <li><a href="#">Main Heading 3</a></li>
checkbox validation
I have three serverside control checkboxes (asp.net) in my page and I would like to enforce the user to select at least one before they click submit button. How can this be done. thank you for your help. <asp:CheckBox ID="ckPrime" runat="server" EnableViewState="False" Font-Bold="False" Text="Prime Contractor" /> <br /> <asp:CheckBox ID="ckSub" runat="server" EnableViewState="False" Text="Sub Contractor" /> <br /> <asp:CheckBox ID="ckTruking" runat="server" Text="Trucking / Broker / ITOs" /> <br
How do i target this 'h4' when it's parent is a 'var'
Hi there, hoping you can help me here. it's a scroll-to and then highlight effect. tutorial came from www.corydorning.com/blog/jquery-faqs-scroll-and-highlight-tutorial i need to target an h4 inside the div we scroll to. the h4 is called : h4.pink here's the code. $(function() { $("#questions > li").click(function() { var qu = $(this).attr("id"); var an = "#" + qu.replace("q","a"); $.scrollTo(an, {duration: 800, axis:"y", onAfter:function(){ $(an).effect("highlight",
IE8 fade and doctype problem
I have a problem with a script I'm trying to make. I'm trying to make a google wannabee effect, so when the mouse is moved, some content becomes visible. This works great in safari, opera, chrome, firefox and IE 7, but in IE8, instead of fading, the content just shows. I've tried to remove all content from the webpage to locate what was doing it, but then I finally tried removing the doctype, (XHTML 1..0 strict) and it works! but my css gets totally messed up. I've tried searching and searching
Tab Ajax loading question
Hi, I´m using tab control to load some html pages using ajax. So far so good.. This html pages has its own scripts, like colorize grid lines, confirmation message to buttons. The problem is that this scripts does not works when loading into a tab. If i point browser direct to the html page, it works. I´m very newbee with ajax and friends, so any help will be very good. thanks.
jQuery newbie (load html in table cell from navigation menu)
Hi, I am new to web scripting so have a little patience and this is my very first post. I am developing a simple web site in order to get some hands on web programming. The structure of index.html like this: 1. HEADER 2. SWF 3. SIMPLE SUCKERFISH STYLE (UL/LI) BASED MENU FOR NAVIGATION 4. ROUNDED RECTANGLE (SIMPLE 4 CORNER IMAGE STYLE) 5. FOOTER What I need is that when user click on a menu item, related page should be loaded in center cell of the rounded rectangle. I would certainly don't want to
document.getElementsByTagName(parentNode)[0].childNodes.length in jquery??
Hi, I am new to jQuery, Could somebody please tell me how i write the below statement in jQuery syntax. document.getElementsByTagName(parentNode)[0].childNodes.length; Thanks in advance, Shyam
Loop a form with constantly changing values
Hi, I want to build a php/ajax script that does the following. I don't have any experience with java or ajax. If you can point me in the right direction, I am very grateful. I am mainly interested in learning how I should use ajax to execute the following. The script should work along these lines: $var1 = 'x'; $var2 = 'y'; $var3 = 'z'; if(thescript is posted for the first time || script should be reload) { ajax: post vars to: input.php, do something get output(random number based on input
jQuery on a javascript heavy site
Hi all, I'm about to start a project, a site which will use javascript extensively, both for making a nice gui and for me learning a bit more. I've looked around a bit and jQuery seems like a really nice framework, I have some questions though which I haven't seen replies to. One thing I'll use a lot is having a search form using auto complete, rather than being a list under the input field I want it to fill a paginated table underneath. I've seen the autocomplete and the datatable plugin but I haven't
Multiple javascript functions in one page
I am trying to insert the tab from the "Tabbed Slide Out Content Panel" plugin into the “Galleria,” plugin, specifically the "demo_01.htm” page. The two sets of script conflict with each and prevent them from woking in unison. Any Ideas about how to resolve this?
Have a li assigned to an image?
Hi, I'm rather new to JQuery, but I was wondering if there was a way to assign an li to an image -- or a way of having it so that there are menu buttons as images and when clicked they perform a get function to bring up another document? here is what i currently have: <script type="text/javascript"> $(#news).click( function() { $.get("news.html", function(data) { $("#maincontent").html(data); }); }); </script>
Use a variable with submit button
Hello everybody, I want to create a form which opens, depending which option is selected a new window with a variable which has been typed into a text field before: departure from: <input type='text' name='from' /> transportation: <select id='item_select' name='item'> <option value='1'>car</option> <option value='2'>train</option> </select> open route in new window: <input type='checkbox' name='checkbock' value='checked' /> How can I either open onlick the submit button a new window with the variable
How to remove option based on text, for any select id across site.
Hi, I hope i am in the right forum :-) Basically i am a web designer with no proper programming skills, and just need a quick help on the following problem. I reckon it's a 2-minute job for someone who knows what they're doing. Basically i have a set of products and on each one i have dropdowns from a CMS system. It gives separate ids for each dropdown on each page which is a problem. What i need is to remove a select option right across the site, but with different ids on each page. The option always
Multople options in DatePicker
Using it for the firts time.. i want the two options as below, but the second doesnot work, where to put the code?: - <script type="text/javascript"> $(function() { $('#datepicker').datepicker({ changeMonth: true, changeYear: true, }); $(.selector').datepicker('option', 'minDate', new Date(2008, 1 - 1, 1)); }); </script>
Autocomplete and IE7 - slowness, sluggishness as overall page size grows?
Hi, I have the autocomplete plugin (was using 1.0.2, now 1.1) on a project to add pieces of "equipment" to a "project". On a fresh project the plugin works great; the data returned from the database comes back FAST, you can scroll the list fast, and can select an item and move on to the next one. Once I have a project established with equipment on it, and I go to add equipment, the performance is pretty bad. It takes 4-5 seconds to get the list of data back from the server, scrolling the llist
Effects on Menu with jQuery
Hello, i'm very new to jQuery, and i already tried to animate my css based menu on my website. i already managed, to fade in and fade out the opacity of the menu on mouseover and mouseout. what i like to set, that the active state stays always at 1.0 this is what i tried $("#menu ul li a.active").animate({opacity: "1.0"}, 3000); $('#menu ul li a:link').animate({opacity: "0.5"}, 0); $('#menu ul li a:link').mouseover(function(){ $(this).stop(true, false).animate({opacity: "1.0"}, 300); }); $('#menu
page dropdown
hi there, i was wondering if this is possible. i want to be able to have a button which makes the entire page drop down by 100px, in a similar fashion to a page scroll. so for example, say when the page loads, the top left coordinates of the viewport were 0, 0, and when you click the button the coordinates would change to 0, -100 (page scrolls down by 100px), and it would be the whole page which moved on click. is this possible with jquery?
understanding jquery
hi, i use w3schools regularly when learning new php/mysql/css or whatever but find the documentation on jquery quite difficult in comparision.. heres what i'm trying to do, i have jquery datepicker on a webpage and i want to format the date <script type="text/javascript"> $(function() { $("#datepicker").datepicker(); }); </script> <input type="text" id="datepicker"> the docs just say something like this.. $.datepicker.formatDate('yy-mm-dd', new Date(2007, 1 - 1, 26)); how do i
simple jQuery example
Hi, having difficulty getting my head around the syntax for jQuery. The documentation is extnsive but not very clrear cut, as a initial simple example I just want to format the date returned from a from datepicker textbox so i have <html> <head> <script type="text/javascript"> $(function() { $("#datepicker").datepicker(); }); </script> </head> <body> <input id="datepicker" type="text"> </body> </html> the only documentation on the formatDate utilityis this $.datepicker.formatDate('yy-mm-dd',
Errors on IE - Object doesn't support this property or method
Hello everyone, I'm trying out JQuery and have created a modal login based pretty much on simplemodal examples. This all seems to work fine on Firefox 3.6, Safari 4.0.3 but on IE 8.0 I;m getting javascript errors and the login modal doesn't launch. Also my javascript slideshow seems to not work on this particular page. These are the errors I'm seeing: Webpage error details User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.0; Trident/4.0; SLCC1; .NET CLR 2.0.50727; Media Center PC 5.0; MDDC;
Please help, nothing seems to be working
Hi, I'd be extremely greatful if anybody can help me with this. I am hoping to start using jQuery, however when I view the site none of the controls seem to be rendered properly. For instance, the accordian on the UI page appears as simple text and links. I am unable to change any of the options in the themeroller. I'm using Windows 7 and IE8 with scripts enabled. Thankyou in advance!
Question using prependTo
Hi all, I am having a problem trying to use the prependTo() function in jQuery... for some reason I can't get this to work $(" <div id="note178" class="note"> <div class="delete"><a href="/chart-notes/delete/178" onclick="$.ajax({ dataType: 'script', url: '/chart-notes/delete/178'}); return false;"><img src='/images/icons/delete.png'></a></div> <div class="timestamp">1 minute ago </div> <div class="content">ñasdas dasdasdasd conclusión</div> </div> ").prependTo(".notes").fadeIn("slow"); Although
Copyright of jQuery code ported from JavaScript or other libraries
Hello, If a script is ported from JavaScript to jQuery, who owns the copyright? Is it the author of the jQuery script? Or is this considered derivative work, which means that the copyright belongs to the author of the original JavaScript? Thanks!
script to check for duplicated ID's
I often see people use duplicated ID's in their html, and this is a common cause for some issues posted on this forum. To help, I wrote this javascript to check and report duplicated ID's. Try to run it and see how it works. <html> <head> <script type="text/javascript" src="jquery-1.4.2.js"></script> <script type="text/javascript"> $(document).ready(function() { var idDictionary = {}; $('[id]').each(function() {
how to check the checkbox is checked or not in jquery.
how to check the checkbox is checked or not in jquery. I am really new to jquery. thank you for the help CODE <asp:CheckBox ID="ckChangeAddress" runat="server" Text="Change Of Address" /> <br /> <asp:CheckBox ID="ckAdditionalAddress" runat="server" Text="Additional Address" /> <br /> <asp:CheckBox ID="ckNewPhone" runat="server" Text="New Telephone Number" >
Next Page