Form animation, validation, and submission with refresh
Hello, I need some help for a page I'm trying to build. I want to duplicate what is one this page. http://www.examiner.com/x-5182-Dallas-Weather-Examiner~y2010m2d19-Snow-for-DallasFort-Worth-Even-money-potential When you press the subscribe button (beside RSS), a form drop down (which is initially hidden), and it is then validated (for email) and once submitted replaced with a thank you message. I need to duplicate this. Can anybody direct me to a tutorial, plug-in or somebody who can help me?
Unable to fadeIn append contents
So, this is my first attempt at writing jQuery on my own. I put together a fading menu of sorts if you want to call it that. The problem that I am having is everything fades fine except the image I am appending to the end of the links. It fades out great, but I cannot get fadeIn to work at all. Preview: http://cu3ed.com/jqfade.html HTML <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" dir="ltr"
complex jquery implementation !
here is my site I am working on http://jollyhits.com/classiads/search/ you will see this text there Le più richiesti: admin (9) final (6) test (2) adnan (2) sample (1) ad by adnan (1) I want it to program like that when user click on admin(9) it show the title of that link. these can be anything and any numbers of links there . any helpy would be great , thanks !
uk date insert into mysql database (newbie)
hi, new to the forum. i have downloaded jquery datepicker and modified in the jquey.ui.datepicker.js file the date format and date range which is fine, it displays on the page in uk format. however when it is inserted into mysql database with column type (date) it goes in 0000-00-00 i have read on this around about parsing the date??? i am using php with dreamweaver and if anyone could help me change it so it insertes in mysql database correctly but display as uk date when inserting and also
add or change property in selector
I'm looking for a way to add or change a property value in a previously defined CSS class - not just HTML objects that have that class. Then if later objects are assigned with this class, the objects would inherit the properties of the updated class. For example, if I change the class "image" to add "display:none", and then add the "image" class to an object, it would be displayed or not displayed depending on how this was previously defined. Thanks.
Working with strings/text
Hi all, I am looking for a way of delimiting a string of text within a list element, I reckon this is possible with jQuery but I am still very much a novice when coding my own scripts rather than opting for plugins. What I am trying to do is look for a <br> within a <li> and then style the first line of the list item differently to the remaing lines (within the same list item) - hope that sort of makes sense!? I need to this on a list that is being pushed out of a CMS dynamically, otherwise I would
JSON.parse thinks my JSON is a function ?
I'm afraid this kind of question has probably been asked 1000 times. So I will keep this short. Here is my json: {"Q1":{"months":{"Feb":"52.26","Jan":"53.50","March":"65.70"}}} JQuery JSON.parse seems to think it is a function. I get a javascript error which comes from isFunction(). Can anyone help me out spotting what is wrong with the JSON? I've tried simplifying it, I can't see the issue. Thanks for your help.
Mouseout not firing with fast movement over li elements
Hello, I have some simple code to add and remove a class when an li element is hovered. $("#nav li").hover( function(event) { $(this).addClass("hovered"); }, function (event) { $(this).removeClass("hovered"); } );The hovered class just adds a background image. When I quickly hover over the list, sometimes the background image gets stuck so it seems like the "hovered" class never gets removed. Does anybody have any ideas? Thanks.
scroll-img + tabs
Hi, I have a page with some scroll-img with jquery code. Each scroll-img are in different tabs, but the jquery code is the same for all tabs. If I have just a scroll, the code is ok, but when I put 4 scroll in different tabs, the code is not do well. How can I get the refresh of each tabs to avoid the problem of conflict jquery code? Thanks a lot Bye
iterating over selection results
I want to iterate over the results of a jQuery selection, but I don't want the DOM nodes. I want each result to be a jQuery object. Is there a way to do that? For example: $(#mySelectId > option).each(function (option) { // option is a DOM node here, not a jQuery object. // That means in order to call jQuery methods on it, I have to do something like this: var jqOption = $(option); // I don't want to have to do this. // Now I can do things like this: jqOption.addClass('myCSSClass'); }
Using selectors on data returned from getJSON
Not sure if this should go here or the Using jQuery Plugins forum. I have the following javascript: <script type="text/javascript"> $(document).ready(function(){ // autocomplete setup $("input[name='search']").autocomplete("inc/php/suggestions.php", { width: 250, selectFirst: false }); // grab info for result $("input[name='search']").result(function(event,data,formatted) { var sku = "sku="+formatted; $.getJSON("inc/php/results.php", sku, function(data){
ajax php
Hey everyone, i'm trying to make a simple contact form that sends data to a php mailing script using ajax... I can't get it to work, here's what i've got: phpmailer.php <?php $emailTo = $_POST['emailTo']; $subject = $_POST['subject']; $message = $_POST['message']; mail($emailTo, $subject, $message); ?>form.js $.post("control/php/sendemail.php", { emailTo: 'my@email.com', subject: email, message: message }, function(data){ alert('sent');
2 DIV's / 2 Functions...
On my website there are two main divs and when any of the top header links are clicked one function happens to each of them: - #main-content-info (black) - #main-content-portfolio (white) The jQuery .slideToggle's the black div in to view, THEN .toggle's the display of the white div. In that order. Here's the code: $(document).ready(function(){ $(".slide-button-one").click(function(){ $("#main-content-info").slideToggle(800,function(){ $("#main-content-portfolio").toggle(); }); return false;
jquery issues in ie7
I'm using jquery ajax to parse an xml file. Creating an array of elements using the following: var objProps = $('Properties', xml).children().get() In FF the data displays correctly and in order. In IE7, all the elements are there but completely out of order. Any help or suggestions would be most appreciated!
Regarding plug-in for submitting form only showed when button pressed
Hi, I was wondering there was a plug-in or if somebody could direct to a script that mimics this page. http://www.examiner.com/x-5182-Dallas-Weather-Examiner~y2010m2d19-Snow-for-DallasFort-Worth-Even-money-potential When the user selects the "Subcribe" button (beside RSS), the form drops down, validates email and once the form is sent, the entire section is replaced with a thank you message. I need the exact same thing for a page I'm building. Can anybody direct me to a script, tutorial, plug-in
Problem with Webkit form submission
I'm running into a problem with the jQuery submit() function that seems to be one of a) a jQuery bug, b) a Webkit bug, or c) something stupid on my part. Given the following code, the form gets submitted with one click using Firefox and IE, but requires a second click on Webkit-based browsers (Chrome and Safari): <html> <head> <script src="http://code.jquery.com/jquery-1.4.2.min.js"></script> <script type="text/javascript"> function submit_form() { $('div').html('Submit
simple right click menu style dropdown list
I am trying to setup a simple list popup drop down type menu .. like how may be facebook has the My Account link where you click on it and opens up like a drop down list with multiple options .. if you click on one of them or hover out .. it collapses and goes away .. what I have so far is HTML <dl> <dt>Actions</dt> <dd>xxx</dd> <dd>yyy</dd> <dd>zzz</dd> </dt> </dl> CSS dl{ border: 1px solid #000; padding: 2px; width: 180px; cursor: pointer; } dt{ margin: 0; padding: 0 0 0 2px; background: #ccc
.load() method won't get html from a parent directory
I'm trying to use the ajax load() method to load a file from a parent directory, e.g. $("#divTests").load("../tests.htm"); But that doesn't work. I can load a simple html file from the same directory as my html file or a descendant directory, but not an ancestor directory. Nor can I load from an external server. I'm doing my testing on my PC and I'm not running a server (apache or otherwise). Just using it as a simple client. Is that possibly the problem? Or is there something else I'm missing?
Menu Fader Problem....!
I am trying to build a Menu Fader menu bar with the jquery.js script from http://css-tricks.com/examples/MenuFader/ . After I started making modifications (new home, about, contact .pngs) and edited the associated css so that there was no line displayed under each "link", I decided to start adding the rest of my "links" (services, portfolio, praise, etc.) to the menu bar. I created two new styles for each "link" so the additional links would fade-in/fade-out and display the content. However, the
$.post is delayed in Firefox when posting duplicate data
I was going to post this as a question, then as a problem, but now I think it should just be sharing my experience. On my page I have a jQuery modal dialog. It contains a checkbox associated with a product being shown in the dialog. Checking the checkbox is supposed to post the product's title to the server (using $.post). During my tests, I opened the dialog for different products, checked the checkbox and quickly pressed Esc key to close the dialog and move on to another product. What I've noticed
Send XML to the server gets "Type Mismatch" error in IE, though works fine with Firefox
Hi I have followed instructions on this page: http://blog.reindel.com/2009/06/10/sending-an-xml-document-object-to-php-with-jquery/ and in my case I added following to the HEAD section: <script type="text/javascript" src="jquery-1.3.2.js"></script> <script type="text/javascript" src="jquery-ui-1.7.2.custom.js"></script> <script type="text/javascript"> jQuery.createXMLDocument = function( s ) { var browserName = navigator.appName; var xmlDoc; if ( browserName == "Microsoft Internet Explorer"
Rounded_Corners - problem with DIV position
Hi, I am new to jQuery and very impressed of possibilities it gives ;-) I have found nice short tutorial here: Rounded_Corners it works fine unless I try to move it. I have added only one DIV over all: <div style="position:absolute; left:50px;top:60px;"> <div class="roundbox"> ...see the link I provided...its the same as in the example </div> </div> Now I see that my text (white) moved but not background. How do I properly position the whole DIV of class "roundbox" ? What do I wrong? regards RAfal
IFrame - Transparent - Accordion
Hello! I have been trying to understand how to call an iFrame that makes the page dim, and then allows the frame to expand with an accordion effect. Not sure if I am using the right words, as I am searching to understand the technology. I finally decided to search out an answer after seeing Google use this feature here: http://www.google.com/buzz (Click Watch Video)... Can you please help me understand how to make an iFrame pop up and enlarge in some accordion type effect, while dimming the website...?
Page moving to top when using html()
Hello, I have to dynamically update some selects which are styled with Stylish Select 0.4.1. The problem is, when I use the html() function to update the select tag, page moves to top without any reason... My code : $('#chope-ta-moitie select[name=region]').sSelect({ddMaxHeight: '250px'}).change(function(){ if($(this).getSetSSValue() != 'toutes') { $.get('modules/live/chope-ta-moitie.php', {type: 'region', valeur: $(this).getSetSSValue()}, function(data){ $('#sous_region').html(data);
How do I use dequeue?
I'm trying to wrap my head about queue and dequeue; here's the description of dequeue from the api site: When .dequeue() is called, the next function on the queue is removed from the queue, and then executed. This function should in turn (directly or indirectly) cause .dequeue() to be called, so that the sequence can continue. Here's what this sounds like to me: dequeue is called the next function (fn) in the queue is removed from the queue fn is executed dequeue is called inside fn
How to element with focus using jquery
Hi, I have an input box with an id. I also have a jquery hotkey plugin which fires when i press F8 in this case. $(document).bind('keydown', 'f8', function (){ //do stuff here return false; }); The hotkey works just fine. (ive tested with alert boxes) What I am trying to do is find the cursor location (and then the elements id) when the f8 key is pressed. or... I want to find which input has focus on keydown. Any genius ideas welcome.
jQuery - IE 6-7-8 problem with animated gif
Hello! I have a problem when i try to fadeIn an animated gif. I give you a quick example: ------------------------------------------------------------------------------------------------------------------------------------------------------------ <script type="text/javascript"> $(document).ready(function () { $("input[type=submit]").click(function () { $(this).fadeOut("slow", function() { $("#loading").attr("style", "background: #fff url(loading.gif) no-repeat; height: 16px; width:16px").fadeIn("slow");
Modify this script?
Hi, I used the Elastic Thumbnail script found at http://buildinternet.com/2009/09/sproing-make-an-elastic-thumbnail-menu/ in my site design at http://beta.ponderosatreeservice.com/beta2/index2.html (warning, work in progress!). I want to know if it's possible to have it fade into another image when the thumbnail expands on hover. You can see a write-up I made showing how I want it to function at http://docs.google.com/Doc?docid=0AUjVEz7ApSYfZGQ3M3ZubWZfMjE3Zmg3M2t6aHA&hl=en I'm hoping it could be
Trying to change background-image depending on what page im on
Hi everyone, I hope someone can help, I have very little programming knowledge so the more information you can provide me the better please. I have a header div on my site that appears on every page. Currently there is a background-image to this div as a site wide image, however I want to make my site a little more dynamic than this. What I want to acheive is to have a script that runs in say a product listing page that uses the specific product catagory image for the div for that specific page.
Image doesn't load on Opera 10
Hello everyone, I try to get an image size like this : $("a").click(function(){ var img = '<img id=\"i\" src=\"'+ $(this).attr("href") +'\" alt=\"'+ $(this).attr("title") +'\" />'; $("body").append(img); $("#i").load(function() { $("#is").text("image size : " + $("#i").width() +" x "+ $("#i").height()); }); return false; });Opera shows nothing. If I don't use the .load() function Firefox 3.6 shows first the size of the alternative text. Then if I click a second time it
Animation over crossfade
I am looking for a jquery plugin that will replicate the features of the slider on this page: http://www.paremodelingpros.com (which I think uses a mootools plugin) The features I would like: - mouse over the tabs on the right and the content changes on the left panel with cross fade - a transparent overlay is animated over the left panel during the crossfade - each tab is a link to another page Thanks very much.
Ajax Problem
Hello Everyone I am using jQuery $.ajax({}) function in ASP.NET. my code snippet is jQuery.ajax({ type:"POST" url:"Service\FunctionName" }); this type of Code working fine in Internet Explorer What When I am testing this On Google Chrome its give me the URL error. please let me know how do i overcome from this problem
load function seems to alter the scrollable tags after the new page is loaded
Hi, I am using the jquery load method to load an html page that has a horizontal scrollable menu (based on http://flowplayer.org/tools/index.html) into a div element of the main page. The load is done ok, but the menu is nonfunctional since the menu image is "moving up/down" on IE or Firefox while I am trying to test the menu. The menu page work OK if it is executed as standalone. Anyone has an idea ?!? BR, Dan S.
jQuery Functions/callbacks
I have made a control (in .NET) which uses a treeview, and binds a click event to each a tag, and when it is clicked a hidden asp.net control has it's value set with the ID of the item selected. This is working very well, and is a self contained control. Now i want to update another control based on the selection of this, and also to update the control via ajax with a dependent set of items based on that initial selection. (think cars and models example, i pick a car and then want to get the models
Using contains() when form submits
I am trying to figure out the contains() selector, and I may be using it incorrectly. Basically I am trying to check if the email input field contains 'invalid' in the user entered value. So shorthand it would be like this: if (email value contains 'invalid' when form submits) { do something; } This is what I have: <!DOCTYPE html> <html> <head> <script src="http://code.jquery.com/jquery-latest.js"></script> </head> <body> <form name="requestInfo" id="requestInfo" method="post" action="">
Not Contain selector?
I have read the documented jQuery api and have found that there is the following selectors: Contains (name*=value) Contains Word (name~=value) Equals (name=value) Not Equal (name!=value) Is there some sort of "Not Contain" or "Not Contain Word"? If there is, it is not documented, and name!~=value or name!*=value does not seem to work. Currently I am trying to select all the div's in my document, but exclude div's with a certain class specified. Naturally one would assume Not Equal (class!=value)
Safari 4.0.4 mac issues with object recognition
$(document).click(function(e) { ... if(!$(this).is('object')) { nextSlide(); } ... }); I have created a presentation style webpage, which progressive hides and shows divs on mouse clicks. The problem is that Flash videos are embedded in between some of the divs and so I do not want to click onto the next slide when the mouse is over the Flash object. To avoid this, I have used the above code, which works fine in Firefox 3.most-recent and IE 6,7 and 8. However, it does not work in
Password and Password Confirm Inline
Does anyone know if there are any plugins or code available that would allow you to have a password field that after a password was entered and focus left (onBlur) that same password input would display the text "Confirm Password" and when they put the mouse/cursor back on the back to confirm the password, it would allow them to enter the confirm password (displayed as asterisks)? So the input would go from type of password to textbox back to password. I have done this with pure javascript, but am
Dialog, form checking and Spry
I am trying to implement spry into my form check and for the most part it works. I am not getting any errors but no matter what are the result is function is not continuing. So basically if agencycheck() returns true it should go on to other stuff but that does not happen. I am sure that spry is getting back correct results since updateTips() works in both instances. the function is executed on form submit button checkAgency(shortname), and shortname is the name of the form field. function checkAgency(o)
My rotator plugin, need your opinion
Hi everyone, i'm a new Jquery User and i need your opinion about my plugin, let me show you the code : First, html code : <div class="rotator"> <ul> <li><p>First item</p></li> <li><p>Second item</p></li> <li><p>Third item</p></li> </ul> </div>Now, the rotator plugin : (function($) { $.fn.rotator = function(params) { params = $.extend( { speed: 5000 }, params); var t = this; var
Next Page