begin process at 2010 08 01 01:27:14
  Trouver un code source :
 
dans
 
Accueil > 

Code

 > 

Effets

 > FONCTION BLINK ( TESTÉE SOUS FF ) PORTABILITÉ IE OP ET GC EN COURS

FONCTION BLINK ( TESTÉE SOUS FF ) PORTABILITÉ IE OP ET GC EN COURS


 Information sur la source

Note :
Aucune note
Catégorie :Effets Classé sous :clignotement, blink, clignote, texte Niveau :Initié Date de création :09/11/2009 Date de mise à jour :23/11/2009 13:40:29 Vu :2 080

Auteur : xloadx

Ecrire un message privé
Site perso
Commentaire sur cette source (8)
Ajouter un commentaire et/ou une note

 Description

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

  • /**************************************************/
  • /** 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;
  • }
  • }
  • }
/**************************************************/
/** 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;
        }
    }
}



 Historique

22 novembre 2009 18:35:38 :
- Création d'un booléen - Création d'une balise <OBJLINK> - Balayage du document pour appliquer l'effet à tous les objets
22 novembre 2009 19:23:01 :
MAJ des commentaires
23 novembre 2009 13:40:29 :
Si quelqu'un a une idée pour IE ça serait sympa, pour le moment je me heurte encore à un bug

 Sources du même auteur

AFFICHER OU CACHER UN COMPOSANT AVEC JAVASCRIPT V1.0
AJOUT NOEUDS + OBJETS + LIENS (AJOUTUBE V1.1)
Source avec Zip Source avec une capture FOND D'ÉCRAN DÉFILANT AVEC FONCTION MARCHE/ARRÊT ( AJOUT JQU...
Source avec Zip Source avec une capture INFO BULLE MULTI -TEXTE OU FAUSSE FENÊTRE POPUP (SIMPLE ET P...
Source avec Zip Source avec une capture TEXTE DÉFILANT ( BOUTONS : ARRÊT - PAUSE - AVANT - ARRIÈRE E...

 Sources de la même categorie

Source avec Zip Source avec une capture VIDEO EN FOND DE PAGE WEB (HTML5) par BarbuJack
Source avec Zip Source avec une capture EFFET DE TEXTE EN CSS3 par kazma
Source avec Zip Source avec une capture TRANSFORMATIONS CSS ANIMÉES CROSS-BROWSER AVEC JQUERY par pysco68
Source avec Zip Source avec une capture DE L'OMBRE par kazma
INFO BULLE NON DESTRUCTIVE par McPeter

 Sources en rapport avec celle ci

Source avec Zip Source avec une capture EFFET DE TEXTE EN CSS3 par kazma
Source avec Zip COMPRESSION DE TEXTE CÔTÉ CLIENT EN JS VIA ALGORYTHME LZW par niamor36
AFFICHE DE 1 A PLEIN DE MESSAGES DANS LA BARRE DE STATUT DU ... par kangourouxxx
Source avec Zip LECTURE ET RÉCUPÉRATION DES LIGNES D'UN FICHIER TEXTE par PetoleTeam
Source avec Zip RECHERCHER ET REMPLACER UN MOT DANS UN TEXTE par lgh

Commentaires et avis

Commentaire de Bul3 le 12/11/2009 13:03:53

initié ?? ( sinon, je n'eusse rien dit )
function clign(quoi)
{ quoi.style.visibility = quoi.style.visibility=="hidden"?"visible":"hidden"; }
setInterval ( function()
{ clign(document.getElementById("clignotant")) },
1000 );
et on doit pouvoir largement mieux faire...

Commentaire de jdmcreator le 13/11/2009 00:06:53

Au lieu de chercher l'id clignotant (qui ne permettrait alors qu'à 1 élément de clignoter), pourquoi pas un NAME particulier ou encore mieux, la balise blink (document.getElementsByTagName('blink')[i])

;)

Commentaire de Miky76 le 16/11/2009 09:46:20

Une classe CSS fait la même chose, sans JS :

.blink { text-decoration: blink; }

Quant au niveau, je me sens un maitre si cela est réservé aux "Initiés" ;o)

Commentaire de Bul3 le 16/11/2009 11:00:31

blink ne fonctionne pas avec de nombreux
navigateurs. mais comme le clignotement
est pénible pour la vue...

Commentaire de LeFauve42 le 16/11/2009 11:12:17

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

Commentaire de xloadx le 21/11/2009 23:28:39

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 ?

Commentaire de jdmcreator le 21/11/2009 23:44:46

Il n'est pas plus compatible que les autres de toute façon ;)

Commentaire de xloadx le 22/11/2009 03:20:11

ç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é !

 Ajouter un commentaire


Discussions en rapport avec ce code source dans le forum

Clignotement ou changement de couleur d'un texte [ par omsoleil13 ] Bonjour, Je voudrais faite clignoter ou changer un texte déja ecrit, J'ai essayé les exemples mais je n'arrive à positionner mon texte, faut il donner question lien onclic [ par wiby35 ] Bonjour alors voila ma question sur le site que je suis en train de faire, il y a la possibilité de modifier le texte d'une page grace à la fonction Script InDesign comment cibler les "text frames" contenant un texte particulier [ par guan64 ] Bonjour, Je débute sur javascript et par la même occasion sur ce forum. Je ne sais pas si je suis sur le topic le plus approprié, mais voici mon souci rollover sur texte divisé en 2 couleurs [ par damsbenet ] Bonjour je débute [^^clinoeil1] je cherche à faire un rollover sur un lien texte divisé en 2 couleurs qui changent en une autre couleur. Petit exem jQuery : problème d'affichage/encodage HTML [ par Mr Z ] Bonjour, j'ai un soucis d'affichage/encodage d'une chaîne en HTML. Sur ma base MySql est enregistré une chaîne encodée utf8_general_ci. Je récupère c erreur sous safari [ par laubro ] Bonjour j'essai de monter un script de compte a rebourg avec de l'ajax le principe un compte a rebourg de 2mn, qui peut être relancé à 2mn en cliquan génial code pour afficher image onMouseOver texte, mais... [ par vanderstraten ] Bonjour, j'ai trouvé ce lien (en anglais) pour afficher une image onMouseOver du texte mais je cherche à pouvoir afficher plusieurs groupes de textes case a cocher si champ texte rempli [ par vincentspawn ] bonjour je suis debutant et j essaie de creer un document pdf, mais mon probleme c est que je veux que la personne qui rempli ce document soit obliger descendre un texte... [ par mlies ] Hello, On m'a donné un joli coup de main pour améliorer l'affichage d'une photo en plein écran. Le souci c'est que maintenant le texte qui venait pa


Nos sponsors


Sondage...

CalendriCode

Août 2010
LMMJVSD
      1
2345678
9101112131415
16171819202122
23242526272829
3031     

Consulter la suite du CalendriCode

 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,655 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales