Texte aléatoire changeant toutes les x secondes

4 participants

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

Résolu Texte aléatoire changeant toutes les x secondes

Message par Teurancher Sam 18 Juil 2015 - 10:27

Détails techniques


Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : x

Description du problème

Chalut !
Je pense que le titre est assez explicite: je cherche à afficher un texte à gauche de mon forum qui changerait pour un autre texte aléatoire toutes les x secondes, mais je n'ai rien trouvé.

Auriez-vous une idée ?
Merci d'avance ~


Dernière édition par Teurancher le Sam 25 Juil 2015 - 9:42, édité 1 fois
Teurancher

Teurancher
*****

Masculin
Messages : 545
Inscrit(e) le : 28/02/2015

http://www.arcadia-forum.com/
Teurancher a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Texte aléatoire changeant toutes les x secondes

Message par GenialJerome Sam 18 Juil 2015 - 12:14

Code:

$(function() {
   var nbalea = Math.floor(Math.random()*5+1);
   
   switch (nbalea) {
    case 1:
        var texte = 'Le texte';
    break;

    case 2:
        var texte = 'Le texte';
    break;

    case 3:
        var texte = 'Le texte';
    break;

    case 4:
        var texte = 'Le texte';
    break;
   
   case 5:
        var texte = 'Le texte';
    break;
   
    default:
        var texte = 'Erreur !';
   }
   
   $('Selecteur').text(texte);
});

Voila le code. Il faut changer le sélecteur et les textes ainsi que le nombre 5 selon le nombre de phrases que tu as mis.
GenialJerome

GenialJerome
**

Masculin
Messages : 82
Inscrit(e) le : 20/05/2015

http://redstoneur.pro-forum.fr
GenialJerome a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Texte aléatoire changeant toutes les x secondes

Message par Teurancher Sam 18 Juil 2015 - 14:33

Merci à toi, j'apprécie.
Par contre, comment m'y prendre si je souhaite mettre cela dans une template ?
Teurancher

Teurancher
*****

Masculin
Messages : 545
Inscrit(e) le : 28/02/2015

http://www.arcadia-forum.com/
Teurancher a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Texte aléatoire changeant toutes les x secondes

Message par GenialJerome Sam 18 Juil 2015 - 19:13

Tu peux le mettre dans la gestion des codes Javascript dans modules ou dans une page html entre les balises <script> Le code JavaScript ici </script> Si tu as un problèmes avec ce code n'hésites pas à me le dire
GenialJerome

GenialJerome
**

Masculin
Messages : 82
Inscrit(e) le : 20/05/2015

http://redstoneur.pro-forum.fr
GenialJerome a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Texte aléatoire changeant toutes les x secondes

Message par GenialJerome Dim 19 Juil 2015 - 22:07

Voilà le code amélioré :
Code:
$(function() {
  var nbalea = Math.floor(Math.random()*3);
  var textes = ["Un texte",
                          "Un autre texte",
                          "Encore un autre texte"];
  var texte = textes[nbalea];
  $('Selecteur').text(texte);
});
Je n'ai pas encore testé ce code, je le ferai cet après-midi. Normalement il marche. Comme l'autre code, il faut remplacer Selecteur par le selecteur, le nombre 3 par le nombre de phrases mit...


Dernière édition par GenialJerome le Mar 21 Juil 2015 - 7:53, édité 1 fois
GenialJerome

GenialJerome
**

Masculin
Messages : 82
Inscrit(e) le : 20/05/2015

http://redstoneur.pro-forum.fr
GenialJerome a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Texte aléatoire changeant toutes les x secondes

Message par Teurancher Lun 20 Juil 2015 - 2:41

il faut remplacer Selecteur par le selecteur
Comment ça ?
Teurancher

Teurancher
*****

Masculin
Messages : 545
Inscrit(e) le : 28/02/2015

http://www.arcadia-forum.com/
Teurancher a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Texte aléatoire changeant toutes les x secondes

Message par Teurancher Lun 20 Juil 2015 - 13:17

Aucun des deux codes ne semblent fonctionner. :/
Une autre idée ?
Teurancher

Teurancher
*****

Masculin
Messages : 545
Inscrit(e) le : 28/02/2015

http://www.arcadia-forum.com/
Teurancher a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Texte aléatoire changeant toutes les x secondes

Message par GenialJerome Lun 20 Juil 2015 - 17:19

