Cohabitation entre 2 codes impossible (compte à rebours+neige) [Résolu]

Signaler
Messages postés
2
Date d'inscription
lundi 26 décembre 2005
Statut
Membre
Dernière intervention
27 décembre 2005
-
Messages postés
12303
Date d'inscription
mardi 10 février 2004
Statut
Modérateur
Dernière intervention
30 juillet 2012
-
Bonjour,

Je souhaite mettre dans une même page deux codes javascipt : un compte à rebours jusqu' au début de l' année 2006 (http://www.editeurjavascript.com/scripts/scripts_temps_1_103.php)et de la neige qui tombe (http://www.javascriptfr.com/code.aspx?ID=16244).Ces deux codes indépendemment marche bien mais ensemble la neige reste en haut à gauche de l' écran. Pouvez-vous me donner une solution à ce problème avant le 31/12/05 s' il vous plaît.
Mon codes avec les 2 ressemble à ça :

<html>

<head>

<!-- DEBUT DU SCRIPT -->
<SCRIPT LANGUAGE="JavaScript">
/*
SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com
*/
function Rebour()
{
if (document.getElementById)
{
Maintenant = new Date;
TempMaintenant = Maintenant.getTime();
Future = new Date(2006, 0, 01);
TempFuture = Future.getTime();
DinaHeure = Math.floor((TempFuture-TempMaintenant)/1000);
DinaHeure = "" + DinaHeure;
if (DinaHeure <= 0)
DinaHeure = "0";
document.getElementById("comptarebour").innerHTML=DinaHeure;
}
temporebour = setTimeout("Rebour()", 1000)
}
window.onload=Rebour;
</SCRIPT>
<!-- FIN DU SCRIPT -->

<SCRIPT LANGUAGE="javascript">
<!--- hide script from old browsers var isNS (navigator.appName "Netscape" && parseInt(navigator.appVersion) >= 4);
var nbimg = 18;
var typeimg;
var coordx=new Array(nbimg);
var coordy=new Array(nbimg);
var vity=new Array(nbimg);
var temx=new Array(nbimg);
var decx=new Array(nbimg);
var img=1;
var date=new Date();
var jour=date.getDate();
var mois=date.getMonth()+1;

if (((mois==12) && (jour>=21)) || ((mois==3) && (jour<21)) || (mois<3)) {typeimg="flocon";}
if (((mois==3) && (jour>=20)) || ((mois==6) && (jour<20)) || ((mois>3) && (mois<6))) {typeimg="fleur";}
if (((mois==6) && (jour>=21)) || ((mois==9) && (jour<21)) || ((mois>6) && (mois<9))) {typeimg="soleil";}
if (((mois==9) && (jour>=22)) || ((mois==12) && (jour<22)) || ((mois>9) && (mois<12))) {typeimg="feuille";}

function InitNeige() {
if (isNS) { tailley window.innerHeight;taillex window.innerWidth;offsety = window.pageYOffset;offsetx = window.pageXOffset;
var vara="LAYER NAME";
var varb="/LAYER";var styl="";
}
else { tailley document.body.clientHeight;taillex document.body.clientWidth;offsety = document.body.scrollTop;offsetx = document.body.scrollLeft;
var vara="DIV ID";
var varb="/DIV";
var styl='style="position:absolute;left:0px;top:0px;width:1px;height:1px;visibility:visible;"';}
for (i=0;i<nbimg;i++){
chaine='<'+vara+'="image'+i+'" '+styl+'><'+varb+'>';
document.write(chaine);
coordx[i]=80+(Math.random()*taillex-160);coordy[i]=i*(tailley/(nbimg-1));
vity[i]=img; temx[i]=(Math.random()*19);decx[i]=0;
img+=1;if (img>3){img=1};
}
}

function neige() { if (isNS) {tailley window.innerHeight;taillex window.innerWidth;offsety = window.pageYOffset;offsetx = window.pageXOffset;} else {tailley document.body.clientHeight;taillex document.body.clientWidth;offsety = document.body.scrollTop;offsetx = document.body.scrollLeft;}
for (i=0;i<nbimg;i++){
if (isNS){
eval ('document.image'+i+'.top = coordy[i];');
eval ('document.image'+i+'.left = coordx[i];');
}
else{
eval ('document.all.image'+i+'.style.top = coordy[i];');
eval ('document.all.image'+i+'.style.left = coordx[i];');
}
temx[i]+=1
if (temx[i]>20) {
decx[i]=1-(Math.random()*2);
temx[i]=0;
}
coordx[i]+=decx[i];
coordy[i]+=vity[i];
maxi=tailley+offsety;
if (coordy[i]>maxi) {coordx[i]=80+(Math.random()*taillex-160);coordy[i]=-100;}
}
tempo = setTimeout("neige()", 50);
}

// end hiding --->
</script>

</head>

<!-- DEBUT DU SCRIPT -->
<!--
SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com
-->

Chargement ...

<!-- FIN DU SCRIPT -->


<script>InitNeige()</script>

</html>

Merci

14 réponses

Messages postés
12303
Date d'inscription
mardi 10 février 2004
Statut
Modérateur
Dernière intervention
30 juillet 2012
38
Salut,



1 <html>




2 <head>




3 <SCRIPT LANGUAGE="JavaScript">




4 function Rebour()




5 {




6 if (document.getElementById)




7 {




8 Maintenant = new Date;




9 TempMaintenant = Maintenant.getTime();




10 Future = new Date(2006, 0, 01);




11 TempFuture = Future.getTime();




12 DinaHeure = Math.floor((TempFuture-TempMaintenant)/1000);




13 DinaHeure = "" + DinaHeure;




14 if (DinaHeure <= 0)




15 DinaHeure = "0";




16 document.getElementById("comptarebour").innerHTML=DinaHeure;




17 }




18 temporebour = setTimeout("Rebour()", 1000)




19 }




20 <!--- hide script from old browsers



21 var isNS (navigator.appName "Netscape" && parseInt(navigator.appVersion) >= 4);




22 var nbimg = 18;




23 var typeimg;




24 var coordx=new Array(nbimg);




25 var coordy=new Array(nbimg);




26 var vity=new Array(nbimg);




27 var temx=new Array(nbimg);




28 var decx=new Array(nbimg);




29 var img=1;




30 var date=new Date();




31 var jour=date.getDate();




32 var mois=date.getMonth()+1;




33




34 if (((mois==12) && (jour>=21)) || ((mois==3) && (jour<21)) || (mois<3)) {typeimg="flocon";}




35 if (((mois==3) && (jour>=20)) || ((mois==6) && (jour<20)) || ((mois>3) && (mois<6))) {typeimg="fleur";}




36 if (((mois==6) && (jour>=21)) || ((mois==9) && (jour<21)) || ((mois>6) && (mois<9))) {typeimg="soleil";}




37 if
(((mois==9) && (jour>=22)) || ((mois==12) &&
(jour<22)) || ((mois>9) && (mois<12))) {typeimg="feuille";}




38




39 function InitNeige() {




40 if (isNS) {



41 tailley window.innerHeight;taillex window.innerWidth;offsety = window.pageYOffset;offsetx = window.pageXOffset;




42 var vara="LAYER NAME";




43 var varb="/LAYER";var styl="";




44 }




45 else {



46 tailley document.body.clientHeight;taillex document.body.clientWidth;offsety = document.body.scrollTop;offsetx = document.body.scrollLeft;




47 var vara="DIV ID";




48 var varb="/DIV";




49 var styl='style="position:absolute;left:0px;top:0px;width:1px;height:1px;visibility:visible;"';}




50 for (i=0;i<nbimg;i++){




51 chaine='<'+vara+'="image'+i+'" '+styl+'>+typeimg+img+'.gif"><'+varb+'>';




52 document.write(chaine);




53 coordx[i]=80+(Math.random()*taillex-160);coordy[i]=i*(tailley/(nbimg-1));




54 vity[i]=img; temx[i]=(Math.random()*19);decx[i]=0;




55 img+=1;if (img>3){img=1};




56 }




57 }




58




59 function neige() {



60 if (isNS) {tailley window.innerHeight;taillex window.innerWidth;offsety = window.pageYOffset;offsetx = window.pageXOffset;}



61 else {tailley document.body.clientHeight;taillex document.body.clientWidth;offsety = document.body.scrollTop;offsetx = document.body.scrollLeft;}




62 for (i=0;i<nbimg;i++){




63 if (isNS){




64 eval ('document.image'+i+'.top = coordy[i];');




65 eval ('document.image'+i+'.left = coordx[i];');




66 }




67 else{




68 eval ('document.all.image'+i+'.style.top = coordy[i];');




69 eval ('document.all.image'+i+'.style.left = coordx[i];');




70 }




71 temx[i]+=1




72 if (temx[i]>20) {




73 decx[i]=1-(Math.random()*2);




74 temx[i]=0;




75 }




76 coordx[i]+=decx[i];




77 coordy[i]+=vity[i];




78 maxi=tailley+offsety;




79 if (coordy[i]>maxi) {coordx[i]=80+(Math.random()*taillex-160);coordy[i]=-100;}




80 }




81 tempo = setTimeout("neige()", 50);




82 }




83




84 // end hiding --->




85 function init(){




86 neige();




87 Rebour();




88 }




89 </script>




90




91 </head>




92




93
"comptarebour">Chargement ...





94




95 "init();">




96 <script>InitNeige()</script>




97




98 </html>



<form action="?" method="post" enctype="multipart/form-data">



</form>
enlève les n° de lignes...

In a dream, I saw me, drop dead... U was there, U cried... It was just a dream, if I die, U won't cry, maybe, U'll be happy

Mon site (articles sur la programmation et programmes)
Messages postés
12303
Date d'inscription
mardi 10 février 2004
Statut
Modérateur
Dernière intervention
30 juillet 2012
38
Salut,

remplace



92



93
"comptarebour">Chargement ...




94



95 "init();">



96 <script>InitNeige()</script>



97



98 </html>





par


95 "init();">




96 <script>InitNeige()</script>


93
"comptarebour" style="font-size:xx-large;">Chargement ...


97

98 </html>




In a dream, I saw me, drop dead... U was there, U cried... It was just a dream, if I die, U won't cry, maybe, U'll be happy

Mon site (articles sur la programmation et programmes)
Messages postés
13616
Date d'inscription
jeudi 13 février 2003
Statut
Membre
Dernière intervention
15 octobre 2013
32
Bonjour,
window.onload=Rebour;
"détruit" le
Cordialement. Bul. ~ Site ~
Messages postés
6
Date d'inscription
lundi 18 août 2003
Statut
Membre
Dernière intervention
26 décembre 2005

Bonjour,

Pardon mais je n' ais pas compris exactement ce qu' il fallait faire est-ce que vous pouvez m' expliquer quel ligne je dois remplacer par quoi et ce que je dois supprimer s' il vous plaît.

Merci
Messages postés
6
Date d'inscription
lundi 18 août 2003
Statut
Membre
Dernière intervention
26 décembre 2005

Effectivement si je supprime window.onload=Rebour; la neige tombe mais le compte à rebours ne marche plus.
Pour faire plus simple pour moi est-ce que vous pouvez recopier le bon code sur un post.

Merci
Gollou
Messages postés
12303
Date d'inscription
mardi 10 février 2004
Statut
Modérateur
Dernière intervention
30 juillet 2012
38
Salut,

<script type="text/javascript">

function init(){

rebour();

neihr();

}

</script>






Mais ces deux codes sont relativement mal codés, et il se peut qu'il y
ai des bugs : deux variables de même noms... pour utiliser des
variables locales, il faut utiliser var mavariable=mavaleur;


In a dream, I saw me, drop dead... U was there, U cried... It was just a dream, if I die, U won't cry, maybe, U'll be happy

Mon site (articles sur la programmation et programmes)
Messages postés
6
Date d'inscription
lundi 18 août 2003
Statut
Membre
Dernière intervention
26 décembre 2005

Donc est-ce que vous pouvez me corriger mon code s' il vous plaît car mois j' en suis tout à fait incapacle

Merci
Messages postés
12303
Date d'inscription
mardi 10 février 2004
Statut
Modérateur
Dernière intervention
30 juillet 2012
38
Salut,

t'as juste les deux lignes que Bultez t'a montré à supprimer et ajouter mon code...

In a dream, I saw me, drop dead... U was there, U cried... It was just a dream, if I die, U won't cry, maybe, U'll be happy

Mon site (articles sur la programmation et programmes)
Messages postés
6
Date d'inscription
lundi 18 août 2003
Statut
Membre
Dernière intervention
26 décembre 2005

Bonjour,

Alors j' ai fait :

1:supprimer : window.onload=Rebour; [dès que j' essaie avec ça le compte à rebours ne marche plus (chargement...) mais la neige fonctionne]
2:supprimer : [en faisant àa le compte à rebours ne fonctionne toujours pas et en plus la neige ne tombe plus]
3: ajouter :

<script type="text/javascript">
function init(){
rebour();
neihr();
}
</script>

[j' ai mis la première partie dans <head> et la 2 ème dans ]

Resultat : Ca ne marche pas : pas de compteur ni de neige Com:à la place de oncload j' ai mis onload.

Script final qui ne marche toujours pas :

<html>


<head>


<!-- DEBUT DU SCRIPT -->
<SCRIPT LANGUAGE="JavaScript">
/*
SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com
*/
function Rebour()
{
if (document.getElementById)
{
Maintenant = new Date;
TempMaintenant = Maintenant.getTime();
Future = new Date(2006, 0, 01);
TempFuture = Future.getTime();
DinaHeure = Math.floor((TempFuture-TempMaintenant)/1000);
DinaHeure = "" + DinaHeure;
if (DinaHeure <= 0)
DinaHeure = "0";
document.getElementById("comptarebour").innerHTML=DinaHeure;
}
temporebour = setTimeout("Rebour()", 1000)
}
</SCRIPT>
<!-- FIN DU SCRIPT -->


<SCRIPT LANGUAGE="javascript">
<!--- hide script from old browsers var isNS (navigator.appName "Netscape" &&


parseInt(navigator.appVersion) >= 4);
var nbimg = 18;
var typeimg;
var coordx=new Array(nbimg);
var coordy=new Array(nbimg);
var vity=new Array(nbimg);
var temx=new Array(nbimg);
var decx=new Array(nbimg);
var img=1;
var date=new Date();
var jour=date.getDate();
var mois=date.getMonth()+1;


if (((mois==12) && (jour>=21)) || ((mois==3) && (jour<21)) || (mois<3))


{typeimg="flocon";}
if (((mois==3) && (jour>=20)) || ((mois==6) && (jour<20)) || ((mois>3) &&


(mois<6))) {typeimg="fleur";}
if (((mois==6) && (jour>=21)) || ((mois==9) && (jour<21)) || ((mois>6) &&


(mois<9))) {typeimg="soleil";}
if (((mois==9) && (jour>=22)) || ((mois==12) && (jour<22)) || ((mois>9) &&


(mois<12))) {typeimg="feuille";}


function InitNeige() {
if (isNS) { tailley window.innerHeight;taillex window.innerWidth;offsety =


window.pageYOffset;offsetx = window.pageXOffset;
var vara="LAYER NAME";
var varb="/LAYER";var styl="";
}
else { tailley document.body.clientHeight;taillex


document.body.clientWidth;offsety document.body.scrollTop;offsetx


document.body.scrollLeft;
var vara="DIV ID";
var varb="/DIV";
var


styl='style="position:absolute;left:0px;top:0px;width:1px;height:1px;visibil


ity:visible;"';}
for (i=0;i<nbimg;i++){
chaine='<'+vara+'="image'+i+'" '+styl+'><'+varb+'>';
document.write(chaine);
coordx[i]=80+(Math.random()*taillex-160);coordy[i]=i*(tailley/(nbimg-1));
vity[i]=img; temx[i]=(Math.random()*19);decx[i]=0;
img+=1;if (img>3){img=1};
}
}


function neige() { if (isNS) {tailley window.innerHeight;taillex window.innerWidth;offsety


window.pageYOffset;offsetx window.pageXOffset;} else {tailley document.body.clientHeight;taillex


document.body.clientWidth;offsety document.body.scrollTop;offsetx


document.body.scrollLeft;}
for (i=0;i<nbimg;i++){
if (isNS){
eval ('document.image'+i+'.top = coordy[i];');
eval ('document.image'+i+'.left = coordx[i];');
}
else{
eval ('document.all.image'+i+'.style.top = coordy[i];');
eval ('document.all.image'+i+'.style.left = coordx[i];');
}
temx[i]+=1
if (temx[i]>20) {
decx[i]=1-(Math.random()*2);
temx[i]=0;
}
coordx[i]+=decx[i];
coordy[i]+=vity[i];
maxi=tailley+offsety;
if (coordy[i]>maxi)


{coordx[i]=80+(Math.random()*taillex-160);coordy[i]=-100;}
}
tempo = setTimeout("neige()", 50);
}


// end hiding --->
</script>


<script type="text/javascript">
function init(){
rebour();
neihr();
}
</script>


</head>




<!-- DEBUT DU SCRIPT -->
<!--
SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com
-->

Chargement ...


<!-- FIN DU SCRIPT -->



<script>InitNeige()</script>


</html>

Merci comme même je suis sur que vous allrez trouver.

gollou
Messages postés
12303
Date d'inscription
mardi 10 février 2004
Statut
Modérateur
Dernière intervention
30 juillet 2012
38
Salut,
<html>

<head>

<script type="text/javascript">

function Rebour()

{

if (document.getElementById)

{

Maintenant = new Date;

TempMaintenant = Maintenant.getTime();

Future = new Date(2006, 0, 01);

TempFuture = Future.getTime();

DinaHeure = Math.floor((TempFuture-TempMaintenant)/1000);

DinaHeure = "" + DinaHeure;

if (DinaHeure <= 0)

DinaHeure = "0";

document.getElementById("comptarebour").innerHTML= DinaHeure;

}

temporebour = setTimeout("Rebour()", 1000)

}

var isNS (navigator.appName "Netscape" &&

parseInt(navigator.appVersion) >= 4);

var nbimg = 18;

var typeimg;

var coordx=new Array(nbimg);

var coordy=new Array(nbimg);

var vity=new Array(nbimg);
var temx=new Array(nbimg);
var decx=new Array(nbimg);
var img=1;
var date=new Date();
var jour=date.getDate();
var mois=date.getMonth()+1;



if (((mois==12) && (jour>=21)) || ((mois==3) && (jour<21)) || (mois<3))



typeimg="flocon";
if (((mois==3) && (jour>=20)) || ((mois==6) && (jour<20)) || ((mois>3) &&



(mois<6))) typeimg="fleur";
if (((mois==6) && (jour>=21)) || ((mois==9) && (jour<21)) || ((mois>6) &&



(mois<9))) typeimg="soleil";
if (((mois==9) && (jour>=22)) || ((mois==12) && (jour<22)) || ((mois>9) &&



(mois<12))) typeimg="feuille";



function InitNeige() {
if (isNS) { tailley window.innerHeight;taillex window.innerWidth;offsety =



window.pageYOffset;offsetx = window.pageXOffset;
var vara="LAYER NAME";
var varb="/LAYER";var styl="";
}
else { tailley document.body.clientHeight;taillex



document.body.clientWidth;offsety document.body.scrollTop;offsetx



document.body.scrollLeft;
var vara="DIV ID";
var varb="/DIV";
var



styl='style="position:absolute;left:0px;top:0px;width:1px;height:1px;visibil



ity:visible;"';}
for (i=0;i<nbimg;i++){
chaine='<'+vara+'="image'+i+'" '+styl+'><'+varb+'>';
document.write(chaine);
coordx[i]=80+(Math.random()*taillex-160);coordy[i]=i*(tailley/(nbimg-1));
vity[i]=img; temx[i]=(Math.random()*19);decx[i]=0;
img+=1;if (img>3){img=1};
}
}



function neige() { if (isNS) {tailley window.innerHeight;taillex window.innerWidth;offsety



window.pageYOffset;offsetx window.pageXOffset;} else {tailley document.body.clientHeight;taillex



document.body.clientWidth;offsety document.body.scrollTop;offsetx



document.body.scrollLeft;}
for (i=0;i<nbimg;i++){
if (isNS){
eval ('document.image'+i+'.top = coordy[i];');
eval ('document.image'+i+'.left = coordx[i];');
}
else{
eval ('document.all.image'+i+'.style.top = coordy[i];');
eval ('document.all.image'+i+'.style.left = coordx[i];');
}
temx[i]+=1
if (temx[i]>20) {
decx[i]=1-(Math.random()*2);
temx[i]=0;
}
coordx[i]+=decx[i];
coordy[i]+=vity[i];
maxi=tailley+offsety;
if (coordy[i]>maxi)



{coordx[i]=80+(Math.random()*taillex-160);coordy[i]=-100;}
}
tempo = setTimeout("neige()", 50);
}




function init(){
rebour();
neihr();
}
</script>

</head>




Chargement ...


</html>





tu sais coder en html ??? pas deux body dans une page ! et tu ne fermes pas une balise script pour l'ouvrir tt de suite !!!


In a dream, I saw me, drop dead... U was there, U cried... It was just a dream, if I die, U won't cry, maybe, U'll be happy

Mon site (articles sur la programmation et programmes)
Messages postés
6
Date d'inscription
lundi 18 août 2003
Statut
Membre
Dernière intervention
26 décembre 2005

Bonjour,

Non je ne sais pas coder en html c' est pour ça que je vous demande de m' aider et ça ne marche toujours pas, malheureusement.

Merci
mon adresse msn ça sera peut êtr plus pratique:gollou@libertysurf.fr
Messages postés
6
Date d'inscription
lundi 18 août 2003
Statut
Membre
Dernière intervention
26 décembre 2005

Merci TU AS reussi je t' en suis très reconaissant car CA MARCHE c' est vraiment très très gentil de ta part.

MERCI BEAUCOUP BEAUCOUP BEAUCOUP

gollou
Messages postés
12303
Date d'inscription
mardi 10 février 2004
Statut
Modérateur
Dernière intervention
30 juillet 2012
38
fais réponse accèptée stp!
In a dream, I saw me, drop dead... U was there, U cried... It was just a dream, if I die, U won't cry, maybe, U'll be happy

Mon site (articles sur la programmation et programmes)
Messages postés
2
Date d'inscription
lundi 26 décembre 2005
Statut
Membre
Dernière intervention
27 décembre 2005

Merci beaucoup, j' ai juste une dernière question coucou747 j' aimerais agrandir mon compteur car il est vraiment petit alors j' ai tout essayez avec les les <h6> mais je n' y arruve pas. J' ai lu sur un autre forum ce qu' il fallait mettre mais comme tu (vous) l' as compris je ne comprends rien à l' htlm :
http://forum.hardware.fr/hardwarefr/Programmation/probleme-pour-agrandir-taille-DIV-sujet-78647-1.htm
Est-ce que que tu pourrais m' expliquer comment le faire ou le faire.

Merci encore beaucoup à toi Coucou747

Gollou

PS: je doit mettre réponse acceptée sur lesquels ?