Code Html BLINK ne clignote pas

[lilas]

forum.
J'ai ajouté le code suggéré pour Internet Explorer à la fin de ma feuille css mais le texte ne clignote pas.
Ni sous Internet, ni sous Firefox, ni sous Chrome...

https://forum.forumactif.com/t260355-faire-fonctionner-le-blink-avec-internet-explorer

Le code date de 2009. Peut-être a t'il besoin d'être rafraichi...

Bonne nuit

[Invité]

Salut lilas,

j'avais donné ce script il y a quelque temps afin d'y remédier.

En fait on va mettre une class sur n'importe quelle balise contenant un texte:

Exemple:

Code:



<span class="M14_texte_Blink">texte qui va clignoter</span>
<p class="M14_texte_Blink">texte qui va clignoter</p>
<div class="M14_texte_Blink">texte qui va clignoter</div>
<a href="LE LIEN "class="M14_texte_Blink">texte qui va clignoter</a>



Puis le script:

Modules/HTML&JAVASCRIPT/Gestion des codes Javascript/Créer un nouveau Javascript

Mettre un titre explicite.
Cocher sur toutes les pages.

Déposes ceci:

Code:


$(function(){
$('.M14_texte_Blink').addClass('M14_Blink');
        $('.M14_Blink').each(function() {
            var elem = $(this);
            setInterval(function() {
                if (elem.css('visibility') == 'hidden') {
                    elem.css('visibility', 'visible');
                } else {
                    elem.css('visibility', 'hidden');
                } 
            }, 800);
        });
        });



Penses à cliquer sur le bouton

Ensuite tu peux personnaliser en ajoutant quelques lignes dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style

Code:


.M14_Blink {color:red ;}
a.M14_Blink {color:red !important;text-decoration:none;}


Penses à cliquer sur le bouton

Si tu veux détailler encore plus la c.s.s
tu peux jouer avec les conteneurs:

Code:

p.M14_Blink
span.M14_Blink
div.M14_Blink


a++

[no_way]

Bonjour, une solution en CSS:

Code:

@-o-keyframes blink{
from{
opacity:0
}
15%{
opacity:1
}
}
@-webkit-keyframes blink{
from{
opacity:0
}
15%{
opacity:1
}
}
@keyframes blink{
from{
opacity:0
}
15%{
opacity:1
}
}
.blink{
animation:blink 1s infinite steps(1)
}

une fois ajouté à votre CSS, assignez la classe blink aux éléments que vous voulez voir clignoter.

[lilas]

Bonjour à vous deux
Je crois que je me suis mal exprimée...
Ce que je veux, c'est faire clignoter du texte dans un message autant dans l'éditeur régulier que la Réponse rapide.
Un BBcode...
C'est possible ?

[Invité]

Hello lilas,
oui tout à fait en suivant nos procédures ,
tu as deux astuces,donc suis les sans te poser de questions car on répond
tout à fait à ta question.

a++

[lilas]

En fait on va mettre une class sur n'importe quelle balise contenant un texte:

Exemple:

1.
2.
3.<span class="M14_texte_Blink">texte qui va clignoter</span>
4.<p class="M14_texte_Blink">texte qui va clignoter</p>
5.<div class="M14_texte_Blink">texte qui va clignoter</div>
6.<a href="LE LIEN "class="M14_texte_Blink">texte qui va clignoter</a>
7.

Ça commence mal j'ai déjà une question. Le code ci-haut, c'est juste un exemple ou je le planque quelque part ?
Si oui, dans le css ou quoi ?

[Invité]

Hello lilas,

ce sont des exemples car comme nous n'avons pas eu de code html de ta part .


Essayes avec ce code dans un message sur ton fofo en n'ayant au préalable activé le script donné plus haut.

Code:


<span class="M14_texte_Blink">texte qui va clignoter</span>

Ou la solution donné par @no-way (que je salue ) qui est bien bien bien moins gourmande.

En insérant la class blink .
Exemple si ton texte et entouré d'un span:

Code:

<span>Texte</span>

Il faudra donc ajouter la class blink, ce qui donnera :

Code:

<span class="blink">Texte</span>

a++

[no_way]

Salut milouze ;-)

Pour nuancer, le code de milouze a lui l'avantage d'être compatible avec les navigateurs plus anciens tels IE9 qui ne supportent pas les keyframes, il s'agit donc d'un choix qui vous revient entre le côté pratique et léger (CSS) et le support de navigateurs assez anciens (JS).

Je me permet de laisser milouze traiter ce sujet, mon message initial était juste pour proposer une version CSS

[lilas]

Ça clignote enfin !
Avec le script de Milouze et

1.
2.<span class="M14_texte_Blink">texte qui va clignoter</span>

Ça va pour moi mais pour mes membres ce n'est pas très pratique.
Ils ont l'habitude d'un bouton dans lbarre du BBcode de l'éditeur.

Merci no way, je n'ai pas réussi à faire clignoter avec votre code css.

Belle fin de journée et merci encore à vous deux...

[Chacha]

Afin de faciliter la gestion des problèmes, si le vôtre est résolu, pensez à : éditer votre premier message, cocher l'icône résolu et enregistrer Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton