JQuery :: Delay During Loading On A Show/hide Script
Aug 5, 2009
I recently set up a JQuery script to show and hide a specific DIV on my site. Everything is working correctly except when the page is loading, the DIV is fully expanded and hides as it's supposed to a few seconds later. Ideally, I would like this DIV to remain hidden until the user actually clicks on it. This seems to be a performance issue, but honestly I am a JavaScript novice so I really don't know where to go from here.
The page in questions is here. And the specific areas that use this script are the "Change Log" and "Readme" boxes.
View 1 Replies
ADVERTISEMENT
Sep 8, 2010
I have a button on my site, which when clicked calls an ajax function. What I want to do though, is append a loading graphic for just 2 seconds inside the button such that it looks as if the website is 'busy' saving when the button is clicked. This is obviously just for user feedback as the 'save' is done instantly - it's just for user feedback to make the user confident that the save button has worked. To do this, I'm trying to append a loading image to the save button, delay for 2 seconds, then remove the image, but it doesn't seem to work.
I have this HTML:
<p><a href="#" title="" class="save">Save</a></p>
And this jQuery:
$
(
[Code]....
View 1 Replies
View Related
Dec 20, 2009
I'm trying to have a div be hidden on loading the page but when you click a link it will show the div...
Here's code I have but it doesn't show when you click the link...
View 1 Replies
View Related
Sep 12, 2011
I am trying to hide/show table when hide/show button is pressed
Problem: The code works fine when I remove 'slow' from line 10. But with 'slow' in line 10 content of toggleButton doesnt change from Hide to Show when pressed.
Code:
View 1 Replies
View Related
Aug 9, 2010
I am putting together a simple bubble tooltip that I want to delay the hiding of so that the user can click on the href link created in the bubble if they want to. The script is called like this;
<img src="images/dscf0225.jpg" alt="" width="160" height="120" style="border: none" onmouseout="$('#bubble_tooltip').delay(2000).hide(10);" onmouseover="showme('Click the image to visit <a href=www.yahoo.com>Yahoo</a>', this);"/>
Everything works fine when there is only one instance of the call on a page. If there are multiple instances of the call, there is a bad reaction to each subsequent call. Here is a demo of what I mean, rollover the first image then just roll-out, the delay works as designed. But if you roll-out of one image into another, the delay fires the first onMouseOut on the second image. [URL] Do I need a Return True or something in my call?
View 3 Replies
View Related
Jul 20, 2005
I've got a script that caches 52 card images and displays the
appropriate card based on user input. It works fine, except when the
page loads for the first time the results are unpredictable until a
few seconds elapse. My guess is that it's taking time to cache the 52
images. Is there any way to delay the loading of the page until all 52
images are cached?
View 1 Replies
View Related
Jan 20, 2006
I am using DOM to swap between DIVs to give the effect of a tabbed display window. Each of the DIVs contains its own images. I don't want all of these images to load with the page but rather just to load when the relevant DIV is selected. (All but 1 DIVs are hidden initially.)
By default, is this the case? Or can I use a function to not allow the images to load until I tell them to?
View 3 Replies
View Related
Oct 18, 2006
I have an image that I want to delay the load of by 3 - 5 seconds. I've found tons of stuff on how to preload images, but nothing on how to delay the load of images.
I think this is something I can do with JavaScript and the setTimeout function. (If it's not, just direct me to the correct forum.) However, this is the image code and I just need to delay it loading:
<a href="http://www.website.com"><img src="http://www.website.com/image.jpg" class="imgclass" /></a>
View 5 Replies
View Related
Jul 23, 2005
I need to delay something either an image or a table from loading for 2-5
seconds. So far I have not find a good method.
I need the rest of the page, even the codes after the delayed image, to be
displayed in real time.
View 5 Replies
View Related
Mar 3, 2011
With a javascript timer to delay the loading of the main container div on a website.
The reason is that I would like the background image (560k) to load first and then the site to load after. I found the opposite of what I need;
View 4 Replies
View Related
Apr 14, 2009
With a script that hides a <div> a couple of seconds after the page is loaded. I have little to no experience in Java, so i'm not sure how to go about it.
View 4 Replies
View Related
Aug 26, 2010
Im trying to add some simple display features to a web application and am running into some unexpected IE8 behavior. Basically, the app runs some database retrieval from the server using Ajax techniques, and during that time (say, 30 seconds), I want to just give the user a clue as to whats going on. It could be as simple as a wait cursor. More interesting, I prefer to unhide a div with an animated loading icon, then hide it again when loading is complete.
[Code]...
View 3 Replies
View Related
Jun 10, 2011
Ok i just created my portfolio site using a simple accordion effect i got from. [URL] Im very new to javascript and coding in general, so im sure my code is far from pretty. My question, is their a way to fix the delay on the way the accordion loads. if you go to my site [URL] you'll see that initially all the sections are visible and then they collapse after a few moments. is there anyway to make it so they are collapsed immediately.
[Code]....
View 2 Replies
View Related
Jan 10, 2010
I am using a 'suckertree horizontal menu'. I am trying to alter the javascript to provide a delay with ouseout (to hide the UL). I am having issues!
Here is the original code:
ultags[t].parentNode.onmouseout=function(){
this.getElementsByTagName("ul")[0].style.visibility="hidden"
}
Here is the code I am working with:
ultags[t].parentNode.onmouseout=function(){
setTimeout("this.getElementsByTagName("" + ul + "")[0].style.visibility="" + hidden + """, 1500);
}
View 2 Replies
View Related
Jul 14, 2009
Just wondering if theres a script that hide page until it finish loading?
it would be great that it fades out to show that content when it finish loading
View 2 Replies
View Related
Jan 22, 2009
I am having problems, basically I have a set of nested lists I need to show and hide
Code:
<ul id="smenu3"><ul id="smenu4">
<li>stuff here..</li>
<li>stuff here..</li>
<li>stuff here..</li>
</ul><ul id="smenu5">
[Code]...
I always want "smenu3" to show with "smenu4" and "smenu5" collapsed... When the user clicks the link, it calls a javascript function to show "smenu4" like so...
[Code]...
View 7 Replies
View Related
Oct 1, 2009
I am having a little problem trying to show a loader (An animated GIF) while some request to a database happens. I have a page where the user selects a YEAR and when they select it with AJAX I perform a request to a database to get all the values for that specific year.
The problem is that there is a lot of information (4000+ records) that I need to query and show in a table (Actually I didn't use a table I use DIVs that look like a table), and when the user selects the year the webpage freezes for about 5 seconds and then it loads all of the data.
Is there a way to sort of show an image loader gif while the data is being gotten? I tried putting the loader image in the DIV container while no year is selected and then once the request is done, I substitute the DIV container's contents (The image loader) for the data from the database.
[Code]...
View 1 Replies
View Related
Apr 10, 2011
I have some divs laid on top of each other. By clicking somewehre specific I want to hide all the divs but except for one - which is related to the point i clicked - to show up.Here is my code so far:The function will be called by something like this:
<a href="javascript:void(0)"><img src="album_emilia.jpg" width="90px" height="125px" onclick="setAlbum('emilia')"/><p>Emilia</p></a>
function setAlbum(album) {
$('.right_nav').each(function() {[code].....
All these divs are in the same from the right_nav-class.I guess the problem lies within line 6, where I want to select the div that should show up and is given as the argument of the function.The commented lines are things I already tried, but didn't work either, especially $(this).style seems to be invalid.It does hide all divs as i want, but the one i want to show again doesn't show up. It just stays hidden...
View 9 Replies
View Related
Jul 3, 2009
I got this example code which show rows when click on it, the problem is it shows all but I want if I click on one row it shows that one and hide others.
<head>
<title>Jquery Table Display</title>
<script type="text/javascript" src="jquery-1.2.3.pack.js"></script>
<script type="text/javascript" src="jquery.tabledisplay-0.2.js"></script>
[Code].....
View 2 Replies
View Related
Mar 23, 2011
i searched the forum, but did not find a working solution for my problem. IE6/7 are not hiding the divs in the $(document).ready function. Tried also:
$("#closed").css('display', 'none'); document.getElementById('closed').style.display = 'none'; It is working when i add the ID "closed" to the <li>-Element instead of the <div>-Container. All other browsers are working fine.
[Code]...
View 2 Replies
View Related
May 14, 2011
the box. Anybody know what's wrong?i have the following code:
<!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">
[code]....
View 1 Replies
View Related
Apr 26, 2011
I'm trying to get jquery to show a specific div "apDiv2" after a hide effect. Basically the click function will hide all divs with ids containing 'adDiv' in the id and then I want to fade up a specific div based on the id of the clicked object. It hides all the divs correctly but the show doesn't seem to work.
[Code]...
View 3 Replies
View Related
Oct 10, 2010
I am trying to learn jquery. my example below is to show and hide content in a group divthe code works but i want to know if this is best practice to write what i did. Is there better way to do it?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html
> <head
[code]....
View 2 Replies
View Related
Jun 23, 2011
Need to use one single button to toggle the show and hide for divmy code looks something like this
function showTable(number){
$('#div_'+number).show('slow');
$('#button_'+number).html("Hide Table");
$('#button_'+number).click(function(){
[Code]...
View 1 Replies
View Related
Jan 30, 2010
I'm having a problem on: [URL] I've got a menu on z-index:0; and a footer on z-index:1; if you're doing a mouse over, the menu pops up under the footer. But the menu is longer than the footer (it's a png image) so you see the menu stock under it what isn't exactly the meaning. if there was a overflow-bottom:hidden; it's was solved but now i don't know what to do!
View 3 Replies
View Related
Apr 27, 2011
jquery hide & show table row concept
View 1 Replies
View Related
