Intro en javascript (puzzle qui s'efface)
Intro en javascript (puzzle qui s'efface) - HTML/CSS - Programmation
Marsh Posté le 17-07-2004 à 08:07:46
salut,
pour la largeur : mettre margin:0px pour le style du body.
pour la hauteur : il faut que la page soit "remplie" (que le "contenu" de la page aille jusqu'en bas , tu peux tricher en mettant le contenu de la page dans un <div> auquel tu donne une hauteur assez importante)
++
L.
Marsh Posté le 18-07-2004 à 17:35:23
Ben j'ai essayé ça marche pô, me serais-trompé sur l'endroit où mettre ce que tu m'as donné
Je te donne l'adresse
http://www.memoire-de-maitrise.fr.st
Voilà,
merci pour l'aide
++
Marsh Posté le 18-07-2004 à 18:50:40
re,
ta balise body est incorrecte :
<body oncontextmenu="return false" onselectstart="return false" ondragstart="return false" <body onload="ouvre_porte();">
devrait etre :
<body oncontextmenu="return false" onselectstart="return false" ondragstart="return false" onload="ouvre_porte();">
erreur : ouvre_porte n'est pas defini dans la page .
le script du puzzle n'est pas dans la page .(appelé par un lien ?)
il n'y a pas margin:0 pour le body.
++
L.
Marsh Posté le 18-07-2004 à 23:40:00
Oups, la version en ligne était encore l'a&ncienne, tu peux retourner à l'adresse donnée ci-dessus, j'ai mis la nouvelle intro en ligne. Désolé!! Et encore merci à toi!
Marsh Posté le 18-07-2004 à 23:41:29
VOilà la tu verras que le puzzle n'occupe pas tout l'écran.
http://www.memoire-de-maitrise.fr.st
Marsh Posté le 19-07-2004 à 04:15:21
re,
toujours pas de margin:0 pour le body ...
et le contenu de ta page ne va pas jusqu'en bas ...
++
L.
Marsh Posté le 19-07-2004 à 08:57:31
Le fond est bleu sous IE et blanc sous Mozilla 
de plus les sous menu se chevauchent sous IE6 et pas sous Mozilla 
Marsh Posté le 19-07-2004 à 16:47:03
ouais je sais tout ça j'arrive pas à avoir exactement le même résultat sous différents navigateurs, mais en fait j'a&i essayé de mettre margin:0 mais j'ai du me planter d'endroit...:s et je vais faire en sorte que ma page aille jusqu'en bas.
Merci à vous!
Sujets relatifs:
- redirection javascript - recuperation session php
- [javascript] Tester qu'une fonction est défine
- verifier une condition en javascript
- Intégration JavaScript (généré par Acdsee6) dans page HTML ???
- Formulaire qui efface les données quand je valide et revient :(
- [resolu] [Javascript] Afficher un DIV onclick
- recuperer variable d'URL en JavaScript
- récuperer dans du php une valeur envoyé par du javascript
- puzzle
- [javascript]remplacer antislash par slash
Marsh Posté le 16-07-2004 à 22:32:23
Voilà mon code
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<STYLE>
.intro {BACKGROUND-COLOR:#4592C4;LEFT:0px;position:absolute;TOP:0px}
a:link {
color: #FFFFFF;
}
a:visited {
color: #FFFFFF;
}
a:hover {
color: #FFFF99;
}
.Style51 {font-family: "Trebuchet MS"}
.Style54 {font-size: 14pt}
.Style55 {FONT-WEIGHT: bold; FONT-SIZE: 14pt; COLOR: #ffffff; FONT-FAMILY: "Trebuchet MS"; }
</STYLE>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<p><a href=""></a></p>
<table width="760" border="0" align="center">
<tr>
<td><div align="center">
<p><a href="index2.htm"><img
src="images/LEAintro.png" width=326 height=359 border="0"></a></p>
<TABLE width=559 align=center bgColor=#4592C4 border=0>
<TBODY>
<TR>
<TD width=200 height=19>
<DIV align=center class="Style51 Style45 Style7 Style54"></DIV>
<DIV align=center class=Style55>
<DIV align=center><A href="index2.htm"
target=_self>Entrez </A></DIV>
</DIV></TD>
<TD width=200>
<DIV align=center class="Style51 Style54 Style43"><strong><A
href="index2.htm"
target=_self>Enter</A></strong></DIV></TD>
<TD width=200>
<DIV align=center class=Style55><strong><A
href="index2.htm"
target=_self>Herein!</A></strong></DIV></TD>
<TD width=200>
<DIV align=center class=Style55><strong><A
href="index2.htm"
target=_self>Entrar</A></strong></DIV></TD>
<TD width=200>
<DIV align=center class=Style55><strong><A
href="index2.htm"
target=_self>Entrate</A></strong></DIV></TD>
</TR>
</TBODY>
</TABLE>
<p><a href="" target="_blank"><img src="images/logo.png" width="55" height="80" border="0"></a></p>
</div></td>
</tr>
</table>
<DIV class=intro id=p1></DIV>
<DIV class=intro id=p2></DIV>
<DIV class=intro id=p3></DIV>
<DIV class=intro id=p4></DIV>
<DIV class=intro id=p5></DIV>
<DIV class=intro id=p6></DIV>
<DIV class=intro id=p7></DIV>
<DIV class=intro id=p8></DIV>
<DIV class=intro id=p9></DIV>
<DIV class=intro id=p10></DIV>
<DIV class=intro id=p11></DIV>
<DIV class=intro id=p12></DIV>
<DIV class=intro id=p13></DIV>
<DIV class=intro id=p14></DIV>
<DIV class=intro id=p15></DIV>
<DIV class=intro id=p16></DIV>
<DIV class=intro id=p17></DIV>
<DIV class=intro id=p18></DIV>
<DIV class=intro id=p19></DIV>
<DIV class=intro id=p20></DIV>
<DIV class=intro id=p21></DIV>
<DIV class=intro id=p22></DIV>
<DIV class=intro id=p23></DIV>
<DIV class=intro id=p24></DIV>
<DIV class=intro id=p25></DIV>
<div align="center">
<p><SCRIPT>
var espeed=150 // VITESSE DE DISPARITION DES MORCEAUX
var counter=1
var temp=new Array()
var temp2=new Array()
if (document.layers){
for (i=1;i<=25;i++){
temp[i]=eval("document.p"+i+".clip" )
temp2[i]=eval("document.p"+i)
temp[i].width=window.innerWidth/5
temp[i].height=window.innerHeight/5
}
for (i=1;i<=5;i++)
temp2[i].left=(i-1)*temp[i].width
for (i=6;i<=10;i++){
temp2[i].left=(i-6)*temp[i].width
temp2[i].top=temp[i].height
}
for (i=11;i<=15;i++){
temp2[i].left=(i-11)*temp[i].width
temp2[i].top=2*temp[i].height
}
for (i=16;i<=20;i++){
temp2[i].left=(i-16)*temp[i].width
temp2[i].top=3*temp[i].height
}
for (i=21;i<=25;i++){
temp2[i].left=(i-21)*temp[i].width
temp2[i].top=4*temp[i].height
}}
function erasecontainerns(){
window.scrollTo(0,0)
var whichcontainer=Math.round(Math.random()*25)
if (whichcontainer==0)
whichcontainer=1
if (temp2[whichcontainer].visibility!="hide" )
temp2[whichcontainer].visibility="hide"
else{
while (temp2[whichcontainer].visibility=="hide" ){
whichcontainer=Math.round(Math.random()*25)
if (whichcontainer==0)
whichcontainer=1
}
temp2[whichcontainer].visibility="hide"
}
if (counter==25)
clearInterval(beginerase)
counter++
espeed-=10
}
if (document.all){
var containerwidth=parseInt(document.body.clientWidth/5)
var containerheight=parseInt(document.body.offsetHeight/5)
for (i=1;i<=25;i++){
temp[i]=eval("document.all.p"+i+".style" )
temp[i].width=containerwidth
temp[i].height=containerheight
}
for (i=1;i<=5;i++)
temp[i].left=(i-1)*containerwidth
for (i=6;i<=10;i++){
temp[i].left=(i-6)*containerwidth
temp[i].top=containerheight
}
for (i=11;i<=15;i++){
temp[i].left=(i-11)*containerwidth
temp[i].top=2*containerheight
}
for (i=16;i<=20;i++){
temp[i].left=(i-16)*containerwidth
temp[i].top=3*containerheight
}
for (i=21;i<=25;i++){
temp[i].left=(i-21)*containerwidth
temp[i].top=4*containerheight
}}
function erasecontainerie(){
var whichcontainer=Math.round(Math.random()*25)
if (whichcontainer==0)
whichcontainer=1
if (temp[whichcontainer].visibility!="hidden" )
temp[whichcontainer].visibility="hidden"
else{
while (temp[whichcontainer].visibility=="hidden" ){
whichcontainer=Math.round(Math.random()*25)
if (whichcontainer==0)
whichcontainer=1
}
temp[whichcontainer].visibility="hidden"
}
if (counter==25){
clearInterval(beginerase)
clearInterval(keeptop)
}
counter++
espeed-=10
}
if (document.layers)
beginerase=setInterval("erasecontainerns()",espeed)
else if (document.all){
beginerase=setInterval("erasecontainerie()",espeed)
keeptop=setInterval("window.scrollTo(0.0)",100)
}
</SCRIPT>
</p>
</div>
</body>
</html>
Et je cherche à ce que le puzzle s'affiche sur toute la fenêtre, comment faire svp?