Rendre la balise <blink> valide


sff
WRInaute occasionnel
WRInaute occasionnel
 
Messages: 336
Inscription: 2 Fév 2005

Rendre la balise <blink> valide

Message le Mer Oct 22, 2008 22:39

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
Nouveau WRInaute
Nouveau WRInaute
 
Messages: 49
Inscription: 16 Avr 2008

Message le Jeu Oct 23, 2008 12:41

J'ai trouvé ça :

Code: Tout sélectionner
<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
WRInaute impliqué
WRInaute impliqué
 
Messages: 525
Inscription: 1 Sep 2004

Message le Jeu Oct 23, 2008 13:15

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
Nouveau WRInaute
Nouveau WRInaute
 
Messages: 49
Inscription: 16 Avr 2008

Message le Jeu Oct 23, 2008 13:36

MarvinLeRouge a écrit: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
WRInaute occasionnel
WRInaute occasionnel
 
Messages: 336
Inscription: 2 Fév 2005

Message le Jeu Oct 23, 2008 15:05

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

flp456
Nouveau WRInaute
Nouveau WRInaute
 
Messages: 49
Inscription: 16 Avr 2008

Message le Jeu Oct 23, 2008 18:36

Tu dois d'abord créer une classe, par ex.:
Code: Tout sélectionner
<style>
.clblink {
   font-size: 12px;
}
</style>

Et ensuite utiliser cette classe pour ton texte clignotant :
Code: Tout sélectionner
<span class='clblink'>Am i blinking ?</span>

Et changer le code dans la fonction par :
Code: Tout sélectionner
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.


Si vous avez aimé cette discussion, partagez-la sur vos réseaux sociaux préférés :

Lectures recommandées sur ce thème :

  • Calcul d'indice de densité
    Cet outil vous permet de calculer l'indice de densité d'un mot-clé d'une page web. Il est calculé à la fois pour la balise TITLE, la balise META description et l'ensemble du texte de la page.
  • Touch Graph Google Browser
    Description du TouchGraph Google Browser (outil externe) : il s'agit d'un outil graphique permettant de visualiser des sites similaires (selon Google). On peut sauter de site en site, et se rendre compte facilement des communautés de sites, ou des nébuleuses de sites traitant du même sujet.


Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 0 invités