Balise BLINK HTML/CSS

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Balise BLINK HTML/CSS

Message par Orian178178 le Lun 5 Jan 2015 - 13:57

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


Dernière édition par Orian178178 le Jeu 8 Jan 2015 - 16:20, édité 1 fois

Orian178178
*

Messages : 38
Inscrit(e) le : 29/07/2009

http://raven-rp.forumactif.org/forum
Orian178178 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Balise BLINK HTML/CSS

Message par Lixyr le Lun 5 Jan 2015 - 14:26

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.

Right texte-clignotant





Lixyr
Aidactive
Aidactive

Féminin
Messages : 5647
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Balise BLINK HTML/CSS

Message par Orian178178 le Lun 5 Jan 2015 - 14:53

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.

Orian178178
*

Messages : 38
Inscrit(e) le : 29/07/2009

http://raven-rp.forumactif.org/forum
Orian178178 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Balise BLINK HTML/CSS

Message par Lixyr le Lun 5 Jan 2015 - 19:32

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

Il faut faire ainsi :

Like a Star @ heaven 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);

:enreg: enregistrer le nouveau code

Like a Star @ heaven 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.





Lixyr
Aidactive
Aidactive

Féminin
Messages : 5647
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Balise BLINK HTML/CSS

Message par Orian178178 le Lun 5 Jan 2015 - 21:07

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.

Orian178178
*

Messages : 38
Inscrit(e) le : 29/07/2009

http://raven-rp.forumactif.org/forum
Orian178178 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Balise BLINK HTML/CSS

Message par Lixyr le Mar 6 Jan 2015 - 10:37

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.





Lixyr
Aidactive
Aidactive

Féminin
Messages : 5647
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Balise BLINK HTML/CSS

Message par HPie le Mar 6 Jan 2015 - 11:00

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.


HPie
*****

Messages : 572
Inscrit(e) le : 16/08/2010

http://www.quatelbach.com/
HPie a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Balise BLINK HTML/CSS

Message par Orian178178 le Mar 6 Jan 2015 - 11:32

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.

Orian178178
*

Messages : 38
Inscrit(e) le : 29/07/2009

http://raven-rp.forumactif.org/forum
Orian178178 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Balise BLINK HTML/CSS

Message par Lixyr le Mar 6 Jan 2015 - 12:25

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.





Lixyr
Aidactive
Aidactive

Féminin
Messages : 5647
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Balise BLINK HTML/CSS

Message par Orian178178 le Mar 6 Jan 2015 - 12:26

Oui, je l'ai coché.

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


Dernière édition par Orian178178 le Mar 6 Jan 2015 - 12:29, édité 1 fois

Orian178178
*

Messages : 38
Inscrit(e) le : 29/07/2009

http://raven-rp.forumactif.org/forum
Orian178178 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Balise BLINK HTML/CSS

Message par Lixyr le Mar 6 Jan 2015 - 12:27

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.





Lixyr
Aidactive
Aidactive

Féminin
Messages : 5647
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Balise BLINK HTML/CSS

Message par Orian178178 le Mar 6 Jan 2015 - 12:32

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.

Orian178178
*

Messages : 38
Inscrit(e) le : 29/07/2009

http://raven-rp.forumactif.org/forum
Orian178178 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Balise BLINK HTML/CSS

Message par oxymore le Mar 6 Jan 2015 - 13:51

Bonjour

Vous avez mis
Code:
</script>
en fin de code dans votre javascript du coup il ne fonctionne pas.

oxymore
**

Messages : 96
Inscrit(e) le : 09/11/2008

http://www.google.fr
oxymore a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Balise BLINK HTML/CSS

Message par *Henry* le Mar 6 Jan 2015 - 14:00

@oxymore a écrit: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);

*Henry*
+ Hyperactif +

Masculin
Messages : 2418
Inscrit(e) le : 11/04/2008

http://ww0.topp-henry.com
*Henry* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Balise BLINK HTML/CSS

Message par Orian178178 le Mar 6 Jan 2015 - 17:12

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

Orian178178
*

Messages : 38
Inscrit(e) le : 29/07/2009

