JQuery :: Delay() And Click() - Allow The User To Close The Div By Clicking On It
Mar 9, 2010
I'm trying to display an alert message (a div with text) that fades in, and after 6 seconds fades out automatically. That's easy, but I also want to allow the user to close the div by clicking on it if they so desire. The problem is, the delay() function overrides the click, or so it seems -- clicking does nothing unless I remove the delay().
Here's the code I'm using:
I've tried reordering and combining these into a single statement but it yields the same result.
I'm creating an overlay with multiple effects and clicks. To setup the overlay and the general effects(slide, fade, duration,.) there's no problem. As for some actions there's need an automated close after a few seconds.Here is my jQeury code for the total animation.
Now for what I want exactly to do: Create overlay if clicked on div in the body content. (DONE) Open the refering overlay of witch div container was clicked. (DONE) In my project there are 2 div's (as clickable items) with actions. For one of them the content with in the overlay moves to the right side and showes some other content. (DONE) If that last is done (click and move tot right) the overlay is suposed to close automaticly after a few seconds.
I want to trap the window.close() event when the user clicks on the close button of the browser using javascript. Can anyone shed light on this problem ?
I have a time picker, where the user clicks the icon then a div (with a list of times) pops up. My problem is that if i click else where on the page, the time picker div stays open. This happens on all browsers (FF, IE, Safari, Opera)
I have been trawling the net to find something that will close this div when the user clicks elsewhere on the page and this seems to be pretty much what i want to do
Code:
The only thing is that it only works the first time. If i want to amend the time at any point, then the div fades out automatically. Is there anyway to reset this jquery once the user has clicked away from the div?
I am opening a pop up box when the user clicks on a drop down box:here showhidepopup() is used to show/hide the pop up box when we clicking on the dropdown box. Is there any way i could close that popup, if the user clicks on any where other than on the pop box?
function slideOut() { var $slidy = $('#slideout'); $slidy.animate({ right: parseInt($slidy.css('right'),10) == 0 ? -$slidy.outerWidth() :
[Code]...
As long as i return false and the link is an anchor, i can see the menu slide out. Which is quite clear to me why. When i use a link with a href on another page though, the "jump" is executed before the animation ends most of the time even before it starts.
I would like the click to be delayed weather a certain condition kicks in, or some time passed to end the slide and then jump to the new page. I have been looking throughout the web and found no hint helping me to tackle this. delay() and setTimeout() dont seem to work the way i used them.
I am sure there is a way, its just the blind man's stick in my eye that keeps me from it. I hope someone can help me with this.
I have a problem with two click functions, the problem is the slideDown delay, if I do click on 'titolMenuBLink' after 'titolMenuALink' the two contents appear on the web...How I can disable 'titolMenuBLink' until the complete action $('#contingutMenuA').slideDown (1500); is done?
I am using jQuery and blockUI to prevent the user from submitting a form twice by double clicking on the interface: This is in my global js file and is called on every pages
I made a drop-down list that is opened when a user clicks on a button. If the user selects an item, the drop-down is rebuilt so the list is closed. If the user clicks on the button again, the drop-down closes using .toggle() on the button click event, and these two scenarios work great.However, I also need the drop-down to close when the user clicks anywhere outside of the drop-down. This seems simple, but I've been having a really difficult time figuring this out. I tried .focusout(), but this makes the events I have tied to selecting an item not fire at all. I also found this little bit of code from a drop-down plugin that should work perfectly, but it fires when the user clicks on the button, so the drop-down never opens:
I've managed to do that so when i click on the first tab it will close the other open tab.The problem i'm facing is when i click on the first tab that it supposedly will not open even if clicked.It does not open but from times to times when i click a lot of times , go out of the accordion and then bring the mouse again in and click just right at the bottom of the first tab(the one it cannot be opened) and the second it sometimes open the first tab!!!
My code: $(function() { $("#accordion").accordion({ collapsible: true, active: false });
Is there a way to close the superfish dropdown after click? I have some 'onclick' functions that kick off some behavior and then return false. How do I get the dropdown to go away? I suppose I need to somehow call "hideSuperfishUl"
I want to use the Superfish menu plugin but with 1 more behavior: when the user clicks outside the menu, the menu closes. (or clicks anywhere, doesn't matter). This way I can have a large delay and just tell people to close the menu by clicking outside the menu, which will improve greatly the usability of the menu.
Currently, the script allows you to click on a piece of the accordion to open it, but it is set to close on mouseleave. When I set the mouseleave to .click, it gets confused and doesn't know what state it is in. The code controlling this is below, and the full script is in haccordion.js linked in the page source.modify this script,
I want to log out the user when close the browser, so i need to call the java script function when close the window. I used the onunload and onbeforeunload event but it should call on each page navigation and page refreshing. My necessity is, The function should call only at the time of browser closed..that should be mainly supported in all browsers...
I have a php application that launches a window that is used for a database import/update (which is closed automatically when the import/update is complete). The thing is that the user could close this window and i want to pop up a warning message (but only if the user closes it) that the user can cancel (stop the closing of the window) or select OK to close the window.
I have been looking for a javascript script that accomplishes this but without luck. Does anyone know how to do this or if it's possible? (i only know a little javascript)
I have been working on a JS program that will, among other thing, allow users to search for downloads, articles, videos, etc, by selecting various checkboxes grouped under different fieldsets. Basically, when a user selects a checkbox, the pages sends an xhr request to the server and returns a specific set of search results at the bottom of the page. If the user selects a second checkbox in the same group, the previous results are deleted, and the new results are added to the page. The same happens when a user deselects a checkbox and there are other checkboxes within the same group that are still selected. The problem I run into is with real-world users who most likely will not be patient enough to wait for the results for the first checkbox to load before selecting a second checkbox. The result of this is that the server quickly becomes overloaded with requests, and old results are not deleted, or new results aren't even added properly. Basically, I would like to group the checkboxes in such a way that the browser waits until the user stops selecting or deselecting checkboxes before sending the request to the server.
As you can see from the code segment below, when the user selects a checkbox, a loop checks to see if any other checkboxes are selected, and then accordingly adds their values to an array. I have tried using setTimeout() to control how this works, but to no avail.
Code: addResults: function(inputCheck) { // reference to keyword array created in the clickListener function var keyword = GroupPlan.keyword;
I have created a table that allows the user to edit specific cells by clicking on them. Their new entered values set the value on the table. They then should be able to submit a form which sets several hidden inputs equal to the values in the table then passing the information to a php page to process. However, the php page doesn't output anything when it is submitted. This is the form layout.
Imagine a wife has signed on to a web site in a browser tab. She does not sign off and walks away to do something else. Her husband sits at the computer and seeing her signed on, opens a new tab and tries to sign on to the same site.
I am trying to write a script that will close other tabs/windows when the husband goes to the same site to sign on.
So, on the sign on page (or even better, the sign off page), when the sign on button is clicked, a piece of Javascript code is run first. The javascript simply goes through all tabs on the browser, and checks to see if any such tabs has an HTML document that came from the same domain as the sign on page. If such tabs exist, then before POSTing the user name and password to the server, the Javascript code will close those tabs that contain HTML documents came from the same domain.
So, I understand I need to set the window.name to a specific value. But does anyone know what the code on the sign on/sign off page to close the other tabs/windows would look like?
