Fonction blink ( testée sous ff ) portabilité ie op et gc en cours

Soyez le premier à donner votre avis sur cette source.

Snippet vu 5 058 fois - Téléchargée 16 fois

Contenu du snippet

Voilà de quoi faire un petit objet clignotant avec une fonction qui retourne l'ID de l'objet sur lequel on applique le clignotement.

L'avantage c'est qu'on peut associer ce qu'on veut à l'effet tant que visibility puisse lui être attribué.

Source / Exemple :


/**************************************************/
/** FONCTION OBJET  CLIGNOTANT                   **/
/**************************************************/

function lanceur()
{   
    //	Interval à 1 sec 
    var inter	=	setInterval('fonc_blink();',1000);
}

//	déclaration de la variable bool et 
//      initialisation de body,bodyElements et element
var bool	=	false;
var body,bodyElements,element;

function fonc_blink()
{    
    // Tableau des objets déterminés par la balise <OBJBLINK>
    // Ex d'utilisation: <OBJBLINK>Objet clignotant</OBJBLINK>
    body            =   document.getElementsByTagName("body")[0];
    bodyElements    =   body.getElementsByTagName("OBJBLINK");  
        
    // Condition booléenne  
    if( bool == false )
    {   
        //Balayage du code pour trouver la balise <OBJBLINK>  
        for(var i=0;i<=bodyElements.length-1;i++)
        {    
            // element = element suivant de bodyElement
            element    =   bodyElements[i];
            // Si faux alors texte invisible
            element.style.visibility = 'hidden';  
            // Réinitialisation du booléen à vrai
            bool = true;
        }  
    }
    else if( bool == true )
    {
        //Balayage du code pour trouver la balise <OBJBLINK> 
        for(var j=0;j<=bodyElements.length-1;j++)
        {
            // element = element suivant de bodyElement
            element    =   bodyElements[j];   
            // Si vrai alors texte visible
            element.style.visibility = 'visible';  
            // Réinitialisation du booléen à faux
            bool = false;
        }
    }
}

A voir également

Ajouter un commentaire

Commentaires

Messages postés
28
Date d'inscription
samedi 15 mai 2004
Statut
Membre
Dernière intervention
10 septembre 2011

ça je suis bien d'accord...outre le fait que mon code a été un peu lancé rapidement, j'ai fait au plus simple et passe-partout...et ça a le mérite d'être portable sur plusieurs navigateurs...;)

Après je n'ai jamais dit que ça ne pouvait pas être amélioré !
Messages postés
647
Date d'inscription
samedi 30 décembre 2000
Statut
Membre
Dernière intervention
20 juillet 2012
5
Il n'est pas plus compatible que les autres de toute façon ;)
Messages postés
28
Date d'inscription
samedi 15 mai 2004
Statut
Membre
Dernière intervention
10 septembre 2011

Merci à JDMCREATOR et les autres pour leurs conseils, petite info pertinente tout de même, "text-decoration" n'est applicable qu'aux textes il me semble ou je me trompe ?
Messages postés
239
Date d'inscription
vendredi 20 octobre 2006
Statut
Membre
Dernière intervention
20 avril 2009

Oui, c'est un peu leger pour de l'initie :o)

Allez, un petit commentaire constructif:
Plutot que de t'embeter a gerer un compteur numerique, tu devrais utiliser un boolean. Ca donne un truc comme ca:

cligne = !cligne; // inverse la valeur
if(cligne)
{
// Ton truc est visible
}
else
{
// Ton truc est pas visible
}

Evidemment, dans ce cas precis, c'est "overkill" mais si tu dois faire un flip/flop (avoir une valeur qui alterne) c'est plus propre que ton cligne++;

Eric
Messages postés
4933
Date d'inscription
samedi 1 juillet 2006
Statut
Membre
Dernière intervention
2 février 2015
9
blink ne fonctionne pas avec de nombreux
navigateurs. mais comme le clignotement
est pénible pour la vue...
Afficher les 8 commentaires

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.