Problème en javaScript
Fermé
Mr.White
Messages postés
251
Date d'inscription
jeudi 24 avril 2003
Statut
Membre
Dernière intervention
17 juillet 2012
-
7 avril 2004 à 17:03
abchine - 22 avril 2008 à 19:01
abchine - 22 avril 2008 à 19:01
A voir également:
- Problème en javaScript
- Telecharger javascript - Télécharger - Langages
- Javascript void 0 c'est quoi ✓ - Forum Réseaux sociaux
- Passer variable javascript en php ajax ✓ - Forum PHP
- Convertir vba en javascript ✓ - Forum Javascript
- Echo javascript ✓ - Forum PHP
22 réponses
bon deja si tu le lit en plusieur ligne c plus claire
c'est une facon abregé de declarer des variables
var a,b; = var a;
var b;
donc
var layers = document.layers, style = document.all, both = layers || style, idme=908601;
=
var layers = document.layers; => ici en fonction du navigateur tu a true ou false
var style = document.all; => ici en fonction du navigateur tu a true ou false
donc si je ne me trompe pas mais verifie ca au cas ou
document.all identifie IExplorer
document.layers identifie netscape
var both = layers || style;
both et un bouleen qui te permet de dire si le navigateur est Netcape ou ie
var idme=908601; => ici c claire non?
c'est tout il faut encore savoir ce que fait le prog avec c variable
c'est une facon abregé de declarer des variables
var a,b; = var a;
var b;
donc
var layers = document.layers, style = document.all, both = layers || style, idme=908601;
=
var layers = document.layers; => ici en fonction du navigateur tu a true ou false
var style = document.all; => ici en fonction du navigateur tu a true ou false
donc si je ne me trompe pas mais verifie ca au cas ou
document.all identifie IExplorer
document.layers identifie netscape
var both = layers || style;
both et un bouleen qui te permet de dire si le navigateur est Netcape ou ie
var idme=908601; => ici c claire non?
c'est tout il faut encore savoir ce que fait le prog avec c variable
Mr.White
Messages postés
251
Date d'inscription
jeudi 24 avril 2003
Statut
Membre
Dernière intervention
17 juillet 2012
53
9 avril 2004 à 11:31
9 avril 2004 à 11:31
Merci beaucoup.
Je te donnerai bien tout le code mais il est peut-être un peu long (75 lignes), enfin si tu te sens le coeur à l'ouvrage pour m'aider je n'y verrai pas d'inconvégnant alors dit moi si tu veut que j'envoy le code.
En plus j'ai quelque question sur l'ordre d'execution des javaScripts, il me semblé que c'était dans l'ordre d'écriture de celui-ci mais j'ai des doutes puisque la première fonction que je rencontre à besoin d'argument.
Je te donnerai bien tout le code mais il est peut-être un peu long (75 lignes), enfin si tu te sens le coeur à l'ouvrage pour m'aider je n'y verrai pas d'inconvégnant alors dit moi si tu veut que j'envoy le code.
En plus j'ai quelque question sur l'ordre d'execution des javaScripts, il me semblé que c'était dans l'ordre d'écriture de celui-ci mais j'ai des doutes puisque la première fonction que je rencontre à besoin d'argument.
Mr.White
Messages postés
251
Date d'inscription
jeudi 24 avril 2003
Statut
Membre
Dernière intervention
17 juillet 2012
53
9 avril 2004 à 12:47
9 avril 2004 à 12:47
J'ai une petite deuxième question.
Si je ne me trompe pas, ma page html se recharge toute les 15 secondes et je trouve ca à la fois étrange et génant. Il est possible que je fasse fausse route, si c'est le cas je vous en serrai reconnaissant de m'indiquer la bonne interprétation à avoir sur ce phénomène. Sinon ma question se portera sur la possibilité que la page ne se recharge pas automatiquement ou d'allonger le temps d'attente entre deux chargement.
Merci.
Si je ne me trompe pas, ma page html se recharge toute les 15 secondes et je trouve ca à la fois étrange et génant. Il est possible que je fasse fausse route, si c'est le cas je vous en serrai reconnaissant de m'indiquer la bonne interprétation à avoir sur ce phénomène. Sinon ma question se portera sur la possibilité que la page ne se recharge pas automatiquement ou d'allonger le temps d'attente entre deux chargement.
Merci.
sglug
Messages postés
22
Date d'inscription
jeudi 8 avril 2004
Statut
Membre
Dernière intervention
22 avril 2004
3
10 avril 2004 à 00:34
10 avril 2004 à 00:34
normalement les js s'execute dans l'ordre sauf si on joue avec la methode setTimeout
met donc ton code on vera bien mais explique ton probleme aussi
ou dit le si c juste pour une explication de texte
met donc ton code on vera bien mais explique ton probleme aussi
ou dit le si c juste pour une explication de texte
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Mr.White
Messages postés
251
Date d'inscription
jeudi 24 avril 2003
Statut
Membre
Dernière intervention
17 juillet 2012
53
13 avril 2004 à 12:33
13 avril 2004 à 12:33
Avant tout es-qu'une fonction s'execute sans être appellé, ce serai étrange.
Je croit que j'ai déjà ma réponse mais tu pourra me réctifier si je me trompe. Généralement une fonction est appellé à partir du code HTML et je supose que les initialisation de variable au début ou au millieu (voir à la fin) du js s'éffectu avant l'initialisation de la variable.
Bon je vai t'envoyer un code épurer (sans l'interieur des methode):
var layers = document.layers; // Identifie Netscape
var style = document.all; // Identifie IE
var both = layers || style;
var idme=908601;
if (layers)
{
layerRef = 'document.layers';
styleRef = '';
}
if (style)
{
layerRef = 'document.all';
styleRef = '.style';
}
function tape(x, y) { ... }
var letext = new Array("<br> <b>loading <font color=#00FF00>4players</font> </b> <br>system.... <font color=#FF0000>v1.03</font> <br>hardware. <font color=#00FF00>-pass</font> <br>software.. <font color=#00FF00>-pass</font> <br>network... <font color=#00FF00> -pass </font> <br> <font color=#00FF00>loading succeed </font>");
function defilmt(c, v, f1, f2, cn, ce, p) { ... }
function defilmtauto() { ... }
var count =0;
function type() { ... }
Et c'est dans le BODY que la fonction defilmtauto() est appellé :
<BODY onmouseout="self.status='4Pl@yers.fr - salle de jeu en réseau lilloise'" background="background.jpg" onload="defilmtauto();setTimeout('display_it()', 0);setTimeout('play()',0)">
Encore merci de te pencher sur mon problème.
Je croit que j'ai déjà ma réponse mais tu pourra me réctifier si je me trompe. Généralement une fonction est appellé à partir du code HTML et je supose que les initialisation de variable au début ou au millieu (voir à la fin) du js s'éffectu avant l'initialisation de la variable.
Bon je vai t'envoyer un code épurer (sans l'interieur des methode):
var layers = document.layers; // Identifie Netscape
var style = document.all; // Identifie IE
var both = layers || style;
var idme=908601;
if (layers)
{
layerRef = 'document.layers';
styleRef = '';
}
if (style)
{
layerRef = 'document.all';
styleRef = '.style';
}
function tape(x, y) { ... }
var letext = new Array("<br> <b>loading <font color=#00FF00>4players</font> </b> <br>system.... <font color=#FF0000>v1.03</font> <br>hardware. <font color=#00FF00>-pass</font> <br>software.. <font color=#00FF00>-pass</font> <br>network... <font color=#00FF00> -pass </font> <br> <font color=#00FF00>loading succeed </font>");
function defilmt(c, v, f1, f2, cn, ce, p) { ... }
function defilmtauto() { ... }
var count =0;
function type() { ... }
Et c'est dans le BODY que la fonction defilmtauto() est appellé :
<BODY onmouseout="self.status='4Pl@yers.fr - salle de jeu en réseau lilloise'" background="background.jpg" onload="defilmtauto();setTimeout('display_it()', 0);setTimeout('play()',0)">
Encore merci de te pencher sur mon problème.
sglug
Messages postés
22
Date d'inscription
jeudi 8 avril 2004
Statut
Membre
Dernière intervention
22 avril 2004
3
13 avril 2004 à 20:24
13 avril 2004 à 20:24
si tu ecrit
<script>
function toto() { var lolo=12; ...}
var titi="15";
</script>
la fonction est lancer si et seulement si elle est appeler donc pour savoir ou dans la page tu recherche "toto()" et tu trouve tous les endroit ou cette fonction est appellé.
le code dans la fonction n'est pas aplique tant que la fonction n'est pas declancher donc dans mon exemple la variable titi eciste et prend la valeur "15" et la variable lolo n'existe pas
ben tout est la dans cette ligne j'ai epurer et mis en forme pour la comprehension
<BODY
onload="defilmtauto();
setTimeout('display_it()', 0);
setTimeout('play()',0)"
> ouha la la quel travail de titan :-))
le onload => quand le code html a ete completement interpreter donc que la page est completement chargé alors on lance les fonction
- defilmtauto;
- setTimeout('display_it()', 0);
- setTimeout('play()',0);
sachant que setTimeout lance la fonction avec un temps de retard de la valeur du 2 iem parametre bon dans ton code c "0" donc je voit pas trop a quoi ca sert :-)
<script>
function toto() { var lolo=12; ...}
var titi="15";
</script>
la fonction est lancer si et seulement si elle est appeler donc pour savoir ou dans la page tu recherche "toto()" et tu trouve tous les endroit ou cette fonction est appellé.
le code dans la fonction n'est pas aplique tant que la fonction n'est pas declancher donc dans mon exemple la variable titi eciste et prend la valeur "15" et la variable lolo n'existe pas
ben tout est la dans cette ligne j'ai epurer et mis en forme pour la comprehension
<BODY
onload="defilmtauto();
setTimeout('display_it()', 0);
setTimeout('play()',0)"
> ouha la la quel travail de titan :-))
le onload => quand le code html a ete completement interpreter donc que la page est completement chargé alors on lance les fonction
- defilmtauto;
- setTimeout('display_it()', 0);
- setTimeout('play()',0);
sachant que setTimeout lance la fonction avec un temps de retard de la valeur du 2 iem parametre bon dans ton code c "0" donc je voit pas trop a quoi ca sert :-)
Mr.White
Messages postés
251
Date d'inscription
jeudi 24 avril 2003
Statut
Membre
Dernière intervention
17 juillet 2012
53
14 avril 2004 à 11:40
14 avril 2004 à 11:40
Si je comprend bien, toutes mes variables (dans mes js) qui ne sont pas contenu dans une fonction (comme ta variable titi) sont initaialisé puisque tout mes js sont déclaré au début de ma page par ce type de code :
<script language="JavaScript" src="script/js/script2.js"></script>
Mais y at-il une relation entre mes script js. C'est à dire, est-ce qu'une variable déclarée dans le script 'script1.js' (variable déclarer en dehors d'une fonction) est utilisable dans le script 'script2.js' (dans une fonction de ce deuxième script ou en dehors d'une fonction).
Je ne suis pas sûre d'être bien claire, espérons le.
Mais si les js sont relié ou reliable par d'autre moyen, fait le moi savoir.
<script language="JavaScript" src="script/js/script2.js"></script>
Mais y at-il une relation entre mes script js. C'est à dire, est-ce qu'une variable déclarée dans le script 'script1.js' (variable déclarer en dehors d'une fonction) est utilisable dans le script 'script2.js' (dans une fonction de ce deuxième script ou en dehors d'une fonction).
Je ne suis pas sûre d'être bien claire, espérons le.
Mais si les js sont relié ou reliable par d'autre moyen, fait le moi savoir.
Mr.White
Messages postés
251
Date d'inscription
jeudi 24 avril 2003
Statut
Membre
Dernière intervention
17 juillet 2012
53
14 avril 2004 à 11:48
14 avril 2004 à 11:48
J'ai besoin d'être rassuré sur ce script :
function display_it()
{
document.all.content.style.visibility='visible';
document.all.loading.style.visibility='hidden';
}
Ce que je comprend :
Losque la page est train de se charger, rien n'est visible. Une fois que tout est charger, tout s'affiche d'un seul coup.
Deuxième script ou je ne comprend pas grand chose :
function play()
{
document.logo.src='gif/logo.gif';
document.game.src='gif/game.gif';
}
function load(url)
{
var url;
parent.location.href=url;
}
Ici je ne voie pas ce que ca fait puisque les images sont affichées avec le code html. Donc ici, je ne vois pas ce que ca fait.
Pour la fonction load, d'une je ne sait pas se que fait le 'parent.location.href=url' et de deux je ne voit pas pourquoi il déclare la variable url.
function display_it()
{
document.all.content.style.visibility='visible';
document.all.loading.style.visibility='hidden';
}
Ce que je comprend :
Losque la page est train de se charger, rien n'est visible. Une fois que tout est charger, tout s'affiche d'un seul coup.
Deuxième script ou je ne comprend pas grand chose :
function play()
{
document.logo.src='gif/logo.gif';
document.game.src='gif/game.gif';
}
function load(url)
{
var url;
parent.location.href=url;
}
Ici je ne voie pas ce que ca fait puisque les images sont affichées avec le code html. Donc ici, je ne vois pas ce que ca fait.
Pour la fonction load, d'une je ne sait pas se que fait le 'parent.location.href=url' et de deux je ne voit pas pourquoi il déclare la variable url.
sglug
Messages postés
22
Date d'inscription
jeudi 8 avril 2004
Statut
Membre
Dernière intervention
22 avril 2004
3
14 avril 2004 à 19:58
14 avril 2004 à 19:58
bon
tu doit considerer TOUT ce qu'il y a dans tes fichier .js externe exactement comme si tu les avait ecrit dans ta page. c juste une facon plus propre et ordonnée d'ecrire le code (enfin pas dans ton cas car ca a l aire vraiment le bordel dans le code que tu me montre :-)))))))
si on reprend mon exemple la variable lolo n'est valable QUE pendant que la fonction toto() s'execute
la variable titi et elle visible tout le temps et par toute les fonctions ( on dit qu'elle est globale )
tu peut tres bien avoir une fonction toto() qui se trouve dans un albert.js qui utilise une fonction fofo() qui est dans un autre robert.js
et si tu a besoin (et independament de l'endroit ou sont les fonction ) tu peut passer des variables en parametre
( je met des nom a la con pour te montrer ce qui doivent etre commun
function toto()
{
var robert="15";
titi(robert,"25")
}
var albert15 = 10;
function titi(cad,plot)
{
var tot = cad + plot - albert15 ;
// tot = 15 + 25 - 10
// ici tot sera egal a 30 si je compte bien :-))
}
tu doit considerer TOUT ce qu'il y a dans tes fichier .js externe exactement comme si tu les avait ecrit dans ta page. c juste une facon plus propre et ordonnée d'ecrire le code (enfin pas dans ton cas car ca a l aire vraiment le bordel dans le code que tu me montre :-)))))))
si on reprend mon exemple la variable lolo n'est valable QUE pendant que la fonction toto() s'execute
la variable titi et elle visible tout le temps et par toute les fonctions ( on dit qu'elle est globale )
tu peut tres bien avoir une fonction toto() qui se trouve dans un albert.js qui utilise une fonction fofo() qui est dans un autre robert.js
et si tu a besoin (et independament de l'endroit ou sont les fonction ) tu peut passer des variables en parametre
( je met des nom a la con pour te montrer ce qui doivent etre commun
function toto()
{
var robert="15";
titi(robert,"25")
}
var albert15 = 10;
function titi(cad,plot)
{
var tot = cad + plot - albert15 ;
// tot = 15 + 25 - 10
// ici tot sera egal a 30 si je compte bien :-))
}
sglug
Messages postés
22
Date d'inscription
jeudi 8 avril 2004
Statut
Membre
Dernière intervention
22 avril 2004
3
14 avril 2004 à 20:19
14 avril 2004 à 20:19
bon on va decomposer
document.all.content.style.visibility='visible';
document.all.content => fait reference a une balise html qui a pour name ou id "content" (certainement une div )
style.visibility => fait reference a l'atribut style de la balise pre-cite ici "content" qui a une option "visibility " a qui on affecte la valeur 'visible'
function display_it()
{
document.all.content.style.visibility='visible';
document.all.loading.style.visibility='hidden';
}
je par du principe que "content et loading" sont des " <div> ... .</div>
ici quand on lance la fonction display_it on cache la div "loading" et on affiche la div "content"
pour le reste
function play()
{
document.logo.src='gif/logo.gif';
document.game.src='gif/game.gif';
}
quant tu lance la fonction play l'image <img name="logo" src="gif/logo2.gif"/>
est remplacé par 'gif/logo.gif'
mais si <img name="logo" src="gif/logo.gif"/> la je voit pas vraiment pourquoi il réaffiche l'image. a moins que l'image soit dans les <div id="content"> et qu'ils ont cru qu'il fallait les recherger mais en principe c'est pas obligatoire
function load(url)
{
var url;
parent.location.href=url;
}
la je voit vraiment pas d'autant que je me demande meme si ca marche donc si tu retire la ligne "var url; "
tu passe en parametre a ta fonction un truc du genre "https://www.commentcamarche.net/" ce qui va reloader dans ta fenetre le site "comment ca marche"
document.all.content.style.visibility='visible';
document.all.content => fait reference a une balise html qui a pour name ou id "content" (certainement une div )
style.visibility => fait reference a l'atribut style de la balise pre-cite ici "content" qui a une option "visibility " a qui on affecte la valeur 'visible'
function display_it()
{
document.all.content.style.visibility='visible';
document.all.loading.style.visibility='hidden';
}
je par du principe que "content et loading" sont des " <div> ... .</div>
ici quand on lance la fonction display_it on cache la div "loading" et on affiche la div "content"
pour le reste
function play()
{
document.logo.src='gif/logo.gif';
document.game.src='gif/game.gif';
}
quant tu lance la fonction play l'image <img name="logo" src="gif/logo2.gif"/>
est remplacé par 'gif/logo.gif'
mais si <img name="logo" src="gif/logo.gif"/> la je voit pas vraiment pourquoi il réaffiche l'image. a moins que l'image soit dans les <div id="content"> et qu'ils ont cru qu'il fallait les recherger mais en principe c'est pas obligatoire
function load(url)
{
var url;
parent.location.href=url;
}
la je voit vraiment pas d'autant que je me demande meme si ca marche donc si tu retire la ligne "var url; "
tu passe en parametre a ta fonction un truc du genre "https://www.commentcamarche.net/" ce qui va reloader dans ta fenetre le site "comment ca marche"
Excuser d'interfèrer dans votre discution...
sglug, il a t'il un moyen de conserver l'état des variables au cour d'un rafraichissement de la page?
sglug, il a t'il un moyen de conserver l'état des variables au cour d'un rafraichissement de la page?
Mr.White
Messages postés
251
Date d'inscription
jeudi 24 avril 2003
Statut
Membre
Dernière intervention
17 juillet 2012
53
16 avril 2004 à 11:54
16 avril 2004 à 11:54
En faite j'ai bien ces deux balises :
<div id=loading>
<font size=1 color=#ffffff>chargement ...</font>
</div>
<div id=content>
Et voici le body :
<BODY
onmouseout="self.status='4Pl@yers.fr - salle de jeu en réseau lilloise'"
background="background.jpg"
onload="defilmtauto();
setTimeout('display_it()', 0);
setTimeout('play()',0)">
Finalement, j'ai bien l'impression qu'il n'y a aucun chargement préalable du site. Tout ceci n'est là que pour faire croire que ... .
Si c'est le cas c'est vraimment trés réussie parce qu'avant l'affichage du site, il y a bien écrit chargement et on à le temps de le voir comme il faut. Et tout s'affiche d'un seul coup, les images apparraissent instentanément avec tout le reste du site. Donc soit il y a vraiment un chargement, soit ma connexion est vraiment trés rapide.
<div id=loading>
<font size=1 color=#ffffff>chargement ...</font>
</div>
<div id=content>
Et voici le body :
<BODY
onmouseout="self.status='4Pl@yers.fr - salle de jeu en réseau lilloise'"
background="background.jpg"
onload="defilmtauto();
setTimeout('display_it()', 0);
setTimeout('play()',0)">
Finalement, j'ai bien l'impression qu'il n'y a aucun chargement préalable du site. Tout ceci n'est là que pour faire croire que ... .
Si c'est le cas c'est vraimment trés réussie parce qu'avant l'affichage du site, il y a bien écrit chargement et on à le temps de le voir comme il faut. Et tout s'affiche d'un seul coup, les images apparraissent instentanément avec tout le reste du site. Donc soit il y a vraiment un chargement, soit ma connexion est vraiment trés rapide.
Mr.White
Messages postés
251
Date d'inscription
jeudi 24 avril 2003
Statut
Membre
Dernière intervention
17 juillet 2012
53
16 avril 2004 à 12:13
16 avril 2004 à 12:13
Sglug, je résume, histoire de voir si j'ai bien saissi :
Tout mes scripts sont en réalité concaténé les un à la suite des autres. Les différents fichier *.js ne sépare rien du tout en réalité même s'il ne sont pas déclarer à la suite.
Toutes les variables externes au fonction sont initialiser dans un premiers temps ( même si le js est écrit en fin de page html ?) , se sont les variables globales et ensuite les fonction sont appellés dans le code html et leur variable (privé) ne sont visible et utilisable que par la fonction qui les contients.
J'espère avoir bien résumé.
N.B: Je ne comprend pas bien avec la fonction play() ton histoir avec le 'logo2.gif'.
Et joublier, encore merci de me consacrer autant de temps.
Tout mes scripts sont en réalité concaténé les un à la suite des autres. Les différents fichier *.js ne sépare rien du tout en réalité même s'il ne sont pas déclarer à la suite.
Toutes les variables externes au fonction sont initialiser dans un premiers temps ( même si le js est écrit en fin de page html ?) , se sont les variables globales et ensuite les fonction sont appellés dans le code html et leur variable (privé) ne sont visible et utilisable que par la fonction qui les contients.
J'espère avoir bien résumé.
N.B: Je ne comprend pas bien avec la fonction play() ton histoir avec le 'logo2.gif'.
Et joublier, encore merci de me consacrer autant de temps.
sglug
Messages postés
22
Date d'inscription
jeudi 8 avril 2004
Statut
Membre
Dernière intervention
22 avril 2004
3
18 avril 2004 à 04:22
18 avril 2004 à 04:22
pour tom
non pas possible mais fo ruser un peu si tu envoit la variable en meme temps que tu appel ta page ben ta plus qu'a la recuperer sur le chargement
donc en fait oui on peut
sur un document.location.href=toto.html tu rajoute ?lolo=12
ca fait :
document.location.href=toto.html?lolo=12
pis avec "search" tu recupere ta valeur mais cherche un peu ou fait un autre poste histoire qu'on melange pas tout
non pas possible mais fo ruser un peu si tu envoit la variable en meme temps que tu appel ta page ben ta plus qu'a la recuperer sur le chargement
donc en fait oui on peut
sur un document.location.href=toto.html tu rajoute ?lolo=12
ca fait :
document.location.href=toto.html?lolo=12
pis avec "search" tu recupere ta valeur mais cherche un peu ou fait un autre poste histoire qu'on melange pas tout
sglug
Messages postés
22
Date d'inscription
jeudi 8 avril 2004
Statut
Membre
Dernière intervention
22 avril 2004
3
18 avril 2004 à 05:04
18 avril 2004 à 05:04
alors dans l'ordre :
le html est interpreter par le navigateur dans l'ordre ou tu ecrit ton code donc comme les *.js sont ecrit en generale dans le <head> ... </head> les variable gobale sont crée au debut.
donc c pas tout a fait ce que tu dit
par contre le "faire croire que" c'est tout a fait ca.
si tu pense ta page (et c'est comme ca qu'il faut penser) comme une superposition de calque on peut tout a fait concevoir 1 calque ou on ecrit "chargement en cour" et qui se trouve en haut de la pile ben toi tu voit juste le texte de chargement mais derniere la page continue de se charger et des que tout est fini on fait disparaitre le calque de chargement.
la position en profondeur des claque est obtenue par l'atribut de style z-index qui prend des chiffre de 0 a ben je sais pas combien mais on peu allez tres loin :-) en partant de 0 si on met 1 il se positione devant le calque "0" un z-index:2 de positionne devant le "1" ect....
pour le "play() tonhistoir avec le 'logo2.gif'. "
regarde en peut en haut de cette page a gauche sous le logo il y a 4 image et quand tu met ton curseur sur la "maison" la porte et la cheminé change de couleur ok va la voir et revient.
bon on prend 2 images 1 au repos sans couleur (A.jpg) et 1 avec la couleur (B.jpg) ok .
pour la position repos on va ecrire <img name="t1" src="A.jpg" />
quand tu passe ton curseur on va remplacer l'image A par l'image B. mais en realite c'est la source de l'image qui change et on ecrir un truc du genre document.all.t1.src="B.jpg" et l'image change c magique
le html est interpreter par le navigateur dans l'ordre ou tu ecrit ton code donc comme les *.js sont ecrit en generale dans le <head> ... </head> les variable gobale sont crée au debut.
donc c pas tout a fait ce que tu dit
par contre le "faire croire que" c'est tout a fait ca.
si tu pense ta page (et c'est comme ca qu'il faut penser) comme une superposition de calque on peut tout a fait concevoir 1 calque ou on ecrit "chargement en cour" et qui se trouve en haut de la pile ben toi tu voit juste le texte de chargement mais derniere la page continue de se charger et des que tout est fini on fait disparaitre le calque de chargement.
la position en profondeur des claque est obtenue par l'atribut de style z-index qui prend des chiffre de 0 a ben je sais pas combien mais on peu allez tres loin :-) en partant de 0 si on met 1 il se positione devant le calque "0" un z-index:2 de positionne devant le "1" ect....
pour le "play() tonhistoir avec le 'logo2.gif'. "
regarde en peut en haut de cette page a gauche sous le logo il y a 4 image et quand tu met ton curseur sur la "maison" la porte et la cheminé change de couleur ok va la voir et revient.
bon on prend 2 images 1 au repos sans couleur (A.jpg) et 1 avec la couleur (B.jpg) ok .
pour la position repos on va ecrire <img name="t1" src="A.jpg" />
quand tu passe ton curseur on va remplacer l'image A par l'image B. mais en realite c'est la source de l'image qui change et on ecrir un truc du genre document.all.t1.src="B.jpg" et l'image change c magique
Mr.White
Messages postés
251
Date d'inscription
jeudi 24 avril 2003
Statut
Membre
Dernière intervention
17 juillet 2012
53
20 avril 2004 à 12:11
20 avril 2004 à 12:11
Interprétation du navigateur :
SI on déclare un js en fin de page html et que la fonction qu'il contient est utiliser en début de page, que ce passe-t-il?
Il me semblé que toute la page est d'abord traduite, c'est à dire que tout les code js sont lu. Et ensuite seulement la page est interpréter et donc toutes les variable globale sont déjà déclaré même celle déclaré en fin de page.
Ma fonction play() :
J'ai compris ton exemple, je voit donc à quoi sert cette méthode. Mais dans mon code je ne comprend pas l'utilité.
1. Il n'y a pas d'image différente (comme dans le cas de la maison), dans je ne voit pas l'interét de changer l'image pas ... la même image.
2. La fonction est appeller dans le body, l'image n'étant même pas encore affiché ...
Bref, cette fonction play(), comme elle est utiliser dans mon cas, me semble totalement inutil.
Mais corrige moi si je me trompe.
SI on déclare un js en fin de page html et que la fonction qu'il contient est utiliser en début de page, que ce passe-t-il?
Il me semblé que toute la page est d'abord traduite, c'est à dire que tout les code js sont lu. Et ensuite seulement la page est interpréter et donc toutes les variable globale sont déjà déclaré même celle déclaré en fin de page.
Ma fonction play() :
J'ai compris ton exemple, je voit donc à quoi sert cette méthode. Mais dans mon code je ne comprend pas l'utilité.
1. Il n'y a pas d'image différente (comme dans le cas de la maison), dans je ne voit pas l'interét de changer l'image pas ... la même image.
2. La fonction est appeller dans le body, l'image n'étant même pas encore affiché ...
Bref, cette fonction play(), comme elle est utiliser dans mon cas, me semble totalement inutil.
Mais corrige moi si je me trompe.
sglug
Messages postés
22
Date d'inscription
jeudi 8 avril 2004
Statut
Membre
Dernière intervention
22 avril 2004
3
20 avril 2004 à 23:26
20 avril 2004 à 23:26
tu confond chagement de page et fonctionement de page
je peut ecrire un js en bas de page (il sera charger en dernier)
et utiliser une fonction de ce js sur le onload du body (donc execution en premier) et inversement voila un exemple :
debut du le_js.js fichier externe
var mon_debut = "<tr><td>";
var mon_fin = "</td></tr>";
function boudiou(prfff)
{
var allo = mon_debut + prfff + mon_fin;
return allo ;
}
debut du js externe
si dans le body j ecrit un truc du genre
<script ... je complete po >
var gloubi = "<table>" + boudiou("ben ca va po") + "</table>";
document.write(gloubi );
</script>
donc en partant de cet element
si tu declare ton le_js.js dans le <head> la po de probleme en arrivant sur ton code dons le body il aura deja charger toute les variables et les fonctions
MAIS
si tu declare le le_js.js apres le body (si on peut fo ruser mais on peut) ben le navigateur n'a pas encore declarer les variables donc ca plante :-)
je peut ecrire un js en bas de page (il sera charger en dernier)
et utiliser une fonction de ce js sur le onload du body (donc execution en premier) et inversement voila un exemple :
debut du le_js.js fichier externe
var mon_debut = "<tr><td>";
var mon_fin = "</td></tr>";
function boudiou(prfff)
{
var allo = mon_debut + prfff + mon_fin;
return allo ;
}
debut du js externe
si dans le body j ecrit un truc du genre
<script ... je complete po >
var gloubi = "<table>" + boudiou("ben ca va po") + "</table>";
document.write(gloubi );
</script>
donc en partant de cet element
si tu declare ton le_js.js dans le <head> la po de probleme en arrivant sur ton code dons le body il aura deja charger toute les variables et les fonctions
MAIS
si tu declare le le_js.js apres le body (si on peut fo ruser mais on peut) ben le navigateur n'a pas encore declarer les variables donc ca plante :-)
sglug
Messages postés
22
Date d'inscription
jeudi 8 avril 2004
Statut
Membre
Dernière intervention
22 avril 2004
3
20 avril 2004 à 23:38
20 avril 2004 à 23:38
pour les autre point je peut pas vraiment repondre
car peut etre que tu voit pas vraiment tout ce qui se passe sur cette page :-) (heu j'en suis sur meme ) donc sans la voir fonctionner je peut pas te dir si tu a des truc en trop
pour la fonction play elle semble etre appeler sur le onload du body
c donc quant tout le code jusqu'a la balise </body> a ete interpreter (note bien que ca veut dir que c'est apres que les *.js soit telecherger du serveur et que les image ai ete telecherger aussi)
met donc le code complet de ta page j y verai plus claire
car peut etre que tu voit pas vraiment tout ce qui se passe sur cette page :-) (heu j'en suis sur meme ) donc sans la voir fonctionner je peut pas te dir si tu a des truc en trop
pour la fonction play elle semble etre appeler sur le onload du body
c donc quant tout le code jusqu'a la balise </body> a ete interpreter (note bien que ca veut dir que c'est apres que les *.js soit telecherger du serveur et que les image ai ete telecherger aussi)
met donc le code complet de ta page j y verai plus claire
Mr.White
Messages postés
251
Date d'inscription
jeudi 24 avril 2003
Statut
Membre
Dernière intervention
17 juillet 2012
53
21 avril 2004 à 16:01
21 avril 2004 à 16:01
Donc, si je comprend bien (j'éspère que cette fois ça y est ! ) il ne faut pas déclarer les js en fin de page, mieux vaut les écrire au début.
Pour mon code je l'ai déjà mis sur un autre poste :
http://www.commentcamarche.net/forum/affich-671747-%5BHTML-ou-autre%5D-Taille-de-tableau-dynamique
mais ce n'est vraiment pas trés claire. Je te propose donc de t'envoyer mon fichier qui comporte tout (code html, JS, image ... ).
Si tu est OK, donne moi ton e-mail.
Pour mon code je l'ai déjà mis sur un autre poste :
http://www.commentcamarche.net/forum/affich-671747-%5BHTML-ou-autre%5D-Taille-de-tableau-dynamique
mais ce n'est vraiment pas trés claire. Je te propose donc de t'envoyer mon fichier qui comporte tout (code html, JS, image ... ).
Si tu est OK, donne moi ton e-mail.
sglug
Messages postés
22
Date d'inscription
jeudi 8 avril 2004
Statut
Membre
Dernière intervention
22 avril 2004
3
22 avril 2004 à 00:29
22 avril 2004 à 00:29
ben mise a part les tables dans des tables dans des tables dans des tables et ..... dans un table
qui me fait hurler ben il est bien ton code bon bien sur il me maque les js et j'ai fait des petites modif
mais c'est du php apparement non?
met aussi les js et les images je te donne pas mon email car tu ne fait pas partie de mon carnet d'adresse et ton mail ira direct a la poubelle mais si tu met le tien je t'envoi le mien :-)
et sinon met les js
<html>
<head>
<title>Bienvenue sur 4PL@YERS</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" src="script/js/script1.js"></script>
<script language="JavaScript" src="script/js/script2.js"></script>
<script language="JavaScript" src="script/js/script3.js"></script>
<script language="JavaScript" src="script/js/script5.js"></script>
<SCRIPT language="JavaScript" src="script/js/script7.js"></SCRIPT>
<SCRIPT language="JavaScript" src="script/js/script6.js"></SCRIPT>
<STYLE type=text/css>
BODY {FONT-FAMILY: Verdana, Arial; FONT-SIZE: 11px; scrollbar-3d-light-color: #000000; scrollbar-arrow-color: #31639C; scrollbar-base-color: #7EA9D3; scrollbar-dark-shadow-color: #111111; scrollbar-face-color: #FFFFFF; scrollbar-highlight-color: #F2F5F7; scrollbar-shadow-color: #31639C}
TD {FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 9pt; color: #000000; text-decoration: none}
A {COLOR: #336699; FONT-SIZE: 8pt; FONT-WEIGHT: normal; TEXT-DECORATION: none; font-style: normal; font-family: Verdana}
A:hover {COLOR: #FF9000; FONT-FAMILY: Verdana; FONT-SIZE: 8pt; FONT-WEIGHT: normal; TEXT-DECORATION: none}
.verdana8 {font-family: Verdana; font-size: 8pt; font-weight: normal; color: #000000; text-decoration: none}
.verdana8_bleu { font-family: Verdana; font-size: 8pt; font-weight: normal; color: #000099; text-decoration: none }
.form_text { font-family: Verdana; font-size: 8pt; color: #000099; text-decoration: none; background-color: #E6E6E6; border: 1px sol; border-color: #CCCCCC #CCCCCC #CCCCCC #C8C8C8}
.form_box { font-family: Verdana; font-size: 6pt; color: #000099; text-decoration: none; border-color: #000000 d0tted; background-color: #FFFFFF; border: 1px none; background-repeat: no-repeat; background-position: center center}
.form_box2 { font-family: Verdana; font-size: 8pt; color: #666666; text-decoration: none; border-color: #999999 #999999 #999999 #CCCCCC; background-color: #F2F2F2; border: 1px solid}
.noir { background : #000000;}
.verdana8_red {COLOR: #FF0000; FONT-FAMILY: Verdana; FONT-SIZE: 8pt; FONT-WEIGHT: bold; TEXT-DECORATION: none}
.class { font: 6.5pt verdana }
.form_text2 { font-family: Verdana; font-size: 9px; color: #000099; text-decoration: none; background-color: #E6E6E6; border: 1px solid; border-color: #CCCCCC #CCCCCC #CCCCCC #C8C8C8 }
#loading { position : absolute }
#content { visibility: hidden }
</STYLE>
</head>
<BODY background="design/background.jpg" >
<!--
onmouseout="self.status='4Pl@yers.fr - salle de jeu en réseau lilloise'"
onload="defilmtauto();setTimeout('display_it()', 0);setTimeout('play()',0)"> -->
<map name="Jeux">
<area shape="rect" coords="20,0,150,150" href="game.php">
</map>
<map name="Logo">
<area shape="rect" coords="25,27,485,124" href="index.php">
</map>
<div id=loading><font size=1 color=#0fffff>chargement ...</font></div>
<div id=content>
<!-- dbéut de la page (c'est un tableau de tableau de ... ) avec une largeur de 834 -->
<table style="border:1px solid red" border="0" cellspacing="0" cellpadding="0" align="center" width="834">
<!-- Pour ce tableau il n'y à qu'une ligne de trois colonnes -->
<tr>
<!-- Voici donc la première colonne (avec le sommaire, la connexion membre,...) -->
<td valign="top" align="left" width="162" height="796">
<!-- Cette première colonne est un tableau -->
<table style="border:1px solid red" width="162" border="0" cellspacing="0" cellpadding="0">
<!-- La prémière ligne correspond au petit écran noir -->
<tr>
<!-- Il n'y à qu'une colonne qui affiche l'écran noir -->
<td colspan="3" width="162" background="design/hg.jpg">
<!-- Ce tableau et la plupart de ce qu'il contient sert sans doute centrer correctement le text -->
<table style="border:1px solid red" width="162" border="0" cellspacing="0" cellpadding="0">
<tr>
<!-- le 43 centre le texte comme il faut -->
<td width="43"></td>
<!-- Du code à était retirer ici**/?>
<? /* c'est ici que le js va écrire le text */?>
<td width="111" height="139" id=id class=class onmouseout=alpha2(this,1) onmouseover=alpha2(this,2) style="filter:alpha(opacity=100)"></td>
<?/** Du code à était retirer ici **/?>
</tr>
</table>
<!-- fin de l'affichage de l'écran noir et de ce qu'il contient -->
</td>
<!-- Fin de la première ligne (le petit écran) -->
</tr>
<!-- On affiche le titre == "Sommaire". C'est une image. **/?>
<tr>
<td height="42" colspan="3" width="162" background="sommaire.jpg"></td>
</tr>
<!-- $$$$$$$$$$ Le valign="top" n'à pas l'aire nécessaire $$$$$$$$$$ -->
<tr align="right" valign="top">
<!-- On affiche le fond, avec une largeur et une hauteur qu'on défini -->
<? /* des colspan=3 on était supprimer à partir d'ici */?>
<td background="mgm1m.jpg" height="100" width="162">
<table style="border:1px solid red" width="128" height="100" border="0" cellspacing="0" cellpadding="0">
<tr valign="top">
<td height="100">
<font size="2">
<img src="gif/fleche2.gif" border=0 width="7" height="7">
<B class="verdana8_red">Accueil</B><br>
<img src="gif/fleche.gif" border=0>
<a href="tarifs.php" onMouseOver="changeimage(1,Orange);window.status='Les Tarifs';return true;" onMouseOut="changeimage(1,Bleu)">
<b>Tarifs</b></a><br>
<img src="gif/fleche.gif" border=0>
<a href="shop.php" onMouseOver="changeimage(2,Orange);window.status='Achats de matos';return true;" onMouseOut="changeimage(2,Bleu)">
<B>Boutique</B></a><br>
<img src="gif/fleche.gif" border=0>
<a href="contact.php" onMouseOver="changeimage(3,Orange);window.status='Contact';return true;" onMouseOut="changeimage(3,Bleu)">
<B>Contact</B></a><br>
<img src="gif/fleche.gif" border=0>
<a href="game.php" onMouseOver="changeimage(4,Orange);window.status='Liste des jeux';return true;" onMouseOut="changeimage(4,Bleu)">
<B>Jeux</B></a><br>
<img src="gif/fleche.gif" border=0>
<a href="tournois.php" onMouseOver="changeimage(5,Orange);window.status='Planning des tournois et des nocturnes';return true;" onMouseOut="changeimage(5,Bleu)">
<B>Tournois</B></a>
</font>
</td>
</tr>
</table>
</td>
</tr>
<!-- On affiche l'entre deux rubriques -->
<tr>
<td height="22" width="162" background="mgm1b.jpg"></td>
</tr>
<!-- On affiche ici un cadre dans lequel on insert une image -->
<tr>
<td background="mgm2.jpg" width="162" height="150" >
<IMG name="game" usemap="#Jeux" alt="Les jeux" border=0 height="150" width="162"
onmouseout=alpha(this,1) onmouseover=alpha(this,2) style="filter:alpha(opacity=100)">
</td>
</tr>
<!-- Voici à présent la section membre -->
<tr>
<td height="47" width="162" background="membres.jpg"></td>
</tr>
<tr valign="top" align="right">
<td background="mgm1m.jpg" height="127" width="162">
<table style="border:1px solid red" width="130" border="0" cellspacing="0" cellpadding="0" height="70">
<tr valign="top">
<td height="70">
<table style="border:1px solid red" width="85%" border="0">
<tr>
<td>
<span class="verdana8">
Tapez ici votre pass pour vous connecter à notre serveur de jeux.
</span>
</td>
</tr>
</table>
<input type="password" name="passwd" class="form_text" size="11" maxlength="10" onMouseOut=alpha2(this,1) onMouseOver=alpha2(this,2) style="filter:alpha(opacity=100)">
<input type="submit" class="form_box" value=">>" name="submit">
<br/><br/>
<span class="verdana8">Pas encore inscrit,
<br/>
<img src="gif/fleche2.gif" width="7" height="7">
<a href="javascript:ouvrir() " onMouseOver="window.status='Inscription';return true;">
cliquez ici..
</a>
</span>
</td>
</tr>
</table>
</td>
</tr><!-- Fin de la section membre et de la première colonne du site -->
<!-- On fini par les affichaches de design -->
<tr>
<td width="162" height="31" background="mgm3b.jpg"></td>
</tr>
<tr>
<!-- Le dernier colsapn=3 suprimer était dans ce <td> -->
<!-- C'est ici qu'on remplie pour tomber sur des hauteur juste au niveau design -->
<td background="mgb.jpg" height="6" width="162"></td>
</tr>
<tr>
<td background="bg.jpg" height="25" width="162"></td>
</tr>
</table><? /* fin de la première colonne */ ?>
</td> <!-- Début de la colonne central du site -->
<td valign="top" align="center" width="508" height="796">
<table style="border:1px solid red" width="508" border="0" cellspacing="0" cellpadding="0"> <!-- Affichage du design -->
<tr>
<td width="508" height="139" align="center" background="hm.jpg" valign="top">
<img name="logo" width="508" height="139" border=0 usemap="#Logo" onmouseout=alpha(this,1) onmouseover=alpha(this,2) style="filter:alpha(opacity=100)">
</td>
</tr>
<tr> <!-- Début des news -->
<td width="508" height="34" align="center" valign="top" background="ch.jpg"></td>
</tr>
<tr> <!-- Petit interligne pour afficher le lien -->
<td width="508" height="20" background="cm.jpg" align="center" valign="top">
Lien : <a href="http://www.emailerie.com">http://www.emailerie.com</a>
</td>
</tr>
<tr>
<!-- On affiche ici le second cadre (le cadre dans le cadre) -->
<td width="508" height="35" valign="top" background="ceditoh.jpg">
</td>
</tr>
<tr>
<!-- On affiche ici le corps du cadre -->
<td width="508" background="ceditom.jpg" align="center" valign="top">
<table style="border:1px solid red" width="75%" border="0" cellspacing="0" cellpadding="0">
<tr valign="top">
<td>
<span class="verdana8">
4PL@YERS est une salle de jeux en réseau basée à LILLE. <br/><br/>
<i><b># Les services que nous vous proposons :</b></i><br/>
</span>
<ol>
<li>
<span class="verdana8">
<b>20 PC</b> pour le <b>jeu en réseau</b>
(<a href="game.php" onMouseOver="window.status='Liste des jeux';return true;"><b>cliquez ici</b></a>
pour voir la liste des jeux que nous vous proposons). <br>
<b>Config. :</b> Athlon XP 1800+ / GeForce4 64Mo, <br>
</span>
</li>
<li>
<span class="verdana8">
utilisation d'<b>internet</b> : consultation d'e-mails, téléchargement sur
le net..., grâce à une connection à haut-débit permanente, <br>
</span>
</li>
<li>
<span class="verdana8">
utilisation d'<b>outils bureautiques</b> pour rédiger par exemple vos CV
(traitement de texte, tableur...), <br>
</span>
</li>
<li>
<span class="verdana8">
<b>impressions</b> couleur / noir & blanc, <b>scannérisation</b> couleur,<br>
</span>
</li>
<li>
<span class="verdana8">
<b>vente de matériel informatique</b>,
(pour plus d'informations contactez nous au 03 20 07 43 18),
</span>
</li>
</ol>
<p>
<span class="verdana8">
<b><i># Horaires d'ouverture : </i></b>
</span>
</p>
<ul>
<li>
<span class="verdana8">
du Lundi au Vendredi de 11h à 23h30,
</span>
</li>
<li>
<span class="verdana8">
Samedi de 10h00 à 1h30,
</span>
</li>
<li>
<span class="verdana8">
Dimanche de 14h à 22h00.
</span>
</li>
</ul>
</td>
</tr>
</table>
</td>
</tr><!-- Fin des news **/?>
<tr> <!-- Fin du cadre dans le cadre -->
<td width="508" height="30" align="center" valign="top" background="ceditob.jpg">
</td>
</tr>
<tr valign="top">
<!-- Interligne de fin -->
<td background="cm.jpg" width="508" height="60" align="center">
</td>
</tr>
<tr>
<td background="cm.jpg" width="508" height="15" align="center" valign="top">
<font size=1>
--= 4PL@YERS - 9, rue Georges Maertens LILLE - tél. 03 20 07 43 18 =--
</font>
</td>
</tr>
</table>
<!-- On affiche le bas du cadre -->
<img src="cb.jpg" width="508" height="25">
</td> <!-- Affichage de la troisième et dernière colonne -->
<td valign="top" align="left" width="136" height="796">
<table style="border:1px solid red" border="0" cellspacing="0" cellpadding="0" width="164">
<tr> <!-- On affiche l'écran du coin supérieur droit du site -->
<td width="492" height="139" background="hd.jpg" valign="top" colspan="3">
<table style="border:1px solid red" width="164" height="131" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="20"></td>
<td width="112" height="113" class="verdana8" valign="bottom">
<!-- Du code à était retirer ici -->
<!-- On affiche les info avec un défilement -->
<marquee direction=up scrollamount=1 scrolldelay=110 height=110 width=115>
<font size="1"><b>News - 04/02/03</b><br></font>
<font size="1">Ouverture de 4players.fr</font>
<hr>
<img src="shop/article/acer17p.gif" width="42" height="42">
<img src="gif/promo.gif" width="58" height="48">
<br>
<font size="1">Ecran Acer 17" </font>
<br>
<font color="#FF0000" size="4"> <b>110 €</b> </font>
<br>
<font size="1"> Cette offre vous intéresse ? </font>
<br>
<img src="gif/fleche2.gif" width="7" height="7">
<a href="shop.php" onMouseOver="window.status='Achat de Matos';return true;">
<font size="1"> cliquez ici </font>
</a>
</marquee>
<!-- Du code à était retiré ici -->
</td>
<td width="27"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="164" height="41" colspan="3" background="sondage.jpg">
</td>
</tr>
<tr>
<td background="mdm1m.jpg" width="492" colspan="3">
</td>
</tr>
<tr align="center" valign="top">
<td width="492" background="mdm1m.jpg" colspan="3">
<table style="border:1px solid red" width="100%" border="0">
<tr>
<td width="10%"></td>
<td width="77%">
<font size="1"> Classez ici les 3 meilleurs jeux de l'année :-) <br><br> </font>
</td>
<td width="13%"></td>
</tr>
</table>
</td>
</tr>
<tr align="center" valign="top">
<td width="492" background="mdm1m.jpg" colspan="3">
<form method="post" action="<http://193.252.19.22/bin/formulaire.cgi>" name="">
<input type="hidden" name="email" value="contact@4players.fr">
<input type="hidden" name="url" value="javascript:merci()">
<input type="hidden" name="sujet" value="Sondage numero 1">
<table style="border:1px solid red" width="95" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td width="13">
<font size="1"> 1. </font>
</td>
<td width="82" class="verdana8">
<input type="text" name="premier" class="form_text2" size="13" onmouseout=alpha2(this,1) onmouseover=alpha2(this,2) style="filter:alpha(opacity=100)">
</td>
</tr>
<tr>
<td width="13">
<font size="1"> 2. </font>
</td>
<td width="82" class="verdana8">
<input type="text" name="second" class="form_text2" size="13" onmouseout=alpha2(this,1) onmouseover=alpha2(this,2) style="filter:alpha(opacity=100)">
</td>
</tr>
<tr>
<td width="13">
<font size="1"> 3. </font>
</td>
<td width="82" class="verdana8">
<input type="text" name="dernier" class="form_text2" size="13" onmouseout=alpha2(this,1) onmouseover=alpha2(this,2) style="filter:alpha(opacity=100)">
</td>
</tr>
</table>
<br>
<input type="submit" name="submit" value="Envoyer" class="form_box2" onmouseout=alpha2(this,1) onmouseover=alpha2(this,2) style="filter:alpha(opacity=100)">
</form>
</td>
</tr>
<tr>
<td width="164" background="mdm1m.jpg" colspan="3"></td>
</tr>
<tr>
<td width="164" height="59" background="boutique.jpg"></td>
</tr>
<tr>
<td width="164" background="mdm1m.jpg">
<table style="border:1px solid red" >
<tr>
<td width="18"></td>
<td>
<a href="shop.php" onMouseOver="window.status='Achat de Matos';return true;">
<img border=0 src="shop/article/acer17p.gif" onmouseout=alpha(this,1) onmouseover=alpha(this,2) style="filter:alpha(opacity=100)">
</a>
</td>
<td width=20>
<img border=0 src="gif/promo.gif" width="58" height="48">
</td>
</tr>
</table>
<table style="border:1px solid red" >
<tr>
<td width=18></td>
<td align=center>
<font size=1> Ecran 17" Acer <br> Pitch 0,26 mm <br> 1600x1200 à 77 Hz </font>
</td>
<td width=20></td>
</tr>
<tr>
<td width=18></td>
<td align=center>
<b> <font color=#ff0000 size=5> 110 € </font> </b>
</td>
<td width=20></td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="164" height="30" background="mdm3b.jpg"></td>
</tr>
<tr>
<td width="492" height="93" background="mdb.jpg" colspan="3" align=center></td>
</tr>
<tr>
<td width="164" height="24" background="bd.jpg"></td>
</tr>
</table><!-- Fin de la troisième colonne -->
</td>
</tr><!-- Fin du site -->
</table>
</div>
</body>
</html>
qui me fait hurler ben il est bien ton code bon bien sur il me maque les js et j'ai fait des petites modif
mais c'est du php apparement non?
met aussi les js et les images je te donne pas mon email car tu ne fait pas partie de mon carnet d'adresse et ton mail ira direct a la poubelle mais si tu met le tien je t'envoi le mien :-)
et sinon met les js
<html>
<head>
<title>Bienvenue sur 4PL@YERS</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" src="script/js/script1.js"></script>
<script language="JavaScript" src="script/js/script2.js"></script>
<script language="JavaScript" src="script/js/script3.js"></script>
<script language="JavaScript" src="script/js/script5.js"></script>
<SCRIPT language="JavaScript" src="script/js/script7.js"></SCRIPT>
<SCRIPT language="JavaScript" src="script/js/script6.js"></SCRIPT>
<STYLE type=text/css>
BODY {FONT-FAMILY: Verdana, Arial; FONT-SIZE: 11px; scrollbar-3d-light-color: #000000; scrollbar-arrow-color: #31639C; scrollbar-base-color: #7EA9D3; scrollbar-dark-shadow-color: #111111; scrollbar-face-color: #FFFFFF; scrollbar-highlight-color: #F2F5F7; scrollbar-shadow-color: #31639C}
TD {FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 9pt; color: #000000; text-decoration: none}
A {COLOR: #336699; FONT-SIZE: 8pt; FONT-WEIGHT: normal; TEXT-DECORATION: none; font-style: normal; font-family: Verdana}
A:hover {COLOR: #FF9000; FONT-FAMILY: Verdana; FONT-SIZE: 8pt; FONT-WEIGHT: normal; TEXT-DECORATION: none}
.verdana8 {font-family: Verdana; font-size: 8pt; font-weight: normal; color: #000000; text-decoration: none}
.verdana8_bleu { font-family: Verdana; font-size: 8pt; font-weight: normal; color: #000099; text-decoration: none }
.form_text { font-family: Verdana; font-size: 8pt; color: #000099; text-decoration: none; background-color: #E6E6E6; border: 1px sol; border-color: #CCCCCC #CCCCCC #CCCCCC #C8C8C8}
.form_box { font-family: Verdana; font-size: 6pt; color: #000099; text-decoration: none; border-color: #000000 d0tted; background-color: #FFFFFF; border: 1px none; background-repeat: no-repeat; background-position: center center}
.form_box2 { font-family: Verdana; font-size: 8pt; color: #666666; text-decoration: none; border-color: #999999 #999999 #999999 #CCCCCC; background-color: #F2F2F2; border: 1px solid}
.noir { background : #000000;}
.verdana8_red {COLOR: #FF0000; FONT-FAMILY: Verdana; FONT-SIZE: 8pt; FONT-WEIGHT: bold; TEXT-DECORATION: none}
.class { font: 6.5pt verdana }
.form_text2 { font-family: Verdana; font-size: 9px; color: #000099; text-decoration: none; background-color: #E6E6E6; border: 1px solid; border-color: #CCCCCC #CCCCCC #CCCCCC #C8C8C8 }
#loading { position : absolute }
#content { visibility: hidden }
</STYLE>
</head>
<BODY background="design/background.jpg" >
<!--
onmouseout="self.status='4Pl@yers.fr - salle de jeu en réseau lilloise'"
onload="defilmtauto();setTimeout('display_it()', 0);setTimeout('play()',0)"> -->
<map name="Jeux">
<area shape="rect" coords="20,0,150,150" href="game.php">
</map>
<map name="Logo">
<area shape="rect" coords="25,27,485,124" href="index.php">
</map>
<div id=loading><font size=1 color=#0fffff>chargement ...</font></div>
<div id=content>
<!-- dbéut de la page (c'est un tableau de tableau de ... ) avec une largeur de 834 -->
<table style="border:1px solid red" border="0" cellspacing="0" cellpadding="0" align="center" width="834">
<!-- Pour ce tableau il n'y à qu'une ligne de trois colonnes -->
<tr>
<!-- Voici donc la première colonne (avec le sommaire, la connexion membre,...) -->
<td valign="top" align="left" width="162" height="796">
<!-- Cette première colonne est un tableau -->
<table style="border:1px solid red" width="162" border="0" cellspacing="0" cellpadding="0">
<!-- La prémière ligne correspond au petit écran noir -->
<tr>
<!-- Il n'y à qu'une colonne qui affiche l'écran noir -->
<td colspan="3" width="162" background="design/hg.jpg">
<!-- Ce tableau et la plupart de ce qu'il contient sert sans doute centrer correctement le text -->
<table style="border:1px solid red" width="162" border="0" cellspacing="0" cellpadding="0">
<tr>
<!-- le 43 centre le texte comme il faut -->
<td width="43"></td>
<!-- Du code à était retirer ici**/?>
<? /* c'est ici que le js va écrire le text */?>
<td width="111" height="139" id=id class=class onmouseout=alpha2(this,1) onmouseover=alpha2(this,2) style="filter:alpha(opacity=100)"></td>
<?/** Du code à était retirer ici **/?>
</tr>
</table>
<!-- fin de l'affichage de l'écran noir et de ce qu'il contient -->
</td>
<!-- Fin de la première ligne (le petit écran) -->
</tr>
<!-- On affiche le titre == "Sommaire". C'est une image. **/?>
<tr>
<td height="42" colspan="3" width="162" background="sommaire.jpg"></td>
</tr>
<!-- $$$$$$$$$$ Le valign="top" n'à pas l'aire nécessaire $$$$$$$$$$ -->
<tr align="right" valign="top">
<!-- On affiche le fond, avec une largeur et une hauteur qu'on défini -->
<? /* des colspan=3 on était supprimer à partir d'ici */?>
<td background="mgm1m.jpg" height="100" width="162">
<table style="border:1px solid red" width="128" height="100" border="0" cellspacing="0" cellpadding="0">
<tr valign="top">
<td height="100">
<font size="2">
<img src="gif/fleche2.gif" border=0 width="7" height="7">
<B class="verdana8_red">Accueil</B><br>
<img src="gif/fleche.gif" border=0>
<a href="tarifs.php" onMouseOver="changeimage(1,Orange);window.status='Les Tarifs';return true;" onMouseOut="changeimage(1,Bleu)">
<b>Tarifs</b></a><br>
<img src="gif/fleche.gif" border=0>
<a href="shop.php" onMouseOver="changeimage(2,Orange);window.status='Achats de matos';return true;" onMouseOut="changeimage(2,Bleu)">
<B>Boutique</B></a><br>
<img src="gif/fleche.gif" border=0>
<a href="contact.php" onMouseOver="changeimage(3,Orange);window.status='Contact';return true;" onMouseOut="changeimage(3,Bleu)">
<B>Contact</B></a><br>
<img src="gif/fleche.gif" border=0>
<a href="game.php" onMouseOver="changeimage(4,Orange);window.status='Liste des jeux';return true;" onMouseOut="changeimage(4,Bleu)">
<B>Jeux</B></a><br>
<img src="gif/fleche.gif" border=0>
<a href="tournois.php" onMouseOver="changeimage(5,Orange);window.status='Planning des tournois et des nocturnes';return true;" onMouseOut="changeimage(5,Bleu)">
<B>Tournois</B></a>
</font>
</td>
</tr>
</table>
</td>
</tr>
<!-- On affiche l'entre deux rubriques -->
<tr>
<td height="22" width="162" background="mgm1b.jpg"></td>
</tr>
<!-- On affiche ici un cadre dans lequel on insert une image -->
<tr>
<td background="mgm2.jpg" width="162" height="150" >
<IMG name="game" usemap="#Jeux" alt="Les jeux" border=0 height="150" width="162"
onmouseout=alpha(this,1) onmouseover=alpha(this,2) style="filter:alpha(opacity=100)">
</td>
</tr>
<!-- Voici à présent la section membre -->
<tr>
<td height="47" width="162" background="membres.jpg"></td>
</tr>
<tr valign="top" align="right">
<td background="mgm1m.jpg" height="127" width="162">
<table style="border:1px solid red" width="130" border="0" cellspacing="0" cellpadding="0" height="70">
<tr valign="top">
<td height="70">
<table style="border:1px solid red" width="85%" border="0">
<tr>
<td>
<span class="verdana8">
Tapez ici votre pass pour vous connecter à notre serveur de jeux.
</span>
</td>
</tr>
</table>
<input type="password" name="passwd" class="form_text" size="11" maxlength="10" onMouseOut=alpha2(this,1) onMouseOver=alpha2(this,2) style="filter:alpha(opacity=100)">
<input type="submit" class="form_box" value=">>" name="submit">
<br/><br/>
<span class="verdana8">Pas encore inscrit,
<br/>
<img src="gif/fleche2.gif" width="7" height="7">
<a href="javascript:ouvrir() " onMouseOver="window.status='Inscription';return true;">
cliquez ici..
</a>
</span>
</td>
</tr>
</table>
</td>
</tr><!-- Fin de la section membre et de la première colonne du site -->
<!-- On fini par les affichaches de design -->
<tr>
<td width="162" height="31" background="mgm3b.jpg"></td>
</tr>
<tr>
<!-- Le dernier colsapn=3 suprimer était dans ce <td> -->
<!-- C'est ici qu'on remplie pour tomber sur des hauteur juste au niveau design -->
<td background="mgb.jpg" height="6" width="162"></td>
</tr>
<tr>
<td background="bg.jpg" height="25" width="162"></td>
</tr>
</table><? /* fin de la première colonne */ ?>
</td> <!-- Début de la colonne central du site -->
<td valign="top" align="center" width="508" height="796">
<table style="border:1px solid red" width="508" border="0" cellspacing="0" cellpadding="0"> <!-- Affichage du design -->
<tr>
<td width="508" height="139" align="center" background="hm.jpg" valign="top">
<img name="logo" width="508" height="139" border=0 usemap="#Logo" onmouseout=alpha(this,1) onmouseover=alpha(this,2) style="filter:alpha(opacity=100)">
</td>
</tr>
<tr> <!-- Début des news -->
<td width="508" height="34" align="center" valign="top" background="ch.jpg"></td>
</tr>
<tr> <!-- Petit interligne pour afficher le lien -->
<td width="508" height="20" background="cm.jpg" align="center" valign="top">
Lien : <a href="http://www.emailerie.com">http://www.emailerie.com</a>
</td>
</tr>
<tr>
<!-- On affiche ici le second cadre (le cadre dans le cadre) -->
<td width="508" height="35" valign="top" background="ceditoh.jpg">
</td>
</tr>
<tr>
<!-- On affiche ici le corps du cadre -->
<td width="508" background="ceditom.jpg" align="center" valign="top">
<table style="border:1px solid red" width="75%" border="0" cellspacing="0" cellpadding="0">
<tr valign="top">
<td>
<span class="verdana8">
4PL@YERS est une salle de jeux en réseau basée à LILLE. <br/><br/>
<i><b># Les services que nous vous proposons :</b></i><br/>
</span>
<ol>
<li>
<span class="verdana8">
<b>20 PC</b> pour le <b>jeu en réseau</b>
(<a href="game.php" onMouseOver="window.status='Liste des jeux';return true;"><b>cliquez ici</b></a>
pour voir la liste des jeux que nous vous proposons). <br>
<b>Config. :</b> Athlon XP 1800+ / GeForce4 64Mo, <br>
</span>
</li>
<li>
<span class="verdana8">
utilisation d'<b>internet</b> : consultation d'e-mails, téléchargement sur
le net..., grâce à une connection à haut-débit permanente, <br>
</span>
</li>
<li>
<span class="verdana8">
utilisation d'<b>outils bureautiques</b> pour rédiger par exemple vos CV
(traitement de texte, tableur...), <br>
</span>
</li>
<li>
<span class="verdana8">
<b>impressions</b> couleur / noir & blanc, <b>scannérisation</b> couleur,<br>
</span>
</li>
<li>
<span class="verdana8">
<b>vente de matériel informatique</b>,
(pour plus d'informations contactez nous au 03 20 07 43 18),
</span>
</li>
</ol>
<p>
<span class="verdana8">
<b><i># Horaires d'ouverture : </i></b>
</span>
</p>
<ul>
<li>
<span class="verdana8">
du Lundi au Vendredi de 11h à 23h30,
</span>
</li>
<li>
<span class="verdana8">
Samedi de 10h00 à 1h30,
</span>
</li>
<li>
<span class="verdana8">
Dimanche de 14h à 22h00.
</span>
</li>
</ul>
</td>
</tr>
</table>
</td>
</tr><!-- Fin des news **/?>
<tr> <!-- Fin du cadre dans le cadre -->
<td width="508" height="30" align="center" valign="top" background="ceditob.jpg">
</td>
</tr>
<tr valign="top">
<!-- Interligne de fin -->
<td background="cm.jpg" width="508" height="60" align="center">
</td>
</tr>
<tr>
<td background="cm.jpg" width="508" height="15" align="center" valign="top">
<font size=1>
--= 4PL@YERS - 9, rue Georges Maertens LILLE - tél. 03 20 07 43 18 =--
</font>
</td>
</tr>
</table>
<!-- On affiche le bas du cadre -->
<img src="cb.jpg" width="508" height="25">
</td> <!-- Affichage de la troisième et dernière colonne -->
<td valign="top" align="left" width="136" height="796">
<table style="border:1px solid red" border="0" cellspacing="0" cellpadding="0" width="164">
<tr> <!-- On affiche l'écran du coin supérieur droit du site -->
<td width="492" height="139" background="hd.jpg" valign="top" colspan="3">
<table style="border:1px solid red" width="164" height="131" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="20"></td>
<td width="112" height="113" class="verdana8" valign="bottom">
<!-- Du code à était retirer ici -->
<!-- On affiche les info avec un défilement -->
<marquee direction=up scrollamount=1 scrolldelay=110 height=110 width=115>
<font size="1"><b>News - 04/02/03</b><br></font>
<font size="1">Ouverture de 4players.fr</font>
<hr>
<img src="shop/article/acer17p.gif" width="42" height="42">
<img src="gif/promo.gif" width="58" height="48">
<br>
<font size="1">Ecran Acer 17" </font>
<br>
<font color="#FF0000" size="4"> <b>110 €</b> </font>
<br>
<font size="1"> Cette offre vous intéresse ? </font>
<br>
<img src="gif/fleche2.gif" width="7" height="7">
<a href="shop.php" onMouseOver="window.status='Achat de Matos';return true;">
<font size="1"> cliquez ici </font>
</a>
</marquee>
<!-- Du code à était retiré ici -->
</td>
<td width="27"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="164" height="41" colspan="3" background="sondage.jpg">
</td>
</tr>
<tr>
<td background="mdm1m.jpg" width="492" colspan="3">
</td>
</tr>
<tr align="center" valign="top">
<td width="492" background="mdm1m.jpg" colspan="3">
<table style="border:1px solid red" width="100%" border="0">
<tr>
<td width="10%"></td>
<td width="77%">
<font size="1"> Classez ici les 3 meilleurs jeux de l'année :-) <br><br> </font>
</td>
<td width="13%"></td>
</tr>
</table>
</td>
</tr>
<tr align="center" valign="top">
<td width="492" background="mdm1m.jpg" colspan="3">
<form method="post" action="<http://193.252.19.22/bin/formulaire.cgi>" name="">
<input type="hidden" name="email" value="contact@4players.fr">
<input type="hidden" name="url" value="javascript:merci()">
<input type="hidden" name="sujet" value="Sondage numero 1">
<table style="border:1px solid red" width="95" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td width="13">
<font size="1"> 1. </font>
</td>
<td width="82" class="verdana8">
<input type="text" name="premier" class="form_text2" size="13" onmouseout=alpha2(this,1) onmouseover=alpha2(this,2) style="filter:alpha(opacity=100)">
</td>
</tr>
<tr>
<td width="13">
<font size="1"> 2. </font>
</td>
<td width="82" class="verdana8">
<input type="text" name="second" class="form_text2" size="13" onmouseout=alpha2(this,1) onmouseover=alpha2(this,2) style="filter:alpha(opacity=100)">
</td>
</tr>
<tr>
<td width="13">
<font size="1"> 3. </font>
</td>
<td width="82" class="verdana8">
<input type="text" name="dernier" class="form_text2" size="13" onmouseout=alpha2(this,1) onmouseover=alpha2(this,2) style="filter:alpha(opacity=100)">
</td>
</tr>
</table>
<br>
<input type="submit" name="submit" value="Envoyer" class="form_box2" onmouseout=alpha2(this,1) onmouseover=alpha2(this,2) style="filter:alpha(opacity=100)">
</form>
</td>
</tr>
<tr>
<td width="164" background="mdm1m.jpg" colspan="3"></td>
</tr>
<tr>
<td width="164" height="59" background="boutique.jpg"></td>
</tr>
<tr>
<td width="164" background="mdm1m.jpg">
<table style="border:1px solid red" >
<tr>
<td width="18"></td>
<td>
<a href="shop.php" onMouseOver="window.status='Achat de Matos';return true;">
<img border=0 src="shop/article/acer17p.gif" onmouseout=alpha(this,1) onmouseover=alpha(this,2) style="filter:alpha(opacity=100)">
</a>
</td>
<td width=20>
<img border=0 src="gif/promo.gif" width="58" height="48">
</td>
</tr>
</table>
<table style="border:1px solid red" >
<tr>
<td width=18></td>
<td align=center>
<font size=1> Ecran 17" Acer <br> Pitch 0,26 mm <br> 1600x1200 à 77 Hz </font>
</td>
<td width=20></td>
</tr>
<tr>
<td width=18></td>
<td align=center>
<b> <font color=#ff0000 size=5> 110 € </font> </b>
</td>
<td width=20></td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="164" height="30" background="mdm3b.jpg"></td>
</tr>
<tr>
<td width="492" height="93" background="mdb.jpg" colspan="3" align=center></td>
</tr>
<tr>
<td width="164" height="24" background="bd.jpg"></td>
</tr>
</table><!-- Fin de la troisième colonne -->
</td>
</tr><!-- Fin du site -->
</table>
</div>
</body>
</html>
