Balise BLINK HTML/CSS

[Orian178178]

Détails techniques

Version du forum : phpBB3
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox, Autre
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Depuis que la balise BLINK n'est plus supportée
Lien du forum : http://raven-rp.forumactif.org/forum

Description du problème

Bonjour, depuis quelques temps déjà, je ne sais plus quand exactement, la balise BLINK n'est plus supportée et a été viré de l'HTML, en faisant des recherches sur Internet, j'ai pu voir qu'il existait des alternatives grâce au CSS, donc, toujours en regardant un peu partout sur le web, j'ai cherché et trouvé ce code

Code:

.cligno{
      text-decoration:blink;
      }

Le trouvant bon, je l'ai mit, puis ai fait appel à la fonction en utilisant les balises HTML prévues pour soit :

Code:

<span class="cligno"> Mon texte </span>

qui est normalement, d'après moi la bonne méthode d'appel, cependant rien ne se passe, la fonction ne marche pas, je suis sous mac avec Firefox, le problème se retrouve aussi sous Safari

[Lixyr]

Bonjour,

De ce que j'ai lu, la valeur blink n'est pas supportée par Chrome et Safari, et n'est plus supportée par Firefox depuis la version 23...
Pour afficher un texte clignotant, il faudrait avoir recourt au JavaScript.

texte-clignotant

[Orian178178]

Même en CSS ce n'est plus supporté ?

Aussi j'aimerai savoir si on peut ajouter une option dans l'édition des messages qui permet d'écrire le code directement.

EDIT : Ta méthode ne marche pas.

[Lixyr]

Non, ce n'est plus supporté en CSS.
Le code Javascript fonctionne bien :

Il faut faire ainsi :

Partie JavaScript
Allez dans panneau d'administration >> modules >> gestion des codes JavaScript >> création d'une nouvelle page JavaScript
titre : blink en javascript (ou ce que vous voulez)
placement : sur toutes les pages

Code:


//code trouvé via http://www.startyourdev.com/codes/code-texte-clignotant
var clignotement = function(){
  if (document.getElementById('DivClignotante').style.visibility=='visible'){
      document.getElementById('DivClignotante').style.visibility='hidden';
  }
  else{
  document.getElementById('DivClignotante').style.visibility='visible';
  }
};

// mise en place de l appel de la fonction toutes les 0.8 secondes
// Pour arrêter le clignotement : clearInterval(periode);
periode = setInterval(clignotement, 800);

enregistrer le nouveau code

partie HTML

Code:

<div id="DivClignotante" style="visibility:visible;">
  Exemple de texte clignotant par visibilité
</div>

A mettre où vous voulez sur le forum : message, accueil, page HTML etc.

Pour rajouter un bouton dans l'éditeur de message, je vous laisse faire une petite recherche sur ce forum, et ouvrir un nouveau sujet si jamais vous n'arrivez pas au résultat voulu.

[Orian178178]

J'ai copié exactement le code que tu as donné et ça ne marche toujours pas, pourtant le HTML est activé, les codes Javascript sont eux aussi activé, et quand je fais ça dans un message, rien ne se passe.

[Lixyr]

Je n'ai pas testé dans le cadre d'un message, mais le JavaScript ne fonctionne pas toujours dans les messages. C'est possible qu'il n'y ait pas moyen de faire fonctionner ce code dans les messages, ou en dehors du panneau d’administration.

[HPie]

Bonjour,

Je viens de tester le clignotement dans un message et cela fonctionne parfaitement.
@Orian178178, le script a-t-il au moins été placé sur les sujets ?

Bien cordialement.

[Orian178178]

Le script est placé dans les modules Javascript, puis j'ai copié le me code HTML dans une réponse à un sujet, et envoyé, et rien ne se passe.

[Lixyr]

Avez-vous bien coché "sur toutes les pages" lors de la création du code JavaScript ?

Autrement, il faudrait l'accès au forum avec un lien menant à un endroit où vous testez le code.

[Orian178178]

Oui, je l'ai coché.

Vous pouvez venir poster ici : http://raven-rp.forumactif.org/t4962-test-clignotement#40695

[Lixyr]

Autrement, il faudrait l'accès au forum avec un lien menant à un endroit où vous testez le code.

Le lien donné dans votre premier message ne permet pas de constater que le code ne fonctionne pas, ni pourquoi.

[Orian178178]

http://prntscr.com/5p4c63

