•  » Utilisation
  •  » Utiliser des fonctions javascript dans mon site

#1 2004-05-26 15:42:10

coubi64
Membre
Lens (62) Pas de Calais
2003-12-17
81

Utiliser des fonctions javascript dans mon site

Bonjour,

J'aimerais utiliser des fonctions javascript sur mon site qui seront définies dans un fichier outil.js

J'ai fais pour cela les manipulations suivantes:

- dans header.vtp:
   -> déclaration de mon fichier js dans la prtie <HEAD> ("<SCRIPT LANGUAGE="javascript" SRC="../../javascript/outils.js"></SCRIPT>")
   -> je fais par exemple appel à une fonction définie dans outils.js juste après le <BODY> ("<script>test();</script>")
   
Mon problème est que dans la Fonction "test()" je fais appel à "document", "self", "body", etc... qui ne sont (d'après moi) pas reconnu, et j'obtiens donc des erreurs javascript.
   
J'aimerais en conclusion faire des appels javascript dans un peu n'importe quel fichier de mon site grâce à mon fichier "outils.js". Mais certaines variables sont inconnues...

Comment résoudre mon problème?

D'avance merci.

Fred

PS: j'utilise PWG 1.3.2

Dernière modification par coubi64 (2004-05-26 15:47:22)

Hors ligne

#2 2004-05-26 16:01:34

Webabar
Membre
France
2004-03-24
214

Re: Utiliser des fonctions javascript dans mon site

Je ne suis pas un pro du js mais je ne comprends pas pourquoi document, self et body ne seraient pas reconnus...
Peu importe que les fichiers soient en include : en effet, le js est executé sur chez le client, pas sur le serveur.

Il y a moyen de voir tes erreurs js ?


Y'a des détails qui trompent pas...
Ma galerie PWG :
http://pagesperso.laposte.net/cezanne92/

Hors ligne

#3 2004-05-26 16:15:29

coubi64
Membre
Lens (62) Pas de Calais
2003-12-17
81

Re: Utiliser des fonctions javascript dans mon site

Voici déjà mon script:

//Contient les fonctions javascripts utiles au site

function test(){
// Nombre de flocons
var no = 15;

// Vitesse, plus le nombre est petit, plus la vitesse augmente
var speed = 5;

// URL de l'image
var snowflake = "snow.gif";


//////////////////////////////////////////////////////////////////////////////
var ns4up = (document.layers) ? 1 : 0;
var ie4up = (document.all) ? 1 : 0;
var dx, xp, yp;
var am, stx, sty;
var i, doc_width = 800, doc_height = 600;
if (ns4up) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
} else if (ie4up) {
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();
for (i = 0; i < no; ++ i) {
dx[i] = 0;
xp[i] = Math.random()*(doc_width-50);
yp[i] = Math.random()*doc_height;
am[i] = Math.random()*20;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
if (ns4up) {
if (i == 0) {
document.write("<layer name=\"dot"+ i +"\" left=\"15\" ");
document.write("top=\"15\" visibility=\"show\"><img src=\"");
document.write(snowflake + "\" border=\"0\"></layer>");
} else {
document.write("<layer name=\"dot"+ i +"\" left=\"15\" ");
document.write("top=\"15\" visibility=\"show\"><img src=\""); //lwf
document.write(snowflake + "\" border=\"0\"></layer>");
}
} else if (ie4up) {
if (i == 0) {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ");
document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");
document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\"");
document.write(snowflake + "\" border=\"0\"></div>");
} else {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ");
document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");
document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\"");
document.write(snowflake + "\" border=\"0\"></div>");
}
}
}
function snowNS() {
for (i = 0; i < no; ++ i) {
yp[i] += sty[i]; //lwf
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();
doc_width = self.innerWidth;
doc_height = self.innerHeight;
}
dx[i] += stx[i];
document.layers["dot"+i].top = yp[i];
document.layers["dot"+i].left = xp[i] + am[i]*Math.sin(dx[i]);
}
setTimeout("snowNS()", speed);
}
function snowIE() {
for (i = 0; i < no; ++ i) {
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();
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
dx[i] += stx[i];
document.all["dot"+i].style.pixelTop = yp[i];
document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]);
}
setTimeout("snowIE()", speed);
}
if (ns4up) {
snowNS();
} else if (ie4up) {
snowIE();
}
}

Tu peux voir les erreurs en allant directement sur mon site: http://www.coubi64.net

Hors ligne

#4 2004-05-27 09:38:16

Webabar
Membre
France
2004-03-24
214

Re: Utiliser des fonctions javascript dans mon site

Ta fonction test() n'étant pas appelée dans ton html, on ne peut pas visualiser les erreurs...


Y'a des détails qui trompent pas...
Ma galerie PWG :
http://pagesperso.laposte.net/cezanne92/

Hors ligne

#5 2004-05-27 09:53:18

coubi64
Membre
Lens (62) Pas de Calais
2003-12-17
81

Re: Utiliser des fonctions javascript dans mon site

Webabar a écrit:

Ta fonction test() n'étant pas appelée dans ton html, on ne peut pas visualiser les erreurs...

C'est remis!

Hors ligne

#6 2004-05-27 14:07:42

Webabar
Membre
France
2004-03-24
214

Re: Utiliser des fonctions javascript dans mon site

Langue au chat...

L'erreur est ligne 1 d'après IE...  ca me fait bien rigoler...

A ta place, je mettrais mon script directement dans le html (enfin, le vtp...) histoire de voir s'il marche dans ces conditions.
Si c'est le cas, langue au chat...
Sinon, l'erreur te precisera la ligne ou sa me**e (auto-censure)...


Y'a des détails qui trompent pas...
Ma galerie PWG :
http://pagesperso.laposte.net/cezanne92/

Hors ligne

  •  » Utilisation
  •  » Utiliser des fonctions javascript dans mon site

Pied de page des forums

Propulsé par FluxBB

github twitter newsletter Faire un don Piwigo.org © 2002-2024 · Contact