Tu veux le mettre où ? Quelle est le lien de ton forum ?
Les deux codes marchent. Il faut le mettre dans Gestion du 'JavaScript'
Voila le code qui a été compressé :
Code:
$(function() {
  var textes = [
                    "Un texte",
                    "Un autre texte",
                    "Encore un autre texte"
                  ];
  $('Le sélecteur').text(textes[Math.floor(Math.random()*3)]);
});

Il suffit de changer Le selecteur, le nombre 3 par le nombre de phrases et les phrases.
GenialJerome

GenialJerome
**

Masculin
Messages : 82
Inscrit(e) le : 20/05/2015

http://redstoneur.pro-forum.fr
GenialJerome a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Texte aléatoire changeant toutes les x secondes

Message par Teurancher Mar 21 Juil 2015 - 11:39

GenialJerome a écrit:Il suffit de changer Le selecteur

Toujours pas compris cette partie. Mad
Teurancher

Teurancher
*****

Masculin
Messages : 545
Inscrit(e) le : 28/02/2015

http://www.arcadia-forum.com/
Teurancher a été remercié(e) par l'auteur de ce sujet.

L'auteur de ce message est actuellement banni du forum - Voir le message

  • 0

Résolu Re: Texte aléatoire changeant toutes les x secondes

Message par Teurancher Mar 21 Juil 2015 - 14:11

Bonsoir,
Merci pour votre réponse. ^^

Si j'ai bien compris, ce qui est en rouge ne doit pas changer, juste ce qui est en vert ?

$(function() {
var textes = [
"Un texte",
"Un autre texte",
"Encore un autre texte"
];
$('Le sélecteur').text(textes[Math.floor(Math.random()*3)]);
});
Teurancher

Teurancher
*****

Masculin
Messages : 545
Inscrit(e) le : 28/02/2015

http://www.arcadia-forum.com/
Teurancher a été remercié(e) par l'auteur de ce sujet.

L'auteur de ce message est actuellement banni du forum - Voir le message

Résolu Re: Texte aléatoire changeant toutes les x secondes

Message par no_way Mer 22 Juil 2015 - 6:31

Bonjour Very Happy

Le sélecteur n'a absolument rien à voir avec le nombre d’éléments dans le tableau "textes" mais au moyen de cibler l'élément qui recevra le texte aléatoire, ainsi, si vous avez dans votre code html:
Code:
<p id="texteAleatoire"></p>
Le sélecteur sera
Code:
"#texteAleatoire"
Pour la valeur 3, ce n'est pas très pratique de devoir la modifier à chaque nouveau texte ajouté/retiré, préférez le code Javascript suivant:
Code:
$(function() {
var nbSec=5,textalea=function(){
  var textes = [
    "Un texte",
    "Un autre texte",
    "Encore un autre texte"
  ];
  $('Le sélecteur').text(textes[parseInt(Math.random()*textes.length)]);};
  textalea();
  setInterval(textalea,nbSec*1000)
});
modifiez 5 par le nombre de secondes voulues.
no_way

no_way
Membre actif

Messages : 2214
Inscrit(e) le : 26/03/2010

no_way a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Texte aléatoire changeant toutes les x secondes

Message par Teurancher Mer 22 Juil 2015 - 12:00

Chalut,
J'ai donc essayé votre code no_way, mais rien ne s'affiche. :/

En javascript dans la gestion des modules JS dans le PA:
Code:
$(function() {
        var nbSec=5,textalea=function(){
          var textes = [
            "Un texte",
            "Un autre texte",
            "Encore un autre texte"
          ];
          $('#toast').text(textes[parseInt(Math.random()*textes.length)]);};
          textalea();
          setInterval(textalea,nbSec*1000)
        });

HTML:
Code:
<p id="toast"></p>

Une idée ?
Merci d'avance ~
Teurancher

Teurancher
*****

Masculin
Messages : 545
Inscrit(e) le : 28/02/2015

http://www.arcadia-forum.com/
Teurancher a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Texte aléatoire changeant toutes les x secondes

Message par no_way Mer 22 Juil 2015 - 12:21

Avez-vous mis pour son placement:"Sur toutes les pages" ?

Si oui pourriez-vous mettre en lien la page ou doit s'afficher le texte ?
no_way

no_way
Membre actif

Messages : 2214
Inscrit(e) le : 26/03/2010

no_way a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Texte aléatoire changeant toutes les x secondes

Message par Teurancher Mer 22 Juil 2015 - 12:26

Affirmatif, c'est bien coché.
Voici un exemple: http://trancheesdecake.forumactif.org/t3-ye-soui-oune-annonce-une-fois#5
Teurancher