Un screen qui montre le Javascript, et il est activé.

Non mais sur le lien donné, vous pouvez poster des messages, et vous verrez que ça ne fonctionne pas.

[oxymore]

Bonjour

Vous avez mis

Code:

</script>

en fin de code dans votre javascript du coup il ne fonctionne pas.

[*Henry*]

Bonjour

Vous avez mis

Code:

</script>

en fin de code dans votre javascript du coup il ne fonctionne pas.

Ce commentaire est faux.
Parce-que ce clôture de balise ne aucun place dans le script.

Edit : 06.01.2015 14:22:38
@Orian178178
Au parement il y a survenu un erreur pendant le copie de Script-Code.
s'il vous plait remplacez le Code actuelle par le script de Origine :

Code:

var clignotement = function(){
  if (document.getElementById('DivClignotante').style.visibility=='visible'){
      document.getElementById('DivClignotante').style.visibility='hidden';
  }
  else{
  document.getElementById('DivClignotante').style.visibility='visible';
  }
};

// mise en place de l appel de la fonction toutes les 0.8 secondes
// Pour arrêter le clignotement : clearInterval(periode);
periode = setInterval(clignotement, 800);

[Orian178178]

Toujours rien Henry, merci de vos réponses, mais le message ne clignote quand même pas...

[Lixyr]

Il n'y avait pas d'erreur dans le script que j'ai donné. J'ai fait exprès de mettre le lien de la source en commentaire, parce que je n'aime pas que les gens utilisent des codes sans donner leurs source, l'enlever est d'assez mauvais goût, et incorrect vis à vis de la personne ayant conçu ce code, donc s'il-vous-plaît, Orian178178, remettez le commentaire.

Avez-vous d'autres codes JavaScript que celui-ci activés sur le forum ? Si c'est le cas, désactivez-les s'il-vous-plait, et testez juste le code fourni pour le clignotement.

Ou même des templates modifiés, tels que viewtopic_body ou autre ?