http://raven-rp.forumactif.org/forum
Orian178178 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Balise BLINK HTML/CSS

Message par Lixyr le Mar 6 Jan 2015 - 17:25

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. Sad

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)





Lixyr
Aidactive
Aidactive

Féminin
Messages : 5647
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Balise BLINK HTML/CSS

Message par *Henry* le Mar 6 Jan 2015 - 17:31

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.

*Henry*
+ Hyperactif +

Masculin
Messages : 2418
Inscrit(e) le : 11/04/2008

http://ww0.topp-henry.com
*Henry* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Balise BLINK HTML/CSS

Message par Orian178178 le Mar 6 Jan 2015 - 17:53

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 ?

Orian178178
*

Messages : 38
Inscrit(e) le : 29/07/2009

http://raven-rp.forumactif.org/forum
Orian178178 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Balise BLINK HTML/CSS

Message par *Henry* le Mar 6 Jan 2015 - 18:00

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

*Henry*
+ Hyperactif +

Masculin
Messages : 2418
Inscrit(e) le : 11/04/2008

http://ww0.topp-henry.com
*Henry* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Balise BLINK HTML/CSS

Message par Orian178178 le Mar 6 Jan 2015 - 19:24

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...

Orian178178
*

Messages : 38
Inscrit(e) le : 29/07/2009

http://raven-rp.forumactif.org/forum
Orian178178 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Balise BLINK HTML/CSS

Message par Lixyr le Mar 6 Jan 2015 - 19:56

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.

@Lixyr a écrit: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.

@Lixyr a écrit:(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.





Lixyr
Aidactive
Aidactive

Féminin
Messages : 5647
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Balise BLINK HTML/CSS

Message par *Henry* le Mar 6 Jan 2015 - 20:01

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);

*Henry*
+ Hyperactif +

Masculin
Messages : 2418
Inscrit(e) le : 11/04/2008

http://ww0.topp-henry.com
*Henry* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Balise BLINK HTML/CSS

Message par oxymore le Mar 6 Jan 2015 - 20:21

@*Henry* a écrit:
@oxymore a écrit: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>/





oxymore
**

Messages : 96
Inscrit(e) le : 09/11/2008

http://www.google.fr
oxymore a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Balise BLINK HTML/CSS

Message par *Henry* le Mar 6 Jan 2015 - 20:36

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.

*Henry*
+ Hyperactif +

Masculin
Messages : 2418
Inscrit(e) le : 11/04/2008

http://ww0.topp-henry.com
*Henry* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Balise BLINK HTML/CSS

Message par Orian178178 le Mer 7 Jan 2015 - 18:57

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 ?

Orian178178
*

Messages : 38
Inscrit(e) le : 29/07/2009

http://raven-rp.forumactif.org/forum
Orian178178 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Balise BLINK HTML/CSS

Message par *Henry* le Mer 7 Jan 2015 - 19:11

Peut être un Erreur d’écriture ?
Il faut respecter le casse de caractères.
Code:
<div style="visibility: visible;" id="DivClignotante">*votre texte*</div>

*Henry*
+ Hyperactif +

Masculin
Messages : 2418
Inscrit(e) le : 11/04/2008

http://ww0.topp-henry.com
*Henry* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Balise BLINK HTML/CSS

Message par Orian178178 le Mer 7 Jan 2015 - 20:43

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 !

Orian178178
*

Messages : 38
Inscrit(e) le : 29/07/2009

http://raven-rp.forumactif.org/forum
Orian178178 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Balise BLINK HTML/CSS

Message par *Henry* le Mer 7 Jan 2015 - 20:54

Vous trouverais tous sur le site nommé par Lixyr

*Henry*
+ Hyperactif +

Masculin
Messages : 2418
Inscrit(e) le : 11/04/2008

http://ww0.topp-henry.com
*Henry* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Balise BLINK HTML/CSS

Message par Orian178178 le Jeu 8 Jan 2015 - 16:19

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

Orian178178
*

Messages : 38
Inscrit(e) le : 29/07/2009

http://raven-rp.forumactif.org/forum
Orian178178 a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum