It is currently Sat 1 Oct 2016 - 06:53 - créer un forum

[Tuto] Une bannière ou une phrase aléatoire sur votre forum

Skip to content

Post new topic Reply to topic Goto page: 1, 2, 315, 16, 17  >

[Tuto] Une bannière ou une phrase aléatoire sur votre forum
Author Message
Yskander
Modérateur


Offline
Modérateur

Joined: 26 Jan 2008
Posts: 1,558
Point(s): 1,654
Moyenne: 1.06
Masculin

PostPosted: Fri 1 Aug 2008 - 18:36    Post subject: [Tuto] Une bannière ou une phrase aléatoire sur votre forum Reply with quote

PublicitéSupprimer les publicités ?

  

Informations sur le tutoriel
NomUne bannière ou une phrase aléatoire sur votre forum
AuteurYskander et Arcanis
Autre
Liste de mes tutos sur Xooit.com
Mise à jour
28 Octobre 2009
Difficulté

Sources
http://www.creation-du-web.com/honolulu/cours-html-javascript-aleatoire.htm…
DescriptionCe script tout simple vous permet d'afficher une image, une citation ou une phrase de manière aléatoire sur votre forum (Vous pouvez faire figurer des images ou des phrases dans le même script). Pour une bannière aléatoire, ce tuto est plus simple à mettre en œuvre que celui là http://xooit.xooit.com/t15286-Une-bannière-aléatoire.htm
Démonstration
 http://tutos.initinere.fr/Tuto-aleatoire.php
Difficulté
  • Installation: Simple
  • Compréhension: la variante 2 est plus simple d'utilisation
Templates à modifierDépend de l'endroit où vous désirez installer la phrase aléatoire. Ce tuto peut aussi vous permettre de mettre un logo aléatoire en haut de votre forum de manière très simple.
Testé sur
  • Navigateurs
    • Firefox toutes versions
    • Safari
    • Opéra
    • Google Chrome
    • Kméléon

Variante 1
 
             
Script :
Code: Sélectionner - Agrandir