(et pouvez-vous supprimer mon message posté sur votre forum ? Le code ne fonctionnera pas même après résolution étant donné qu'il utilise une ID)

[*Henry*]

Le contenue de votre JS actuell contient encore les erreur :

Code:

    var clignotement = function() {
    if (document.getElementById('DivClignotante').style.visibility == 'visible') {
    document.getElementById('DivClignotante').style.visibility = 'hidden'
    } else {
    document.getElementById('DivClignotante').style.visibility = 'visible'
    }
    };
    periode = setInterval(clignotement, 800); < script type = "text/javascript" >
    var signe = -1;
    var clignotementFading = function() {
    var obj = document.getElementById('LblClignotant');
    if (obj.style.opacity >= 0.96) {
    signe = -1
    }
    if (obj.style.opacity <= 0.04) {
    signe = 1
    }
    obj.style.opacity = (obj.style.opacity * 1) + (signe * 0.04)
    };
    periode = setInterval(clignotementFading, 85); < /script>
    /

Pour résolu votre Problème je vous invité à remplacer votre script par celui donne dans mon dernier post.

Edit:
Vous avez mélangé le code initiale avec une partie de codes opacity. Ce sont deux script différent, qui ne peuvent pas être mélangé comme vous les faits.

[Orian178178]

Oui j'ai d'autres JavaScript, 1 qui permet un dégradé de couleur sur les messages des membres de différents rangs, un qui est désactivé, qui permet d'avoir "Avertissement Admin/Modo" au dessus de la réponse rapide, qui ne marche pas non plus par ailleurs, et que j'ai désactivé car obligé d'avoir des widgets pour le mettre, impossible de le mettre quand on "écrase" les widgets, et un autre qui permet EN PRINCIPE de faire un clignotement fondu et pas "flash".
Henry, ça ne marche toujours pas. Pour désactiver les Javascript, je ne les ai pas supprimé, j'ai juste décocher le "afficher sur toutes les pages" du coup, techniquement, il est affiché nulle part, donc ça va ?

[*Henry*]

Actuellement vous avez retire le script d’exécution.
C'est pas, que je demande.
Faits nous plaisir : Suive les conseils donné !

Votre script "dégradé" ne pose aucun problème

[Orian178178]

Non, je ne l'ai pas retiré, j'ai laisser le script "Clignotement" et, ça ne fonctionne toujours pas... http://prntscr.com/5p8sv6

Et ça ne marche toujours pas...

[Lixyr]

Pourquoi il y a <script type="text/javascript"> au plein milieu de votre screen ?
Mettre du HTML dans du code JavaScript ne le fera pas fonctionner, au contraire.

Le code simple donné dans mon poste fonctionnait très bien. Il suffit de faire un simple copié-collé, et de suivre les indications données. S'il ne fonctionne pas c'est qu'il y a quelque chose ailleurs qui l'empêche de s'effectuer.

Comme le code ne fonctionne qu'une fois, avez-vous poster le code HTML à plusieurs endroits, et surtout dans un endroit qui serait visible dans le poste ? Car deux id identiques ne peuvent pas fonctionner.

Ou même des templates modifiés, tels que viewtopic_body ou autre ?

Le mieux serait que vous supprimiez les JavaScript que vous n'utilisez pas. Car ne pas cocher "sur toutes les pages" ne veut pas dire qu'ils ne s'activent pas.

(et pouvez-vous supprimer mon message posté sur votre forum ? Le code ne fonctionnera pas même après résolution étant donné qu'il utilise une ID)

Et de toute manière, le code ne risque pas de fonctionner puisque vous avez reposter le code. Comme je l'ai dit, il faut supprimer le deuxième message. Qu'il vienne de moi ou de vous n'y change rien, une id ne s'utilise qu'une seule fois, autrement il y a conflit.

[*Henry*]

Dernier tentative de me faire comprendre:
►Supprimer le JS de votre Forum
Créer un Fichier Javascript avec cet contenu sur tout les Pages :

Code:

        var clignotement = function(){
          if (document.getElementById('DivClignotante').style.visibility=='visible'){
              document.getElementById('DivClignotante').style.visibility='hidden';
          }
          else{
          document.getElementById('DivClignotante').style.visibility='visible';
          }
        };
       
        // mise en place de l appel de la fonction toutes les 0.8 secondes
        // Pour arrêter le clignotement : clearInterval(periode);
        periode = setInterval(clignotement, 800);

[oxymore]

Bonjour

Vous avez mis

Code:

</script>

en fin de code dans votre javascript du coup il ne fonctionne pas.

Ce commentaire est faux.
Parce-que ce clôture de balise ne aucun place dans le script.

Edit : 06.01.2015 14:22:38
@Orian178178
Au parement il y a survenu un erreur pendant le copie de Script-Code.
s'il vous plait remplacez le Code actuelle par le script de Origine :

Code:

var clignotement = function(){
  if (document.getElementById('DivClignotante').style.visibility=='visible'){
      document.getElementById('DivClignotante').style.visibility='hidden';
  }
  else{
  document.getElementById('DivClignotante').style.visibility='visible';
  }
};

// mise en place de l appel de la fonction toutes les 0.8 secondes
// Pour arrêter le clignotement : clearInterval(periode);
periode = setInterval(clignotement, 800);

bonsoir

henry je ne vois pas ou ce commentaire est faux?
Vous le citez vous même plus bas son script à une erreur ( ce n'est pas vraiment une erreur ) mais il comporte les balises scripts dans la gestion des codes javascripts cela ne peut pas fonctionner..

Code:

<script type="text/javascript">var signe=-1;var clignotementFading=function(){var obj=document.getElementById('LblClignotant');if(obj.style.opacity>=0.96){signe=-1}if(obj.style.opacity<=0.04){signe=1}obj.style.opacity=(obj.style.opacity*1)+(signe*0.04)};periode=setInterval(clignotementFading,85);</script>/

[*Henry*]

Il faut laisser les textes dans son propre contexte.
J'ai bien explique, que orian à mélangé deux codes qui sont présent sur le site d'origine.

[Orian178178]

Merci Henry, ça marche par contre, c'est normal que ça ne marche que pour un seul message ? Comment faire pour que ça soit à chaque fois qu'on se sert de la balise html ?

[*Henry*]

Peut être un Erreur d’écriture ?
Il faut respecter le casse de caractères.

Code:

<div style="visibility: visible;" id="DivClignotante">*votre texte*</div>

[Orian178178]

Ah oui, en effet, merci ^^
Et ensuite, dernière petite question, as-tu le code pour faire un clignotement en "fondu", par opacité en gros ? Merci d'avance encore !

[*Henry*]

Vous trouverais tous sur le site nommé par Lixyr

[Orian178178]

Merci Henry et Lixyr, et les autres, ça marche nickel, encore merci !