Pluie de chauves-souris - Code présent

3 participants

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

Résolu Pluie de chauves-souris - Code présent

Message par neon Ven 26 Oct 2012 - 13:09

Bonjour,

En cherchant sur le forumactif je n'ai pas réellement remarqué ou je me trompais dans le code que j'ai généré. J'ai envie qu'il y ait une pluie de chauves-souris sur mon forum ( http://waikiki-beach.forumactif.be ) mais rien ne se passe ! Pourtant j'applique absolument tout ce qui est dit !

Je ne comprends pas- pourriez-vous m'aider ?

Voici le code :

Code:
<SCRIPT LANGUAGE="JavaScript">
/******************************************
*SCRIPT GENERE PAR LE GENERATEUR DE SCRIPT D'ASTUFORUM ( http://astuforum.free.fr) 
* Snow Effect Script- By Altan d.o.o. (http://www.altan.hr/snow/index.html)
* Visit Dynamic Drive DHTML code library (http://www.dynamicdrive.com/) for full source code
* Traduction française par Prof TNJ
******************************************/
// Indiquer l'URL de l'image  :
var urlflocon="http://nsa32.casimages.com/img/2012/10/26/121026011104553601.gif"
// Ecrire le nombre de flocons :
var nombreflocons = 10;
// Indiquer si la neige doit disparaître après x secondes (0=jamais) :
var cacherflocons = 0;
// Indiquer si la neige doit être vue sur la fenêtre ou toute la page avant de disparaître ("windowheight"=la fenêtre, "pageheight"=toute la page)
var voirflocons = "pageheight";
/////////// FIN DE LA PARTIE CONFIGURATION //////////////////////////////////
var ie4up = (document.all) ? 1 : 0;
var ns6up = (document.getElementById&&!document.all) ? 1 : 0;
function testIEcompatible(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}
var dx, xp, yp; // Variables de coordonnées et de position
var am, stx, sty; // Variables d'amplitude
var i, doc_width = 1024, doc_height = 768; // Taille de l'écran
if (ns6up) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
} else if (ie4up) {
doc_width = testIEcompatible().clientWidth;
doc_height = testIEcompatible().clientHeight;
}
dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();
for (i = 0; i < nombreflocons; ++ i) {
dx[i] = 0; // Variables de coordonnées
xp[i] = Math.random()*(doc_width-50); // Variables de position
yp[i] = Math.random()*doc_height;
am[i] = Math.random()*20; // Variables d'amplitude
stx[i] = 0.02 + Math.random()/10; // Variables de pas‎
sty[i] = 0.7 + Math.random(); // Variables de pas
if (ie4up||ns6up) {
if (i == 0) {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+urlflocon+"' border=\"0\"><\/div>");
} else {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+urlflocon+"' border=\"0\"><\/div>");
}
}
}
function neigeIE_NS6() { // IE et NS6 : fonctions principales d'animation
doc_width = ns6up?window.innerWidth-10 : testIEcompatible().clientWidth-10;
doc_height=(window.innerHeight && voirflocons=="windowheight")? window.innerHeight : (ie4up && voirflocons=="windowheight")? testIEcompatible().clientHeight : (ie4up && !window.opera && voirflocons=="pageheight")? testIEcompatible().scrollHeight : testIEcompatible().offsetHeight;
for (i = 0; i < nombreflocons; ++ i) { // déplacement pour chaque point ("dot")
yp[i] += sty[i];
if (yp[i] > doc_height-50) {
xp[i] = Math.random()*(doc_width-am[i]-30);
yp[i] = 0;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
}
dx[i] += stx[i];
document.getElementById("dot"+i).style.top=yp[i]+"px";
document.getElementById("dot"+i).style.left=xp[i] + am[i]*Math.sin(dx[i])+"px";
}
snowtimer=setTimeout("neigeIE_NS6()", 10);
}
function cacherneige(){
if (window.snowtimer) clearTimeout(snowtimer)
for (i=0; i<nombreflocons; i++) document.getElementById("dot"+i).style.visibility="hidden"
}
if (ie4up||ns6up){
neigeIE_NS6();
if (cacherflocons>0)
setTimeout("cacherneige()", cacherflocons*1000)
}
</script>


Au cas ou je mets ça dans "La gestion des codes Javascript"
Version du thème : Invision


Dernière édition par neon le Dim 28 Oct 2012 - 20:46, édité 1 fois
neon

neon
****

Masculin
Messages : 334
Inscrit(e) le : 09/12/2006

