Solved

Triggers an event when the div visibilty is changed.

Posted on 2011-03-24
5
371 Views
Last Modified: 2012-05-11
Is there a way to trigger an event when the visibility of a div is changed?

Please, advice. It can be javascript or jquery as long as it is working.

thanks.

Joseph
0
Comment
Question by:PagodNaUtak
  • 2
  • 2
5 Comments
 
LVL 19

Assisted Solution

by:Rikin Shah
Rikin Shah earned 166 total points
ID: 35212901
You must have code to change the div visibility. Fire an event after that with your conditions. This should solve the problem.
0
 
LVL 40

Accepted Solution

by:
gurvinder372 earned 334 total points
ID: 35212917
Or else you can set a timer interval to keep checking the visibility status of that element

var timer1 = setTimeout( "checkVisibilityStatus()", 2000); //after 2 seconds this method will be fired
var currentStatus = "none";
function checkVisibilityStatus()
{
    status = document.getElementById( "divId1" ).style.display;
    if ( status == "none" && currentStatus != status)
   {
      //do something if the div is now hidden
   }
   else if ( status == "block" && currentStatus != status)
   {
      //do something if the div is now visible
   }
   //if you want this method to fired again after two secs then
   clearTimeout( timer1 );
   timer1 = setTimeout( "checkVisibilityStatus()", 2000); //after 2 seconds this method will be fired

}
0
 
LVL 8

Author Comment

by:PagodNaUtak
ID: 35213252
so, there is no event in javascript or jquery that triggers when the visibilty is changed?
0
 
LVL 40

Assisted Solution

by:gurvinder372
gurvinder372 earned 334 total points
ID: 35213270
No, there is no such event that is triggered
0
 
LVL 8

Author Closing Comment

by:PagodNaUtak
ID: 35213511
Thank you for your help.
0

Featured Post

Master Your Team's Linux and Cloud Stack!

The average business loses $13.5M per year to ineffective training (per 1,000 employees). Keep ahead of the competition and combine in-person quality with online cost and flexibility by training with Linux Academy.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
Html CheckBox obtain Its Value 5 27
VBScript on Html 15 47
how can i turn the array into an object 4 39
Change to file doesn't show up 16 50
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 …
Today, the web development industry is booming, and many people consider it to be their vocation. The question you may be asking yourself is – how do I become a web developer?
The viewer will learn how to dynamically set the form action using jQuery.
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)

808 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