Take The Free Jquery Code With Explanation For Carosel And Tree Structure.. Clear Explanation In Simple Manner..Also Need Ur Comments On These To Improve Us
http://mediamilan.com/how-to-create-simple-and-sleek-jquery-carousel-gallery/ //For Carosel http://mediamilan.com/how-to-create-simple-tree-structure-menu-using-jquery-and-css/ //For Tree View
jQuery has boggled my mind, new and need help!
I am creating a system which utilizes the viral nature of allowing others to rebrand a pdf. I have a reranding script that allows users to put their info and it hosts the pdf on my server. The pdf is embedded in an inline frame that requires an email to "unlock" for list building purposes. Since I've got my system set up so that the pdf is embedded into the Iframe requiring an email to unlock, how can I use jQuery so that my affiliates can fill out a simple form and replace my email form account
Jquery Multiple add row(s) using after from a function...?
Hey guys...! Suppose I have this one, <!-- mula contact person div --> <div name="contact_person" class="round"><table id="contactptable" width="590" border="0"> <tr> <td colspan="2"><input type="button" id="contactpadd" value="+" />Contact Person</td> </tr> <tr> <td><input type="button" name="contactpremove" value="-" /></td> <td> <select name="contactptitle" > <option>Mr.</option> <option>Ms.</option> </select> <input type="text" name="contactpname"
jQuery 1.52 and dataFilter conversions
Hi all, It looks like jQuery 1.52 has broken some custom JSON parsing for me. I use custom JSON decoding to allow for date parsing. I've been using this code for a long time back to jQuery 1.3 and it's just now with version 1.52 that this is breaking. The $.ajax() code I'm using looks something like this where I'm using a custom dataType (serviceproxy) to bypass the default decoding pipeliine (but I've also tried this with text with the same result): $.ajax({ url: url,
Hoping there is a simple mod to this
I bought this accordion (http://codecanyon.net/item/modern-accordion/full_screen_preview/48072) which runs off of jquery and need to modify one thing. I, and several others, have asked the developer for the answer but no replies. As you can see the accordion never closes, once opened—it can only switch between the tabs. I would like to be able to click on the tab again and make it close. Better yet, I would like to mouseover the tab to open it and then once my mouse leaves any part of the opened
Jquery Issue with other Javascript in page
Hello, I am a relatively new Jquery user and more of a PHP developer in general. I am currently doing both for a project and having some issues with a Jquery image slider and the other Javascript I'm using in the page. The basic page contains two main scripts: a vertical Mainmenu and a scrolling Marquee across the bottom of the header. These have been working fine but I just tried to insert a cool Jquery slider called the Nivo Slider which uses jquery-1.4.3.min.js and also its own jquery.nivo.slider.pack.js
sliding div's out of sight and delays *UPDATED2 with CODE* [70% SOLVED]
hey I want to make a webpage with 6 div's: one on the left and contains the buttons to control the others and occupies half the page -left half- 2nd that upon a button press from the 2nd slides down in the middle the others occupy the right half of the page and are behind each others and are viewed up button click on the 1st, on 1st click the 2nd comes down in the middle and the 1st one of the right divs slides out of sight and makes the one behind it visible, on second button the one behind it slides
Loadfile based on div name only loads first one!
Hello. I'd like to load 3 html files (file1.html, file2.html and file3.html) after onmouseover on one of 3 divs. However, it always loads only file1.html (basing on first div from the top). What am I doing wrong? Code: <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> <script src="./jquery.min.js"></script> <style type="text/css"> .mOver{ border:1px solid #000000; width: 120px; text-align: center; float: left;
hide / show based on a select value
Hi all, I am trying to hide/show a div based on the value of a select element with id JobType. As a test I use an alert to test this code but always, no matter what option is selected, get the alert. This is my code: $(document).ready(function() { $("#JobType").change(function(){ if ($(this).attr('selectedIndex', 1)) alert("option 1") }) }); Is there a way which would allow me to do that
Feedbeck jquery helpe
Hi i have a contact form like this: <?php $mailTo = 'mail@company.com'; $name = htmlspecialchars($_POST['Name']); $mailFrom = htmlspecialchars($_POST['Email']); $telefon = htmlspecialchars($_POST['Telefon']); $adresse = htmlspecialchars($_POST['Adresse']); $subject = htmlspecialchars($_POST['Subject']); $message_text = htmlspecialchars($_POST['Message']); $message = 'Navn: '.$name.' E-post: '.$mailFrom.' Telefon: '.$telefon.' Adresse: '.$adresse.' Melding: '.$message_text;
Need help with a basic accordion script.
I've got my accordion working. http://www.bassettboy.com/salt2/ The html and jq are as follows <div class="nav"> <h3><div></div> <h3><div></div> <h3><div></div>etc.. </div> $(document).ready(function() { $('div.nav> div:gt(0)').hide(); $('div.nav:eq(0)> h3').click(function() { $(this).next('div:hidden').slideDown('fast') .siblings('div:visible').slideUp('fast'); }); });This hides all divs except the first one (check the site) on load, then whenever I click a h3, it performs as
Creating and deleting items, using live()
I have some ajax functionality I have made, this basically creates an item in a database by an add button, the items are in a li. I have a delete button span which when pressed shows a confirm or cancel buttons which are hidden initially, If i have more than one item in the list is will show and hide them on all the items in the list, heres the code $('.source_delete').live('click', function(){ //Fade out delete button $('.source_delete').fadeOut(); //Show confirm
change (not doing it)
i have a scipt ive made which validates email and confirm email fields...but change isnt doing what i want. basically i want the script to run when a user is typing not when change has happened to the fields and focus is off the field. is there a way of doing is? i hope you understand my question...thanks
jQuery ajaxSend global event inconsistency ( jQuery 1.4.4 )
Hi, In one of my recent projects I am using/observing "ajaxSend" event for some logging purpose, I am listening on the <body> tag for the event using a code like below: $( document.body ).bind( 'ajaxSend', function log( event, xhr, settings ) { console.log( settings.url ); } );The above code is working fine for almost all the cases except few and I am also able to log the XHR calls properly. But I have noticed that in some cases this "event" does not bubble properly ( I mean that it does not bubble
Why doesn't work the animate() method with a css top property
Hello I'm trying to move a div with the animate(); Method but doesn't work with the top css property this is the method that I use $('.btnControls').click(function(){ $(".itemContainer").animate({top:"200px"}); }); which is the reason for doesn't work.? Help me... Thanks
Default value for content>li on page load
Guys sorry I am to 100% new to this and this code landed in my lap today. The problem is the content switches fine after the user clicks on each menu item, but the content window is empty when the page first loads. I would like to set page1 content to be visible when the page first loads. <div class="wrapper"> <aside> <h1><a href="index.html"><img src="images/logo.png" alt=""></a></h1> <nav> <ul> <li class="itm1"><a href="#page1">Home</a></li> <li class="itm2"><a
How to use an image in my sliding navigation menu?
HI, I am creating a website whose navigation uses images as links. Whenever an image link is created I want to slide the content in a <div> coded content which is located away from image. I want the slider effect for three pages. image1----home page image2----contact image3----services Please don't give me tabbed slider which I saw in many websites. I am new to jQuery. So,give me examples or any website that gives tutorials or software for this. Please help me....
Preload in the background?
Hi, I am adding a few images to my page like this: $('body').append('<div id="galleryContainer" class="galleryContainer"></div>'); var galleryContainer = $('#galleryContainer'); var imageCount = imageArray.length; //imageArray is a array which contains the URLs to the images for(i = 0; i < imageCount ;i++) { $("<img/>").attr("src", imageArray[i]).appendTo(galleryContainer); } this work, but I want to do this in the background. That means, I want to show my page and then,
Qwerty Shifter (keyboard event handling)
Hi I am trying to develop a Qwerty Shifter http://www.cross-browser.com/toys/qwertyshifter.html by handling keyboard events. I want to display a textbox and as user type any text it changes at once means as user types "a" it display "s" "b" changes "n" for internet explorer I have script BUT want a cross browser solution for this function InputEventKeyPress(event){ window.event.keyCode = shifter (window.event.keyCode); } //Key press function shifter (keyAscii) {
Different Action Depending on val()
Im trying to do a different action depending on an inputs value. If the val is subscribe then it adds the record to the database and changes the val to unsubscribe. If the val in unsubscribe then it removes it from the database and changes the val to subscribe. however when the val is subscribe and clicked it inserts the info to the database and displays the new val(unsubscribe) but if it is clicked again without a page refresh the script still thinks the val is subscribe. I have alerted the val
Getting xml node's all attributes
Hi there, it has been a short time since i use jquery... I am now stuck on a problem with jquery- getting a xml node's all attributes as an array for example... I have searched a lot on that with no luck ! Is there a way on getting all attributes of a node with jquery? Thank you community.
What's the efficient way to modify variable of jquery?
Hello everyone...! Current topic is that I have this div: named as "contact_person" <div name="contact_person" class="round"><table width="590" border="0"> <tr> <td><input type="button" name="contactpremove-1" value="-" /><input type="button" name="contactpadd" id="contactpadd" value="+" />Contact Person</td> </tr> <tr> <td> <select name="contactptitle" > <option>Mr.</option> <option>Ms.</option> </select> <input type="text" name="contactpname" size="80"
fadeOut works in FF4, does NOT work in Chrome10, IE8
jQuery 1.5.2 Simple page with several block elements, <img class='disappear'> & <p class='disappear'> (in that order), both unpositioned. <script type="text/javascript"> $(document).ready(function(){ if ($.browser.msie) { $('.logo').boxShadow( 10, 10, 5, "#888"); } $('.disappear').fadeOut(10000); }); </script> In FF4, correctly fades out both elements. In Chrome10, fades out the <p> only. In IE8, fades neither out (&
Jquery and ul li Tree
Hey guys...! I kindda bit confused here. I have this list showned; <!-- div kiri started --> <div id="kiri"> <!-- ordered ul started --> <ul >Management Setup <li id="supplier">Supplier</li> <li id="customer">Customer</li> <li id="staff">Staff</li> <li id="bank">Bank</li>
SIMULTANEOUS modals?
it is posible to have to modal box at the same time? each modal has different content. Please share me some codes... thanks.. ^^...
jquery selector
I am a rank newbie. i'm trying to make a simple folding page menu in wordpress, once that expands when you mouseover. the menu is here http://lpcurriculum.avatarpublication.com LP Curriculum write now i am able to load the page closed, and when I mouse over I am able to expand ALL children, but what I really want to be able to do is just expand the children of the currently moused over LI. The code I got now is selecting all children and just expands the whole menu. not what I want? jQuery(document).ready(function(){
long polling question
I'm trying to create a basic app which uses long polling. So, my site makes an Ajax request to my server. My server script loops (10 seconds long) and checks if there's new data. If there's new data availible, it returns a JSON string and the new data is immidiately displayed on the webpage. But the problem is, when the Ajax request is made to server and no data comes in for 10 seconds, then that means it waits 10 seconds. In those 10 seconds i can't click on any other links in my webpage. It sits
getting content of a page by ajax or php
hi i have a page that its content loads by jquery ajax, i mean i have this code at the end of my page: $(document).ready(function() { $.ajax({ type: "POST", url: "inc/content.php", data: ({'content_id':5}), }); });recently i found out google robots could not run this code, so the page content (that come from content.php file), wasn't considered by google. so i think my only option is to get content by php, what is the equal php code for getting a
Form disappears before mouse can get to it
I have an item at the end of a menu that when it is moused over, it makes a form visible underneath it. On some machines running Safari the form flashes on and of on hover, and disappears when the mouse leaves the trigger. I can get it to happen in Firefox if I move the mouse super slow from the trigger word to the box. I've tried moving the log in box closer with css, and it still happens. here is the javascript: $(document).ready(function(){ var both = $(".both"); var
firing code when an element is appended to
Hi Folks, Say i have some container elements on a page which get other elements appended to them dynamically as a result of various events scattered throughout the javascript in the page... is there any way of attaching code that would get fired for that container whenever something gets appended to ( or deleted from) it ... like the change event for text boxes but much more generic? Cheers, Robin.
Extract URL from a list item newbie question
I am a total newbie as far as jQuery is concerned so this may be obvious to those with a little more experience but I have inherited some code which provides an autosuggest list as an HTML list .. the items in the list can be highlighted using the up and down arrow keys and if you click on a highlighted item using the mouse a new URL can be triggered. What I want to be able to do, though, is also allow the user to hit ENTER on the selected item and fire the URL that way. This seems to be the bit
Is this a regression or a known issue in 1.4.3+ and IE7/8?
Hi guys, I'm one of the developers of WordPress. We use jQuery a lot in the admin. There's a problem that surfaced after upgrading from 1.4.2 to 1.4.4. This problem still exists in 1.5.1 and 1.5.2RC. On the Edit Page screen in WordPress admin we have a drop-down containing all published pages. If the number of entries there is more than 300, IE7 and IE8 show an "Unresponsive Script" error when trying to use the drop-down (clicking on it). If the number of entries is just under 300, the drop-down
siblingCheck Causes Unresponsive Script Message in IE8
In IE8 when there a lot of siblings, the while loop within causes the unresponsive script message. I am seeing this when it is called from within sortOrder. Since IE8 does not support compareDocumentPosition, sortOrder is defined to make calls to siblingCheck
Prevent browser errors when getting 404 responses on xhttprequests?
I have a use case where i send several requests via $.ajax, where some of the calls return a 404 status code. This is fine for me, as i can simply ignore them. My problem is, that at least chromium complains about resources that failed to load. I know this is not directly a jquery question, but i'd like to prevent the error from bubbling to the browser. any ideas?
.load() doesn't work on iPhone fullscreen webapp when using 3G - jQuery 1.5.2
Hi, yes, that sounds like a strange problem and I think it really is. I observed the following behavior after upgrading to jQuery 1.5.2: When my webapp runs in fullscreen mode on the iPhone and connected using 3G, the .load() function doesn't seem to work. When using in mobile Safari (normal mode) or connected through WLAN, it works as expected. When downgrading to jQuery 1.4.4 it runs in 3G and fullscreen mode. I have no idea how to analyze that problem further, as I cannot read log messages in
proplem with jquery code when i add a selector
hello i have a proplem with this code when i add my selector #nav $(function() { $("#nav ul > li").hover(function() { $(this).find("ul").stop(true, true).fadeIn('fast'); }, function() { $(this).find("ul").stop(true, true).fadeOut('fast'); }); });but when i remove my selector #nav it's work $(function() { $("ul > li").hover(function() { $(this).find("ul").stop(true, true).fadeIn('fast'); }, function() { $(this).find("ul").stop(true, true).fadeOut('fast');
How to get element index in dynamic form
Hi I try to make a dynamic form with inputs depended on selects fields. My method works in static form but I don't know how to use it in dynamic one. JSON function ( to control correct input with select) $(document).ready(function() { $('select.sf').change(function() { var z = $("select.sf").index(this); $.getJSON('ajax.php', {option: $(this).val()}, function(data) { $("[name^=jed]").eq(z).val(data.inputValue);
Add html to the current place?
Hi everybody! I have the following code: '<div class="Comment">' + $.each(post.Comments, function (i, comment) { document.write(comment.Description); }) + '</div>' );The document.write() is not working ;-), it erase all the content of my page in fact. What I want is just write the HTML contained in 'comment.Description' for each iteration. (comment.Description
Newbie help for "Simple Tabs w/ CSS & jQuery"
Hi All, I'm kinda new to Web Development (knowing just enough of CSS & HTML to be dangerous)...but little or nothing of jQuery/JS to do anything at all. So anyways, I picked up this great piece of work from http://www.sohtanaka.com/web-design/simple-tabs-w-css-jquery/#comment-14970 (thanks to Soh Tanaka) and it works just great "as-is". Now, the thing is...I'm trying to modify it to allow for a link (within the content of a selected tab) to change to a different tab (instead of having to click on
how to access the “id',”name" etc. of Loaded URL in iframe from the HTML file using Jquery
I have an Iframe.html file : <body onload="alert('frame 1 loaded');"> <div> This is frame 1 content </div> <a id="a1" href="Sample.html"> click</a> </body> Sample.html <body> <ul id="list1"> <li name="one">one</li> <li name="two">two</li> </ul> And I calling the iframe form test.html file : <script type="text/javascript" src="jquery-1.5.1.min.js"></script> <script type="text/javascript"> $(document).ready(function() { var i=10; $("#frame1").ready(function () {
Next Page