<script type="text/javascript">
aleatoire=Math.floor(Math.random()*#)
switch(aleatoire){
case 0:document.write("######");break;
case 1:document.write("######");break;
case 2:document.write("######");break;
}
</script>

Les bases :

Math.random() * X : Génère un nombre aléatoire entre 0 et X
switch(variable) : Permet de tester la valeur de la variable... en l'occurence "aleatoire"

Consigne pour renseigner votre script :

  • aleatoire=Math.floor(Math.random()*#) : Dans cette ligne, modifiez le # par le nombre de phrase que vous avez intégrez dans votre script. Dans l'exemple ci-dessus il y a trois phrases donc : aleatoire=Math.floor(Math.random()*3)
  • case #:document.write("######");break; : Remplacez les ###### par votre phrase.
  • case #:document.write('<img src="URL DE VOTRE IMAGE">');break; : Remplacez URL DE VOTRE IMAGE par l'adresse de l'image que vous voulez faire afficher
Où intégrer votre script ? :

Tout dépend en fait de l'endroit où vous voulez faire figurer votre citation. Pour l'avoir en haut de toutes les pages, vous devez le rajouter dans votre template overall_headear.tpl. Pour l'avoir en bas de toutes les pages il faudra le rajouter dans votre overall_footer.tpl. Et enfin si vous voulez le voir sur la page de votre index ce sera dans le template index_body.tpl. Il est aussi possible de rajouter ce script dans un module sur le portail. Pour cela rien de plus simple :

panneau d'administration >> portail >> gestion des modules >> créer un module
                           

Dans le nouveau module vous n'aurez qu'à copier/coller directement votre script
            
              
Variante 2
             

Pour mettre une citation aléatoire :

Code: Sélectionner - Agrandir

<script type="text/javascript"> function aleatoire(phrases) {
  var length = phrases.length;
  var rand   = Math.floor(Math.random()*length);
  document.write(phrases[rand]);
 }
 aleatoire([
 "Citation 1",
 "Citation 2",
 "Citation 3",
 "Citation 4",
 "Citation 5",
 "Citation 6"
  ]);
 </script>


Pour mettre une image aléatoire :


Code: Sélectionner - Agrandir

<script type="text/javascript"> function aleatoire(phrases) {
 var length = phrases.length;
 var rand   = Math.floor(Math.random()*length);
 document.write(phrases[rand]);
}
aleatoire([
"<img src='URL IMAGE 1'/>",
"<img src='URL IMAGE 2'/>",
"<img src='URL IMAGE 3'/>",
"<img src='URL IMAGE 4'/>"
 ]);
</script>



  
  
_______________________
Pour les mp injurieux >> Ezéchiel 25 verset 17


Last edited by Yskander on Thu 29 Oct 2009 - 02:15; edited 19 times in total
Forum
Author Message
lali


Offline
Guest




PostPosted: Fri 1 Aug 2008 - 19:08    Post subject: [Tuto] Une bannière ou une phrase aléatoire sur votre forum Reply with quote

Merci dés que j'ai un moment je m'attelle à ce tuto qui me semble trés sympa

Author Message
themalin
Membre


Offline
Membre

Joined: 19 Apr 2006
Posts: 8,897
Point(s): 9,101
Moyenne: 1.02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

PostPosted: Fri 1 Aug 2008 - 19:14    Post subject: [Tuto] Une bannière ou une phrase aléatoire sur votre forum Reply with quote

bonjour

pas mal

tu crois que ça marche avec des code image??
_______________________


Forum
Author Message
Yskander
Modérateur


Offline
Modérateur

Joined: 26 Jan 2008
Posts: 1,558
Point(s): 1,654
Moyenne: 1.06
Masculin

PostPosted: Fri 1 Aug 2008 - 19:15    Post subject: [Tuto] Une bannière ou une phrase aléatoire sur votre forum Reply with quote

C'est ce que je me demandais
Je vais essayer

Edit : non après quelques tentatives je n'y arrive pas
_______________________
Pour les mp injurieux >> Ezéchiel 25 verset 17


Forum
Author Message
Nejitounn
Membre


Offline
Membre

Joined: 09 Jul 2008
Posts: 88
Niveau:
Point(s): 88
Moyenne: 1.00
Linux Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Poissons (20fev-20mar) 狗 Chien

PostPosted: Fri 1 Aug 2008 - 22:49    Post subject: [Tuto] Une bannière ou une phrase aléatoire sur votre forum Reply with quote

Si j'ai bien compris c'est hyper long si on veut mettre plus que 3 phrases 0_o
_______________________


Forum
Author Message
Yskander
Modérateur


Offline
Modérateur

Joined: 26 Jan 2008
Posts: 1,558
Point(s): 1,654
Moyenne: 1.06
Masculin

PostPosted: Fri 1 Aug 2008 - 23:04    Post subject: [Tuto] Une bannière ou une phrase aléatoire sur votre forum Reply with quote

Pas hyper long mais à partir d'une centaine de phrases oui... surtout si c'est toi qui les écrit. Si c'est du copier/coller non... là ça va.
_______________________
Pour les mp injurieux >> Ezéchiel 25 verset 17


Forum
Author Message
themalin
Membre


Offline
Membre

Joined: 19 Apr 2006
Posts: 8,897
Point(s): 9,101
Moyenne: 1.02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

PostPosted: Sat 2 Aug 2008 - 11:36    Post subject: [Tuto] Une bannière ou une phrase aléatoire sur votre forum Reply with quote

essayes en mettant ça


 
Code: Sélectionner - Agrandir
<IMG HSPACE=0 VSPACE=0 " + "SRC='" + lien de l'image + "'> 

_______________________


Forum
Author Message
Yskander
Modérateur


Offline
Modérateur

Joined: 26 Jan 2008
Posts: 1,558
Point(s): 1,654
Moyenne: 1.06
Masculin

PostPosted: Sat 2 Aug 2008 - 13:16    Post subject: [Tuto] Une bannière ou une phrase aléatoire sur votre forum Reply with quote

Ca y est je viens de comprendre mon erreur, j'avais oublié un caractère.
J'édite le tuto pour ajouter une image
_______________________
Pour les mp injurieux >> Ezéchiel 25 verset 17


Forum
Author Message
le-minotor
Membre


Offline
Membre

Joined: 12 Jun 2008
Posts: 14
Point(s): 14
Moyenne: 1.00
Windows XP (ou plus ancien) Internet Explorer Masculin Cancer (21juin-23juil)

PostPosted: Sat 2 Aug 2008 - 15:03    Post subject: [Tuto] Une bannière ou une phrase aléatoire sur votre forum Reply with quote

dit moi iskander a tu un exemple sur un forum pour voir si ce corespond a ce que je recherche 

merci


merci aussi pour le tuto
_______________________
<Signature retirée car non conforme au règlement>


Forum
Author Message
Yskander
Modérateur


Offline
Modérateur

Joined: 26 Jan 2008
Posts: 1,558
Point(s): 1,654
Moyenne: 1.06
Masculin

PostPosted: Sat 2 Aug 2008 - 15:11    Post subject: [Tuto] Une bannière ou une phrase aléatoire sur votre forum Reply with quote

Dans mon thème de test, sur l'index dans le cadre au centre : http://testpourinitinere.xooit.com/index.php
_______________________
Pour les mp injurieux >> Ezéchiel 25 verset 17


Forum
Author Message
lali


Offline
Guest




PostPosted: Thu 7 Aug 2008 - 23:08    Post subject: [Tuto] Une bannière ou une phrase aléatoire sur votre forum Reply with quote

Hello

Y a t'il la possibilité de mettre les phrases en gras et d'une autre couleur et si oui comment faire?
Merci


Author Message
Yskander
Modérateur


Offline
Modérateur

Joined: 26 Jan 2008
Posts: 1,558
Point(s): 1,654
Moyenne: 1.06
Masculin

PostPosted: Thu 7 Aug 2008 - 23:13    Post subject: [Tuto] Une bannière ou une phrase aléatoire sur votre forum Reply with quote

Je n'ai aps encore trouvé comment varier les couleurs mais tu peux mettre les codes de style autour du script
Ce sera par contre la même couleur pour toutes les phrases
_______________________
Pour les mp injurieux >> Ezéchiel 25 verset 17


Forum
Author Message
lali


Offline
Guest




PostPosted: Thu 7 Aug 2008 - 23:21    Post subject: [Tuto] Une bannière ou une phrase aléatoire sur votre forum Reply with quote

Peux tu s'il te plait m'expliquer un peu mieux juste ce qu'il faut faire et ou exactement pour mettre en gras en attendant mieux

Merci Yskander


Author Message
Yskander
Modérateur


Offline
Modérateur

Joined: 26 Jan 2008
Posts: 1,558
Point(s): 1,654
Moyenne: 1.06
Masculin

PostPosted: Thu 7 Aug 2008 - 23:24    Post subject: [Tuto] Une bannière ou une phrase aléatoire sur votre forum Reply with quote

Pas de soucis. En fait voilà le script et il faut l'encadrer avec les codes pour le gras comme çà :


 
Code: Sélectionner - Agrandir
<b><script>
aleatoire=Math.floor(Math.random()*#)
switch(aleatoire){
case 0:document.write("######");break;
case 1:document.write("######");break;
case 2:document.write("######");break;
}
</script></b> 

_______________________
Pour les mp injurieux >> Ezéchiel 25 verset 17


Forum
Author Message
lali


Offline
Guest




PostPosted: Thu 7 Aug 2008 - 23:33    Post subject: [Tuto] Une bannière ou une phrase aléatoire sur votre forum Reply with quote

Okay merci c'est cool 

Author Message
Contenu Sponsorisé





PostPosted: Today at 06:53    Post subject: [Tuto] Une bannière ou une phrase aléatoire sur votre forum

Display posts from previous:   
Reply to topic Page 1 of 17 Goto page: 1, 2, 315, 16, 17  >




Portal | Index | Administration Panel | Create a forum | Free support forum | Free forums directory | Report a violation | Conditions générales d'utilisation
Propulsé par p h p B B © 2016 p h p B B Group |
 
© 2003-2013 Xooit.com - Contact - Mentions légales - CGU - Charte - CNIL : 1381401