http://waikiki-beach.forumgratuit.be
neon a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Pluie de chauves-souris - Code présent

Message par Threax Ven 26 Oct 2012 - 22:46

Bonsoir,

Votre code doit être inséré sans les balises HTML au début et à la fin :
Code:
<SCRIPT LANGUAGE="JavaScript">
[...]
</script>
Threax

Threax
Membre actif

Masculin
Messages : 17276
Inscrit(e) le : 27/08/2005

http://lesforumsde.forumactif.com
Threax a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Pluie de chauves-souris - Code présent

Message par neon Ven 26 Oct 2012 - 23:14

Threax a écrit:Bonsoir,

Votre code doit être inséré sans les balises HTML au début et à la fin :
Code:
<SCRIPT LANGUAGE="JavaScript">
[...]
</script>

Bonsoir,

Même en retirant les balises html, le script ne tourne pas. Je l'ai testé tout à l'heure avec une autre image et ça a fonctionné. Pourtant, le lien qui est dans le code retourne bien vers une image. C'est là que je ne comprends pas je vous avoue.

D'où peut bien provenir le problème ? Je ne pense pas que le code soit erroné.

Merci pour ce premier élément de réponse en tous les cas, en espérant qu'une personne puisse rallumer une nouvelle fois mes lanternes sur ce casse-tête.
neon

neon
****

Masculin
Messages : 334
Inscrit(e) le : 09/12/2006

http://waikiki-beach.forumgratuit.be
neon a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Pluie de chauves-souris - Code présent

Message par neon Sam 27 Oct 2012 - 23:27

Up
neon

neon
****

Masculin
Messages : 334
Inscrit(e) le : 09/12/2006

http://waikiki-beach.forumgratuit.be
neon a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Pluie de chauves-souris - Code présent

Message par MlleAlys Dim 28 Oct 2012 - 0:03

je ne comprends pas, où as tu mis le script ? ^^"

Dans tous les cas, il faut que sur chaque page de ton forum (si c'est bien ce que tu veux), on retrouve une référence à ce script. Le plus simple est de l'héberger pour en récupérer le lien, comme expliqué ici : http://astuforum.free.fr/?p=173 (dans le tutoriel "comment faire un fichier .js" en particulier)

Au final, c'est donc un code de ce type (c'est le bon, j'ai repris ton image pour l'héberger, tu peux donc l'utiliser directement ^^) :
Code:
<script type="text/javascript" src="http://yourjavascript.com/85160522120/pluiechauvesouris.js"></script>
que tu dois mettre sur ton site :
- dans la description du forum (Général>forum>configuration) est un moyen simple pour qu'il s'affiche sur toutes les pages,
- ou sur la page d'accueil (Affichage>page d'accueil>généralités>contenu du message) si tu veux qu'il ne s'affiche que sur la première page de ton forum.

MlleAlys

MlleAlys
Membre actif

Messages : 5971
Inscrit(e) le : 12/09/2012

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

Résolu Re: Pluie de chauves-souris - Code présent

Message par neon Dim 28 Oct 2012 - 20:46

MlleAlys a écrit:je ne comprends pas, où as tu mis le script ? ^^"

Dans tous les cas, il faut que sur chaque page de ton forum (si c'est bien ce que tu veux), on retrouve une référence à ce script. Le plus simple est de l'héberger pour en récupérer le lien, comme expliqué ici : http://astuforum.free.fr/?p=173 (dans le tutoriel "comment faire un fichier .js" en particulier)

Au final, c'est donc un code de ce type (c'est le bon, j'ai repris ton image pour l'héberger, tu peux donc l'utiliser directement ^^) :
Code:
<script type="text/javascript" src="http://yourjavascript.com/85160522120/pluiechauvesouris.js"></script>
que tu dois mettre sur ton site :
- dans la description du forum (Général>forum>configuration) est un moyen simple pour qu'il s'affiche sur toutes les pages,
- ou sur la page d'accueil (Affichage>page d'accueil>généralités>contenu du message) si tu veux qu'il ne s'affiche que sur la première page de ton forum.



Juste un très grand merci. Je suppose que c'était l'image hébergée qui devait poser problème. Le script fonctionne superbement bien. Si d'autres personnes veulent s'en servir pour leur forum en mode Halloween, ils peuvent bien entendu se servir du script.

Bien à vous,
Néon
neon

neon
****

Masculin
Messages : 334
Inscrit(e) le : 09/12/2006

http://waikiki-beach.forumgratuit.be
neon 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