Teurancher
*****

Masculin
Messages : 545
Inscrit(e) le : 28/02/2015

http://www.arcadia-forum.com/
Teurancher a été remercié(e) par l'auteur de ce sujet.

L'auteur de ce message est actuellement banni du forum - Voir le message

Résolu Re: Texte aléatoire changeant toutes les x secondes

Message par Teurancher Mer 22 Juil 2015 - 15:24

o.o Je n'ai aucun résultat perso, que du vide. Je suis bien sur Firefox également pourtant. x_x
Teurancher

Teurancher
*****

Masculin
Messages : 545
Inscrit(e) le : 28/02/2015

http://www.arcadia-forum.com/
Teurancher a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Texte aléatoire changeant toutes les x secondes

Message par no_way Mer 22 Juil 2015 - 23:57

Le souci provient de l'oubli d'un point-virgule dans un de vos scripts, pourriez-vous poster le script commençant par:
Code:
document.querySelector("#Bouton")...
que je corrige.

Edit: je trouve en plus des commentaires html dans vos codes javascript, ils n'ont rien à y faire, retirez:
Code:
<!--
et
Code:
-->
de vos codes.
no_way

no_way
Membre actif

Messages : 2214
Inscrit(e) le : 26/03/2010

no_way a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Texte aléatoire changeant toutes les x secondes

Message par Teurancher Jeu 23 Juil 2015 - 12:00

Voici:

Code:
document.querySelector("#Bouton").onclick = function() {
if (window.getComputedStyle(document.querySelector('#tonDiv')).display=='none'){
document.querySelector("#tonDiv").style.display="block";
} else {
document.querySelector("#tonDiv").style.display="none";
}
}
Teurancher

Teurancher
*****

Masculin
Messages : 545
Inscrit(e) le : 28/02/2015

http://www.arcadia-forum.com/
Teurancher a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Texte aléatoire changeant toutes les x secondes

Message par no_way Ven 24 Juil 2015 - 0:12

Bien, ajoutez un point-virgule tout à la fin, après la dernière accolade, la suite du code devrait s’exécuter à présent.
no_way

no_way
Membre actif

Messages : 2214
Inscrit(e) le : 26/03/2010

no_way a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Texte aléatoire changeant toutes les x secondes

Message par Teurancher Ven 24 Juil 2015 - 7:09

C'est fait, mais aucune différence de mon côté, rien ne s'affiche. :/
Teurancher

Teurancher
*****

Masculin
Messages : 545
Inscrit(e) le : 28/02/2015

http://www.arcadia-forum.com/
Teurancher a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Texte aléatoire changeant toutes les x secondes

Message par no_way Ven 24 Juil 2015 - 13:21

Supprimez la partie de votre script que vous m'avez fournie dans un premier temps, elle provoque des erreurs en cherchant des identifiants qui n'existent pas sur votre page, une fois que ce sera fait je repasserai voir si un de vos scripts lèvent encore une exception.
no_way

no_way
Membre actif

Messages : 2214
Inscrit(e) le : 26/03/2010

no_way a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Texte aléatoire changeant toutes les x secondes

Message par Teurancher Ven 24 Juil 2015 - 14:46

Re,
J'ai supprimé tous les autres codes JS, mais toujours rien. ;/
Teurancher

Teurancher
*****

Masculin
Messages : 545
Inscrit(e) le : 28/02/2015

http://www.arcadia-forum.com/
Teurancher a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Texte aléatoire changeant toutes les x secondes

Message par no_way Sam 25 Juil 2015 - 1:30

Je ne trouve plus le code javascript fourni, il n' y a plus que le code suivant:
Code:
$(function(){$('a.mainmenu[href^="/search"] img').removeAttr('title')});
Mais au moins il n'y a plus d'erreurs.
Avez-vous bien mis "sur toutes les pages" pour le placement ?
no_way

no_way
Membre actif

Messages : 2214
Inscrit(e) le : 26/03/2010

no_way a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Texte aléatoire changeant toutes les x secondes

Message par Teurancher Sam 25 Juil 2015 - 9:28

Re,
J'ai dû faire une fausse manip' en effet. J'ai donc remis le JS, et ça marche enfin ! *_*
Merci à vous pour votre aide. :>

Bonne journée ~
Teurancher

Teurancher
*****

Masculin
Messages : 545
Inscrit(e) le : 28/02/2015

http://www.arcadia-forum.com/
Teurancher a été remercié(e) par l'auteur de ce sujet.

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

- Sujets similaires

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