How to alert every occurence?

Question

I need to send an alert to the user every time the z-index equals 2. Unfortunately it only occurs onload, or ready...whatever...

heres the html

<div id='slides'>
   <img class='sliderImg' src='img.jpg'>
   <img class='sliderImg' src='img.jpg'>
   <img class='sliderImg' src='img.jpg'>
</div>

and the Javascript

document.ready=function(){
   var theImage=$('.sliderImg')[0];
   if(theImage.style.zIndex==2){
      alert(theImage.style.zIndex);
   }
}

Take a look at this topic: http://stackoverflow.com/questions/2157963/is-it-possible-to-listen-to-a-style-change-event That might help you — Antoine, Jul 17 '13 at 18:06

score 0 · Answer 1 · edited May 23 '17 at 12:05

0

You have two choices:

1) Run a timer and call your function periodically, using setInterval or setTimeout

2) Listen for DOM changes, then run your function.

edited May 23 '17 at 12:05

Community

1
1

answered Jul 17 '13 at 18:05

Diodeus - James MacFarlane

112,730
33
157
176

score 0 · Answer 2 · answered Jul 17 '13 at 18:08

You can use setInterval function after t time to check the z-index like this :

window.setInterval(function(){
   var theImage=$('.sliderImg')[0];
   if(theImage.style.zIndex==2){
      alert(theImage.style.zIndex);
   }
},10000);

It will be called on every 10 seconds.

score 0 · Answer 3 · answered Jul 17 '13 at 18:16

jQuery style :

document.ready = function(){
   checkZIndexOfImage(zIndex);
   window.setInterval(checkZIndexOfImage, 10000);
}

function checkZIndexOfImage(zIndex) {
   var theImage=$('.sliderImg').first(); //or $('.sliderImg').eq(0)
   var tempzIndex = theImage.style('z-index');
   tempzIndex = parseIng(zIndex);
   if (isNaN(tempzIndex)) { //Let's check z-index is number
     tempzIndex = 0;
   }
   if(tempIndex === zIndex){
      alert(tempzIndex );
   }
}

How to alert every occurence?

3 Answers3