Slider does not work!
hello guys! I'm new here in the forum, then I'm sorry if posting something repetitive or in the wrong place. but if someone generous like to know why my slide (located in the footer) does not work, take a look www.edsongallo.com many thanks for your help
Slider does not work!
hello guys! I'm new here in the forum, then I'm sorry if posting something repetitive or in the wrong place. but if someone generous like to know why my slide (located in the footer) does not work, take a look www.edsongallo.com many thanks for your help
simple .delay problem
Hi, I have a small introduction image and paragraph that I'm trying to fade in with a delay when a person loads up my homepage. The fade in works fine but when I add the .delay it just makes the introduction not show all together. window.onload=(function() { $("#intro").fadeIn(1500); }); That's my code that makes the #intro fade in. Works fine from what I can see? But when I put the delay in it doesn't work and the #intro div doesn't show up at all anymore. window.onload=(function()
jquery not working on linux server. firebug id showing error - data is null.. please help
I have just started working with jquery... in my local system everything is working fine.. but when i upload the code to server its not working n firebug is showing error that data in null.. when i pass some values to php and get them back with json_encode and alert in js file with alert(data.result) - please do the needful. - shwetz
jQuery conflict with other scripts
Hi all, I'm new to the javascript world and am finding odd behaviors from scripts when combining them is it possible to have conflicts between jquery and jquery UI and other scripts? I had problems loading the UI tabs and a paginate pluggin and also loading the tiny_MCE normal script (non jquery) didn't work for me but the jquery version did.... Where can I get info on possible conflicts between scripts/includes? All this is happening when loading several pages into wordpress through ajax query
Fade in, Fade out, Redirect.
Hello, I'm pretty sure this can be done with jquery, I just can't figure it out. here is EXACTLY what I'm trying to do, but I do not want to do it in flash: http://activeden.net/item/-fade-in-logo-fade-out-then-redirect-site-intr/55052 Thanks for your help, tim
problem with slideToggle
Hi, I am the new one in Jquery. I am getting one problem to implement of Jquery slideToggle. I have two files. on first file I have a drop down menu and through jquery slideToggle I slide down and up. This works fine here. but if I click on the link mention on first file to call 2nd php file I want to grab the previous file slideToggle value that what the user was left this menu hide or display. If the user left the menu hide last time on 2nd php file I want to menu hide in 2nd file or if
ajaxStart Problem
<script> $("#region").change(function () { $("#city").ajaxStart(function(){ $("#city").addOption("Loading", "Loading...."); }) $("#city").ajaxComplete(function(){ $("#city").removeOption("Loading"); }) $("#region option:selected").each(function () { var region_select = $("#region").val(); var country_select = $("#country").val(); region_select = "findlocation.php?do=city®ion="
slidToggle() doesn't work when I use .next()
Hi! I found a script to hide and show a content using .slideToggle(). I have many element to hide and show. The problem is that all my different contents were showing at the same time. To make sure that just one single content is shown, I tried to use .next(). Unfortunately, it doesn't work. My .toggle_container div still closed. How can I make it work? Thanks! Here is my js : $(document).ready(function() { $('.toggle_container').hide(); $('a.trigger').click(function() { $(this).next('.toggle_container').slideToggle('slow');
Pass Post variables on clicking an hyperlink.
Hi, I am very new to this and I need some help. I have a situation like this. I need to pass post variables when I click on a hyperlink. Can any one help me. Thanks a lot.. To be clear I have something like this. <a href="test.php?name=test">Click</a> If javascript is enabled, I think I can use "event.preventDefault()" to suppress passing as GET variable. So now onclick, name should be passed as post variable instead of get. If javascript is disabled, Then the above should work.
jquery - fade? animate? hover state(on mouse)
Helo everyone Doh i don`t know how to start... I would like to make a button(link) which will change on hover(on mouse effect). I found plenty of stuff on net but I decided to make my own. Generally i was interested in making button which will fade into another(the same but diffrent color) when hover first i made css style: " .button{ background:url(pic/button.png) no-repeat; background-position:0px 1px; display:block; float:left; height:39px; width:209px; } .button:hover{
Need help with user input for a RSVP counter...
I need to add to my website an RSVP counter. I would like the user to input the number of people who will attend and then when they click submit have that number added to those who have already RSVPed. This sounds simple, but I can't figure out how to write the code. Any ideas? Thanks!
Is this a good technique - Toggle
This is my site: http://www.zombiemod.com/sm/test6.html# You can see it has content in closed toggles. Im thinking that to keep the page loads snappy, I should load the javascript and visibile content on the index.html. Then if a user clicks on the tab to expand the content, then the javascript will load the content inside the tab, and then open the tab. Its basically just queing and limiting the amount that is downloaded initially, to try and keep it all snappy. I feel that if all the content was
Need help with toggle's. One button to expand all
Im using the toggle script demonstrated here: http://www.sohtanaka.com/web-design/examples/toggle/ It works perfectly, but im wondering if it is possible to have a button to expand all and contract all. Ive been reading through this page: http://api.jquery.com/toggle/ Im having a hard time understanding it, because this is one of the first things I have worked on with jquery. Can anyone help explain how I can do this?
Compatibility problem
Hi all, I'm new to jQuery and JavaScript programming. I encountered my first really hard problem with javascript and compatibility with browsers. I have a PHP page that show a set of images that can be filtered (with a fadeOut of the no more needed images and a fadeIn of the new) through a set of selects and a button. Each images on the event "onclick" will call a function "showInfo". My problem is that the "old" images rightly call the "onclick" function, but the "new" images don't call the onclick
jQuery not processing Euro Bank XML
hi. I am just trying to retrieve a simple XML file located on that address: http://www.ecb.int/stats/eurofxref/eurofxref-daily.xml I am trying: $.ajax({ type: "POST", url: "http://www.ecb.int/stats/eurofxref/eurofxref-daily.xml", dataType: "xml", success: function(xml) { alert(xml); }); }, error: function(err) { alert(err); } }); but it's not returning nothing. sometimes, 200 or 206 HTTP error. Anyone can help me?
Reversing sortable
Hi all, I came across the sortable feature of JQuery and found a tutorial that showed how to take a sortable list and create an array that contained the order of each element in the list. My question is this: Is there any way I can take an array of orderings and get the list to rearrange itself in an animated fashion... I'm currently thinking of having a reset button for the user to reset the list back to its original format. Hope you guys can help me out with this one! Thanks!
Auto Login, how to ?
How can I make an Auto Login for these two login types? <form method="post" action="auth/login" id="login-form"> <div> <label for="rememberme">Remember me</label><input type="checkbox" name="remember me" checked="checked" class="remember"> <label class="no-js" id="email-label" for="email" style="display: none;">Email</label> <input type="text" autocomplete="off" value="" name="handle"
Visual studio intellisense by jquery-ui-1.7.2.custom.min.js
Hi. I have an web page that link in it: jquery-1.3.2.js And I copied jquery-1.3.2-vsdoc.js in same folder. Visual studio intellisense work correctly. But when I link jquery- ui-1.7.2.custom.min.js, intellisense doesn't work. What do I do? Is there jquery-ui-1.7.2.custom.min-vsdoc.js, that I must get it and copy to same folder? or there is another problem? Please help me.
fadeout and settimeout combination
thank you in advance for any time. i want a fadeout to be timed and then re-direct to another site. 1-site ready 2-user click img 3-img fadeout("slow") 4-load dest site its not working and i am very new, hopefully a basic question to a more experienced user. any help would be great! <script> $("img").click(function () { $("img").fadeOut("slow"); setTimeout(function() {"redirect.com", 5000); }); </script>
Easy Retweet Button
I am using your easy retweet js in my blog. It shows the total count of traffic for particular blog post. But sometimes it shows the constant numeric value like 1315 ,1388...etc., in this series. At that particular time, the bitly url becomes like http://bit.ly/Undefined, can you help me to find out the reason. And also is there any way to get only the tweet count alone. P.S: I am using all the values as default given by you (Username for bitly account) --With Regards M.Bala Ganesh
Hide an entire class, how to ?
I have a bunch of classes like this one: <div class="productFrame pfs freshout"> <span class="productTitle"><span class="pti">Apple</span></span> <span style="background-image: url(http://static.com//landing_E01-10-P000-00561-NNN99_01.jpg);" class="productImage"></span> <span class="productInfo"><span class="pii">iMac 21.5-inch Computer</span><span class="piptz">3500 PTZ</span></span> <span class="productStatus"><span class="psi">MORE SOON</span></span>
Click on page and plugin disappears
Hi, Ive been using JS for a while now and just started with jQuery but the one thing i can find a source/example for is when you click on a random part of the page like in Thickbox or the jQuery calender the plug-in disappears and the page returns to normal. Hope someone knows the simple answer to this as i can't find the name as to what its called. Cheers, Chris
How to load img from thumbnail?
I just figured out a horizontal image scroller.. although I didn't completely build it. Now what I need help with is how I would go about having a user click one of the thumbnails and having the large version of the photo load into a set area. I've tried to depict it in the picture below: Thanks!
What is used for this effect?
Hi, Can you tell me (or explain) which plugin / effect is used to create the collapsible horizontal menus on this page: http://www.cypher13.com/ I started looking at accordions, but apparently that isnt correct because more than one can be open at a time. Is this a plugin or is it an integral part of jquery (and if so, what is it called so i can read up on it. Thanks!
Custom HTML Tags
Previous question: http://forum.jquery.com/topic/relativity-copy-to-clipboard#14737000000713930 Now the script works great! I can easily copy anything within the <p> tags to the clipboard. (Seen below, to save you that extra click!) <html> <head> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery.copy.js"></script> <script language='Javascript'> $(document).ready(function() { $("p").click(function() { $.copy($(this).text()); }); }); </script>
QUnit: Async vs Regular tests
My question is related to QUnit. I get what the difference between an Async test and a regular test is i.e. Async tests are run one after the other. I can't figure out when I would want to use Async tests and when I would need regular tests. I'd appreciate any help! Thanks!
selecting & wraping
I have a box like this: <div id="x"> <p>sss</p> <p>xxx</p> <hr class="stop" /> <p>sss</p> <p>xxx</p> <hr class="stop" /> <p>sss</p> <p>xxx</p> <hr class="stop" /> <p>sss</p> <p>xxx</p> </div><hr>s separate elements which should be wrapped in <div class="wrap+1" />. Than <hr>s should be removed at the end to receive code like this: <div id="x"> <div class="class1"> <p>sss</p> <p>xxx</p> </div>
JScript-IntelliSense Problem with 1.4.1 vsdoc
Hello, I changed to 1.4.1 and added the vsdoc, like I did with 1.3.2, to vs express. But I get the error: Warning 1 Error updating JScript IntelliSense: /my/path/to/vsdoc Object doesn't support this property or method @ 1108:1 What can I do or what is the problem? Any ideas? darkmo
Stop scrolling on clicking link
I'm running a jQuery function on a link. Code < a href="#" onclick="$(this).remove();" >link</a> problem is when i click on the link it scrolls to the top of the page how can i avoid this? Benson Njonjo Web Developer http://www.verviant.com http://www.verviant.com/portfolio
I've got a problem with $.ajax({ })
Well, first, I have to say I'm not an English speaker, so if I have any writting errors I'm sorry. I'm developing a modification for an extension of a famous forum system. (It's simple , it's a forum). I have got a form like this: <form method="POST" action="/mostrarPedido.php"> <fieldset> <legend>Agregar Pedido</legend> <br /> <strong>bbcode does not exist</strong> <br /> <textarea style="width:95%;height:120px;"
applying css to one element
Hi, I have two datepicker elements on my page. All I want to do is to set the font-size for each datepicker independently. My attempts so far only change both of them. My HTML is: <input type="text" id="FromDate" name="FromDate" value=""/> <input type="text" id="ToDate" name="ToDate" value=""/> In the corresponding javascript file I have: $(document).ready(function(){ //for datepickers $("#FromDate").datepicker(); $("#Meab").datepicker(); }); I have tried using the CSS elements
Is there an 'expand' effect? (or a way to create such an effect)
I wanted to know if there was a way to expand the height of an element. for example, I have something like <ul class='arclist1'> <li><a><data:recent1/></a><li> <li><a><data:recent2/></a><li> <li><a><data:recent3/></a><li> <li><a><data:arch/></a><li> <ul> <style type='text/css'> .arclist1 {max-height:400px; overflow:auto; } </style>So when my list's hight exceeds 400px, a scrollbar appears, which doesn't look very nice. I'd like to know if there's a way to a have create an sort of an expand effect
Simpler way for Buttons
Hi I have 2 types of buttons that i need to rollover the images on hover, and also need title / alt tags when images. I've been battling this for weeks now and i cannot simply how i'm doing it. *i'm very very noob to jquery please be patient* So here i have the jquery code for input buttons and for <a> link buttons jQuery(function($) { $('input[type="image"]').hover( function () { $(this).attr("src", $(this).attr("src").split('-off').join('-on')); }, function () { $(this).attr("src",
Collapsing to a fixed height
Hi, is there a way to use the show/hide (blind) functionality but set it so that it doesn't completely hid the div? So for example I could have a div with a height of 20px and expand it to 100px, then collapse it back to 20px. Thanks
Is there a plugin for this?
I'm trying to use jquery to create a "menu flyout page" similar to the Yahoo! homepage. Does anyone have any suggestions?
My Border-bottom is not staying more than 5 secs
So Now I wanted to add bottom-border to my <a> tag. <li><a href="/ContactUs.aspx" class="acontact">Contact us</a></li> $(function() { $('a.acontact').click(function() { $(this).css('border-bottom', '3px solid navy'); }); }); I am seeing the border but it is not staying. Can anyone help me what should I do? Thanks, priya
Drupal jQuery input value function
Hi, I can't seem to get his code to work which I took from: http://webdevmania.com/archive/top_10_jquery_snippets_including_jquery_1.4/ I want it so that when a user click on a textfield (classname "form-text") the value should disappear and reappear when clicking outside of it. Just a user-friendly function to put it simple. <?php drupal_add_js( 'swap_val = []; $(".form-text").each(function(i){ swap_val[i] = $(this).val(); $(this).focusin(function(){ if ($(this).val() == swap_val[i])
Defining lots of javascript for different pages - best way?
Hi guys, Sorry if this is a silly question, and I'm not even sure of the best way of wording it... At the moment I have a site with maybe 20+ different uses of Jquery, all varying from page to page. I'm just wondering what the best way is to store this code? - Everything in one big jquery.myfunctions.js file? And check if the element exists for each statement? - Embed script tags into each page? - Use PHP to deliver different content into script tags kinda like the above? - Separate .js files per
Optimizing hide() function for large data-driven pages
Hello folks, I have a problem I can't seem to solve. Basically I'm dealing with lots of data that's hidden by default when the page loads. They are shown based on user input elsewhere. Ex: $(document).ready(function() { $("#div1, #div2, #div3").hide(); }); <div id="div1">....lots of data....</div> <div id="div2">....lots of data....</div> <div id="div3">....lots of data....</div> The problem is that often these DIVs get displayed for a short period during page load until the ready() function
Next Page