Rendre la balise <blink> valide

sff · 22 Octobre 2008

Bonjour,

J'aimerais savoir si cela est possible de rendre valide html 4 une balise <blink> en la remplacant par du code js. Si oui pouvez vous me montrer une code js qui fonctionne?

Merci

flp456 · 23 Octobre 2008

J'ai trouvé ça :

Code:

<body  onload="setInterval('blinkIt()',500)">

<script type="text/javascript">
function blinkIt() {
 if (!document.all) return;
 else {
   for(i=0;i<document.all.tags('blink').length;i++){
      s=document.all.tags('blink')[i];
      s.style.visibility=(s.style.visibility=='visible')?'hidden':'visible';
   }
 }
}
</script>
<blink>Am i blinking ?</blink>

Testé dans IE7 et Firefox ça marche bien, pas essayé sur d'autres browsers.

MarvinLeRouge · 23 Octobre 2008

Salut,

Je ne vois pas en quoi le clignotement js indiqué rendrait une balise blink valide, puisqu'elle est bien toujours utilisée comme telle, et que cette balise ne fait pas partie de la liste des balises standards.
Pour que ce truc marche, il faudrait l'appliquer par exemple à tout élément porteur d'une classe donnée, "toblink" par exemple.

flp456 · 23 Octobre 2008

MarvinLeRouge a dit:
Pour que ce truc marche, il faudrait l'appliquer par exemple à tout élément porteur d'une classe donnée, "toblink" par exemple.

Le script reste le même, il suffit de remplacer le s=document.all.tags par s=document.getElementsByClassName, l'idée c'était d'utiliser une fonction javascript et un timer pour faire clignoter le texte plutôt que la balise, après tu l'utilises sur les éléments que tu veux.

sff · 23 Octobre 2008

En mettant s=document.getElementsByClassName ca ne fonctionne pas. C'est quoi le changement à effectuer?

flp456 · 23 Octobre 2008

Tu dois d'abord créer une classe, par ex.:

Code:

<style>
.clblink {
	font-size: 12px;
}
</style>

Et ensuite utiliser cette classe pour ton texte clignotant :

Code:

<span class='clblink'>Am i blinking ?</span>

Et changer le code dans la fonction par :

Code:

s=document.all.getElementsByClassName('clblink')[i];

Voilà, ça devrait marcher. Sinon tu peux également utiliser getElementsById lié directement à un élément donné, ainsi pas besoin de classe.