Intro en javascript (puzzle qui s'efface)

Intro en javascript (puzzle qui s'efface) - HTML/CSS - Programmation

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?

Reply

Marsh Posté le 16-07-2004 à 22:32:23   

Reply

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.

Reply

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
++

Reply

Marsh Posté le 18-07-2004 à 17:37:36    

pardon "me serais-je trompé"

Reply

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.

Reply

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!

Reply

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

Reply

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.

Reply

Marsh Posté le 19-07-2004 à 08:57:31    

Le fond est bleu sous IE et blanc sous Mozilla  :D  de plus les sous menu se chevauchent sous IE6 et pas sous Mozilla  :sweat:

Reply

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!

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed