how to submit a form using ajax in jquery?
I am currently using jquery .post ajax code to submit a form. The problem is that when I click on submit it takes me to the php file page. Which is blank. I don't want this... this functions just like if I made the form in html meaning when submit it takes you to the .php file well opens it in a page. I want to use ajax that when you click submit it submits the form and then shows a message on screen. When I click the submit button my message gets shown on the screen saying it submitted successful
a4.1 Icon positioning in Android 2.2
Updated to a4.1 and now the icon positioning is off in Android 2.2. Looks ok in Firefox 4.0 desktop browser with iPhone 3.0 user-agent.
Need help learning the basics of this
Are there any resources out there to help me learn this? I've checked out the demo and its source and it's definitely, to me, more challenging then coding a regular website. I only know how to do the front-end side of websites so this looks hard. I downloaded the css, js, images from the jquery mobile site and I'm trying to look at the code to figure out what's going on but because it's already written for me (like the css) I'm having a hard time figuring out how to make things work. I looked at
How to make a news ticker same like one used in yahoo.co.uk ??
please any one can help me to do the news ticker like one used in http://uk.yahoo.com/ im using Asp.net , so news will be selected from a table using asp.net codes.. thanks for all Regards
Handling paste event on mouse click...??
Hi, I need to call a function when user copy and paste the text value in the text box. I tried using "mousedown" event. But "mousedown" event handles left and right clicks when user clicks on the paste link on right click unable to handle the event. I am using jquery 1.5 . Please help me solving this issue. Thanks in Advance, Deemanth
wink-like effect not working with animate()
Hi guys :) I've created the following rollover effect but it doesn't work as expected : $(document).ready(function(){ $('#area-row-2-sub-left a').bind({ mouseover: function() { var tHeight = $(this).height(); $(this).find('u').animate({height: '0'}, 400, function() { $(this).find('u').animate({height: tHeight}, 400, function() { }); }); }, mouseout: function() { } });
Selecting one item and manipulating muliple items.
Ok, I am missing something here but this is what I want to do. I want to select a checkbox as such $('chkRequired'); Easy enough. But I want to then use $(this).attr('checked','true'); and then $(this).show(); and then $(this).next().show(); How can I formulate that into something like: $('chkRequired') ???? { $(this).attr('checked','true'); $(this).show(); $(this).next().show(); }; Thanks, Cory
List Retrieval and Display on Click (maybe hover, too)
I'm new to jQuery. Not sure if this belongs here or in jQuery UI.... I have a table with checkboxes (with short text). Each checkbox needs more information for the user if they want it (either hover or click the text -- haven't decide which or both?). However, I don't want to download all the extra text if they don't need it. So, How might I go about detecting the hover or click and then asking the server for some more HTML that I could then display until the user mouses-out? Thanks, Owen
Append link title attribute to link body
I'm trying to append the title attribute to the text of my link. I've got it working, except for the fact that all three links are showing the first link's attribute. Check out the demo at http://outdoor/fuelmultimedia.ca Hover over the Products menu item, and you'll see the drop-down with the attributes. This is the code I'm currently using: var $titleText = $("#top nav ul ul li a").attr("title"); $("#top nav ul ul li a").append("<em>" + $titleText + "</em>");
Animate scrollLeft get problems in IE and FF
I´m trying animate horizontal scroll. I use this code: <script type="text/javascript" src="jquery-1.5.2.min.js" ></script> <script type="text/javascript"> $(document).ready(function() { var margin = 0; var width = $('body').width(); $('#next').click(function() { margin +=width; $('html, body').stop().animate({scrollLeft:"+="+500},1000); $("#prev a").css('visibility','visible'); }); $('#prev').click(function() { margin -=width; $('html, body').stop().animate({scrollLeft:"-="+500},1000);
JQuery selectors with ASP.NET controls
I am trying to make sense of the selectors in JQuery when using it with ASP.NET 3.5. In this .NET version the server modifies the control ids when it creates the page. I have seen two methods of selecting a control as shown below where dd is the control id. 1. var SelectVal = $("input[id *=_dd]").val(); 2. var SelectVal = $('#<%=dd.ClientID%>').val(); Method 1 works well with asp.net textbox controls but does not work with asp.net dropdown lists. Method 2 seems to work with all control types. Can
Poll server for file date?
Hi. I have a page that serves up data that is refreshed every 30 minutes. I'd like to do the following: Data last updated April 15, 2011 at 4:36 PM (16 minutes ago). I'd like to refresh the date automatically without the user hitting Refresh. Two questions. One: How do I poll the server every 30 seconds and check a file date? Two: How do I do the "16 minutes ago" part? Thanks for any help.
collapsible does not appear when returning to page
I've generated a collapsible dynamically and it works when I first go to that page, but subsequent visits do not show the collapsible. What am I not understanding? Here is the code. click 'Run' at the top left to start.
Migration from jQuery 1.2.6 to 1.5.x
Hi guys, Our code still uses jQuery 1.2.6 but we'd like to upgrade to 1.5.x => is there any guideline, how-to, documentation about migrating from an older version to the current one? We are hoping to see things like: What to look for How to change certain constructs that don't work anymore etc. Thanks, MM
SlideToggle
Hi!, How do i check if the state of the object that i have used the SlideToggle i need to add different calculations depending on if the object is visible or not. like if (div = visible) do something slidetoggle the div else do something else slidetoggle the div any sugguestions?
jQuery Numeric Stepper and Shopping Cart Problems
Hi Guys, I’m using woo cart from CodeCanyon to build a micro site that sells just one product this works great but when the product gets added to the cart theres no numeric stepper so i implemented one and that works also to increment the value in the input field. BUT even though the numeric stepper makes the quantity input field increase the actual product quantity and price don’t increase with it. How i can stitch the two together so that if i click the plus on the numeric stepper the price goes
item position replaced by other items below in a list
Hi, I have a page where there is a list of items and a drop container. When I drag item, the other items below the one that is being dragged moves up. Can other items stay in their respective positions when one of the item is dragged away? I am new to this and any help is greatly appreciated. I have list of items like this: <ul id="allItems"> <li id="node1" groupId="box2"><img src="nmm_logo.png" height=70 width=130 align="left""></img></li> <li id="node2" groupId="box7">Paris</li>
Prototype user - easiest path to Jquery?
Hi all, I'm a Prototype user and would like to learn Jquery. I like the depth and flexibility of Jquery, It does a lot more with fewer lines. Can anyone suggest the best path (book, online) to help me make the move? Many thanks, Jeffrey
How do I enumerate properties of jquery objects?
I have a menu that is made from a ul element (with li children). Here is an example: <ul id="menu" > <li><a href="#divEntire2">Home Page</a></li> <li><a href="#divAboutUs">About Us</a></li> <li><a href="#divLogin">Log in</a></li> </ul> I use CSS to make the ul elements look like a menu. This behaves OK when you click on the words, but nothing happens when you click on the background under the words. (there is a background image that repeats that creates the illusion of a bar under the menu with
submit and email two separate forms from one onclick event
I have a web page with two forms. I would like to click on a button and email both forms, one after the other to two different email addresses. I am new to jquery and I can't figure out the syntax but my attempt is below. I can do this with javascript but it only works in IE and FireFox but not in Chrome. <html> <head> <script type="text/javascript" src="jquery.js"></script> $('#target1').submit(function() { alert('Handler for .submit() called.'); return false; $('#target2').submit() });
running 2 effects one after another causes the element position to change before the second effect
When I run 2 effects one immediatley after the other, before the second effect happens the position of the element is changed from: position: absolute; top: 245px; left: 460px; to position: relative; top: 0; left: 0; This is the jQuery code I am using: function runEffects() { jQuery(".GasTestClass").effect("shake", 250); jQuery(".ExpiredClass").effect("bounce", 1000); }The img element I am running the effects on: <img class="GasTestClass ExpiredClass" src="Images/Icons/Group.png" style="position:
Dynamic Pages with jQuery Mobile
Hi all, I'm a new member of this forum and I greet all members of this comunity. I have a question for you relating jquery mobile. I have a web page that is built dynamically with inserting in the message body some tags "a" with href that link to an external page. These links work fine, but the problem is when I try to come back to dynamic page from the external page, all that has been created previously you don't see anymore. I home you can help me. Thanks
Cluetip : this is how to handle a good mouseout on link
Users of Cluetip, we are many to look after a way to 1- show Cluetip when a link is hovered, then discard it when mouse goes out 2- BUT keep cluetip opened if the mouse did go inside the cluetip, so that we can click on links inside the cluetip This is how to do it. Just add this parameter : sticky: true, onShow: function(){ $('.mylink').mouseout(function() { // if I go out of the link, then... var closing = setTimeout(" $(document).trigger('hideCluetip')",400);
Is there a smaller jquery?
I'm using the jquery UI Accordion to implement a FAQ page. This all works fine, except that the page first has to spend 600ms loading in jquery-1.5.1.min.js and then another 300ms loading in the Accordion UI. I'm sure this one accordion function isn't using the whole 83KB of jquery. Is there any way to reduce the amount of jquery code I have to download to implement this? I looked into gzip but my site is hosted on a shared server, where they disable gzip to conserve CPU cycles, so that doesn't
Replacing a set piece of html with another
Hi guys, wondering if anyone can help? I am wanting to select a set piece of html and and replace it with another piece of html. I've used the replaceWith command but I don't think I've written the script correctly to select the piece of html as it breaks the script. thanks guys
Problem facing to switch in the same tab
I have implemented "tabs" of jquery in my application. In my second tab there is a "form with submit" button. Form contains some field which is required so when I click on submit without filling the required data in form my page refreshes after clicking submit and I again see the first tab selected . I want when I click submit then the same tab should be selected in which my form resides. Tried hard but no luck.. Any help would be higly appreciated... Thanks - Pranav
Help on Window Widget
Hi everyone, listen up. in advance, sorry my english is not the best! i'm writing a window for a window manager with jquery, one problem tough, i can launch as many windows as i want, also have a routine to minimize the windows(which can be dragged in the virtual desktop), but when i try to restore the minimized windows, the only keep the left position, the top is the same for all of them. what am i missing? i attached the script. Help please
vertical sliding navigation - how to improve my code?
hi folks! i have been coding on this vertical sliding navigation quite a while. its tested on all relevant browsers and works like a dream. id loved to show you an example of it, but the site is under development, and i, as a little coder, am not allowed to grant access to it, additionally i do not have enough time to create a testcase for everybody to see. to give you a short insight: the site is quite long (vertically) and we wanted a small navigation (very subtle) to follow the user when scrolling.
Jquerymobile - problem: Change image on radio button select
Dear all, im new to jquery and jscript i would like to change images depending on the selection of a radio button. i try it like shown below but cant get it working, can you help me ? Thanks Thomas <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.css" /> <script type="text/javascript" src="http://code.jquery.com/jquery-1.5.2.min.js"></script> <script type="text/javascript" src="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.js"></script>
A better easing equation for bouncing?
Hi everyone :) I'm using jquery.easing.1.3.js and I'm not too happy with the behavior of easeOutBounce because the bouncing is proportional to the distance which cause a very hard bouncing when the distance is important. Do you guys know where I could find an equation that always bounces gently? Thanks a lot! :)
stop rendering of select by jquery mobile.
Is there a way of stopping jquery mobile from rendering certain elements. I've written a dynamic mobile app that uses a web service to get data and jquery to dynamically build content. However <select> rendering seems quite slow and I like the look of the native iphone / adroid selects. Also I find if I display a page once it will render correctly. However if i change the data and redisplay the page the rendering is lost. With jquery mobile 1.2a I can stop it by not in closing <select> in a field-contain
Print This Page - with preview dialog
Hello, anyone knows how to do a print script? The thing is that I need to first open a popup page (like a 'preview the page') from where you are when you click at a print this page link) and then automatic open windows.print? Again: every page at a site will have this 'print page' link, this link lives in some code in a template, so the link is not written multiple in every page around the site, so I need the popup to be dynamic and display the current page.. Tnx in advance!
Using anchors to link to page and auto-open lightbox (using PrettyPhoto)
Hey guys, I'm new to the site as well as to jQuery so please go easy on me. I've figured out jCarousel (somewhat) as well as how to implement the PrettyPhoto lightbox function but now have a core functionality challenge on my site. I want to be able to click a link on my ABOUT page that will take the user to my VIDEOS page and then immediately auto-open a particular lightbox (using PrettyPhoto) that corresponds to a thumbnail on the VIDEOS page. Does that make sense? The reason for this is I want
OR operator in jQuery
Hi guys, Can anyone assist me what is the correct way to use OR operator? If tried this code but it does not work; Anyone can help me out please? $('[name=tel_home]' || '[name=tel_mob]').parent().removeClass('error'); if($('[name=tel_home]' || '[name=tel_mob]').val()==""){ error_num++; error_mesg += "Please input one of Telephone numbers.\n"; $('[name=tel_home]' || '[name=tel_mob]').parent().addClass('error'); }
overlap of drop down menu and accordion block (display problem)
(note : i renamed this topic, original post was sent yesterday under "override of drop down menu and accordion (display problem)" and published in Using Jquery UI) Hi all I set a drop down menu using jquery naviDropDown 1.0 and use accordion of jquery-ui-1.8.11 too. I have a problem because the drop down menu is diplayed behing the accordion block. Does anyone know what the problem could be ? I attach a screenshot of what happens and head and mennu and accordion code. Head statements : Copy code
jQuery mobile -- phone and tablet size app
Hello, I am exploring jQuery Mobile to develop both phone size and tablet size apps. Does it mean i need to prepare 2 different apps.. or will it just minor difference? What are the difference in coding? Any clue will be appreciated. Thanks, -iwan
Show() N elements
Hello, I have a PHP loop, creating a <div>, ten times, and a <select> with option from 1 to 10. What i'd like to do : when I select the <option value="N"> in my <select>, i'd like the N first <div> to appear, and hide the others. How I can do this in a clean jquery way ?
Vertical tab and Horizontal tab navigation
Hi, I need for a design with vertical and horizontal box type of TAB navigation using Jquery. Please go see below sample image as i provided. Please anyone help me to get the design as below. Thanks in Advance. Gnanavel
jQuery sliding with .animation
I was hoping you guys could help me out with a problem. I am quite new to jQuery so talking to me like a beginner would help. I understand how to use jQuery to slide elements up and down but I want to know how to slide them from left to right and vise versa. My scenario is this. I have 3 images in a line. When the user clicks on the image far left I am hoping it slides out a div containing text from left to right while this is going on the other two images need to also move to the right along with
Accordian Assistance
Is there an option or event listener with which I can set each header to be a link (which opens a page in a separate frame) as well as its regular function? At the moment, the link aspect of <h3><a href="....#...">Header</a></h3> doesn't provide any linking functionality. Thanks in advance for the help <div id="accordion"> <h3><a href="#">First header</a></h3> <div>First content</div> <h3><a href="#">Second header</a></h3> <div>Second content</div> </div>
Next Page