Solved

Timer on dropdown

Posted on 2012-04-04
5
247 Views
Last Modified: 2012-04-04
Hi.

Please have a look at my script:
http://www.movievizion.dk/upload/dropdown.html

How does I set a timer, so the dropdown is shown after 1 second when mouseover "dwopdown" text?
0
Comment
Question by:bongii
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 2
  • 2
5 Comments
 
LVL 25

Expert Comment

by:Luis Pérez
ID: 37806067
I think you can't do this based only on CSS, if you want your 1 second delay you must do it with javascript.

To set a delay is easy with the setTimeout function,

window.setTimeout("myFunction(myparams)", 1000) //1 second delay

But then you must not use exclusively css (set display:block on hover).

Hope that helps.
0
 

Author Comment

by:bongii
ID: 37807738
Hi Roland.
I know the timeout function, but I don´t see how to integrate a jquery in the script.

I know it´s not possible only with css, that´s why I posted the question in the Javascript category :)
0
 
LVL 7

Accepted Solution

by:
Atique Ansari earned 500 total points
ID: 37809597
I have changed your CSS a little and added the jquery code. Now it shows the drop down after one second.

Please go to below URL for the same.
http://jsfiddle.net/attu143/reZx5/2/

Let me know if you need more help.

show-drop-down-after-a-minute.php
0
 

Author Comment

by:bongii
ID: 37809681
Thank you very much :)
0
 
LVL 7

Expert Comment

by:Atique Ansari
ID: 37809698
Welcome.
0

Featured Post

Space-Age Communications Transitions to DevOps

ViaSat, a global provider of satellite and wireless communications, securely connects businesses, governments, and organizations to the Internet. Learn how ViaSat’s Network Solutions Engineer, drove the transition from a traditional network support to a DevOps-centric model.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
Provide the IDEA of External JS 1 40
Html split(text) Part2 6 25
Boolean 13 24
Diff of the day 2 10
I found this questions asking how to do this in many different forums, so I will describe here how to implement a solution using PHP and AJAX. The logical flow for the problem should be: Write an event handler for the first drop down box to get …
International Data Corporation (IDC) prognosticates that before the current the year gets over disbursing on IT framework products to be sent in cloud environs will be $37.1B.
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

726 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question