Salut!

J'aimerais ajouter un compte à rebours avant le prochain gran prix de F1 sur mon forum.
Pour ça, j'ai demandé à un administrateur d'un site que je connais s'il pouvait me passer les codes de ce compte à rebours (car il a lui même installé un compte à rebours sur son site)

Voici son message

Salut,

C'est un script en Java qui permet de le faire. Le voici (à insérer dans le head):

Code:

Code:

<script>
// la date à partir de laquelle on compte
var cible = new Date("March 16, 2008 04:00:00");

// nombre de millisecondes par jour, heure, minute et seconde
var mms_jour = 24 * 60 * 60 * 1000;
var mms_heure = 60 * 60 * 1000;
var mms_minute = 60 * 1000;
var mms_seconde = 1000;

function decompte() {

// la date courante
var aujourdhui = new Date();

// on crée les variables qui accueilleront les différences entre aujourd'hui et la date à atteindre
var change_j = -1;
var change_h = -1;
var change_m = -1;

// le total de millisecondes de différences
var diff_mms = cible.getTime() - aujourdhui.getTime();

// pareil pour les jours
diff_jours = Math.floor(diff_mms / mms_jour);
diff_mms -= diff_jours * mms_jour;

// pour les heures
diff_heures = Math.floor(diff_mms / mms_heure);
diff_mms -= diff_heures * mms_heure;

// les... minutes, bravo ;-)
diff_minutes = Math.floor(diff_mms / mms_minute);
diff_mms -= diff_minutes * mms_minute;

// les secondes, ce qui reste en fait.
var diff_secondes = Math.floor(diff_mms / mms_seconde);


// on affecte nos résultats aux champs du formulaire
document.getElementById("jours").innerHTML = diff_jours;
document.getElementById("heures").innerHTML  = diff_heures;
document.getElementById("minutes").innerHTML  = diff_minutes;
document.getElementById("secondes").innerHTML = diff_secondes;

// on relance la fonction pour actualiser à la seconde
setTimeout("decompte()",1000);
}
</script>

Et il faut écrire ceci dans le body:

Code:

Code:

GP d'Australie:
<span id="jours">0</span> J
<span id="heures">0</span> H
<span id="minutes">0</span> M
<span id="secondes">0</span> S

J'ai donc copié ces codes dans le panneau d'administration, à l'endroit du message d'accueil. Le compteur s'est bien installé mais il indique "0jours, 0 heures, 0 minutes, 0 secondes"...

Si vous pouviez m'aider...

Voici l'adresse de mon forum http://webring-total-f1.fr-bb.com j'ai laissé le compte à rebours pour que vous voyiez...


Merci!

Salut,

voici une quote de Proftnj qui pourra peut être t'aider :

proftnj a écrit:Pour le compteur, j'ai déjà utilisé ce script sur une page html :

Code:

<script language="JavaScript1.2">
function setcountup(theyear,themonth,theday){
yr=theyear;mo=themonth;da=theday
}
//Configure the date to count up from, in the format year, month, day:
setcountup(2003,9,1)
//Configure text to be attached to count up
var displaymessage=" depuis la mise en ligne de ce site !"
//Configure the below 5 variables to set the width, height, background color, and text style of the countup area
var countupwidth=''
var countupheight='' //applicable only in NS4
var countupbgcolor=''
var opentags='<font face="Arial" color="#FF6600"><medium><b>'
var closetags='</b></medium></font>'
//////////DO NOT EDIT PASS THIS LINE//////////////////
var montharray=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec")
var crosscount=''
function start_countup(){
if (document.layers)
document.countupnsmain.visibility="show"
else if (document.all||document.getElementById)
crosscount=document.getElementById&&!document.all?document.getElementById("countupie") : countupie
countup()
}
if (document.all||document.getElementById)
document.write('<span id="countupie" style="width:'+countupwidth+'; background-color:'+countupbgcolor+'"></span>')
window.onload=start_countup
function countup(){
var today=new Date()
var todayy=today.getYear()
if (todayy < 1000)
todayy+=1900
var todaym=today.getMonth()
var todayd=today.getDate()
var todayh=today.getHours()
var todaymin=today.getMinutes()
var todaysec=today.getSeconds()
var todaystring=montharray[todaym]+" "+todayd+", "+todayy+" "+todayh+":"+todaymin+":"+todaysec
paststring=montharray[mo-1]+" "+da+", "+yr
dd=Date.parse(todaystring)-Date.parse(paststring)
dday=Math.floor(dd/(60*60*1000*24)*1)
dhour=Math.floor((dd%(60*60*1000*24))/(60*60*1000)*1)
dmin=Math.floor(((dd%(60*60*1000*24))%(60*60*1000))/(60*1000)*1)
dsec=Math.floor((((dd%(60*60*1000*24))%(60*60*1000))%(60*1000))/1000*1)

if (document.layers){
document.countupnsmain.document.countupnssub.document.write(opentags+dday+ "|"+dhour+"|"+dmin+"|"+dsec+"|"+displaymessage+closetags)
document.countupnsmain.document.countupnssub.document.close()
}
else if (document.all||document.getElementById)
crosscount.innerHTML=opentags+dday+ " j "+dhour+" h "+dmin+" min "+dsec+" s "+displaymessage+closetags

setTimeout("countup()",1000)
}
</script>

Tous les commentaires, les morceaux de code précédés par // devraient être supprimés pour éviter les problèms éventuels.
Ce qui donne:

Code:

<script language="JavaScript1.2">
function setcountup(theyear,themonth,theday){
yr=theyear;mo=themonth;da=theday
}
setcountup(2003,9,1)
var displaymessage=" depuis la mise en ligne de ce site !"
var countupwidth=''
var countupheight=''
var countupbgcolor=''
var opentags='<font face="Arial" color="#FF6600"><medium><b>'
var closetags='</b></medium></font>'
var montharray=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec")
var crosscount=''
function start_countup(){
if (document.layers)
document.countupnsmain.visibility="show"
else if (document.all||document.getElementById)
crosscount=document.getElementById&&!document.all?document.getElementById("countupie") : countupie
countup()
}
if (document.all||document.getElementById)
document.write('<span id="countupie" style="width:'+countupwidth+'; background-color:'+countupbgcolor+'"></span>')
window.onload=start_countup
function countup(){
var today=new Date()
var todayy=today.getYear()
if (todayy < 1000)
todayy+=1900
var todaym=today.getMonth()
var todayd=today.getDate()
var todayh=today.getHours()
var todaymin=today.getMinutes()
var todaysec=today.getSeconds()
var todaystring=montharray[todaym]+" "+todayd+", "+todayy+" "+todayh+":"+todaymin+":"+todaysec
paststring=montharray[mo-1]+" "+da+", "+yr
dd=Date.parse(todaystring)-Date.parse(paststring)
dday=Math.floor(dd/(60*60*1000*24)*1)
dhour=Math.floor((dd%(60*60*1000*24))/(60*60*1000)*1)
dmin=Math.floor(((dd%(60*60*1000*24))%(60*60*1000))/(60*1000)*1)
dsec=Math.floor((((dd%(60*60*1000*24))%(60*60*1000))%(60*1000))/1000*1)

if (document.layers){
document.countupnsmain.document.countupnssub.document.write(opentags+dday+ "|"+dhour+"|"+dmin+"|"+dsec+"|"+displaymessage+closetags)
document.countupnsmain.document.countupnssub.document.close()
}
else if (document.all||document.getElementById)
crosscount.innerHTML=opentags+dday+ " j "+dhour+" h "+dmin+" min "+dsec+" s "+displaymessage+closetags

setTimeout("countup()",1000)
}
</script>

Il faut modifier
setcountup(2003,9,1)
pour y inscrire la date qui convient : année, mois, jour.

On peut changer la couleur des caractères, la couleur d'arrière-plan, etc.

Merci!

Mais est-ce que ce serait possible de préciser l'heure aussi car la ce n'est pas très précis.....

Voici un autre javascript fourni par dynamicdrive.com :

Code:

<script language="JavaScript1.2">

/*
Dynamic countdown Script- © Dynamic Drive (www.dynamicdrive.com)
For full source code, 100's more DHTML scripts, and TOS,
visit http://www.dynamicdrive.com
*/


function setcountdown(theyear,themonth,theday){
yr=theyear;mo=themonth;da=theday
}

//////////CONFIGURE THE COUNTDOWN SCRIPT HERE//////////////////

//STEP 1: Configure the countdown-to date, in the format year, month, day:
setcountdown(2007,12,25)

//STEP 2: Change the two text below to reflect the occasion, and message to display on that occasion, respectively
var occasion="Noël !"
var message_on_occasion="Joyeux Noël !"

//STEP 3: Configure the below 5 variables to set the width, height, background color, and text style of the countdown area
var countdownwidth='480px'
var countdownheight=''
var countdownbgcolor=''
var opentags='<font face="Verdana" size="2" color="#007000"><b>'
var closetags='</b></font>'

//////////DO NOT EDIT PASS THIS LINE//////////////////

var montharray=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec")
var crosscount=''

function start_countdown(){
if (document.layers)
document.countdownnsmain.visibility="show"
else if (document.all||document.getElementById)
crosscount=document.getElementById&&!document.all?document.getElementById("countdownie") : countdownie
countdown()
}

if (document.all||document.getElementById)
document.write('<span id="countdownie" style="width:'+countdownwidth+'; background-color:'+countdownbgcolor+'"></span>')

window.onload=start_countdown


function countdown(){
var today=new Date()
var todayy=today.getYear()
if (todayy < 1000)
todayy+=1900
var todaym=today.getMonth()
var todayd=today.getDate()
var todayh=today.getHours()
var todaymin=today.getMinutes()
var todaysec=today.getSeconds()
var todaystring=montharray[todaym]+" "+todayd+", "+todayy+" "+todayh+":"+todaymin+":"+todaysec
futurestring=montharray[mo-1]+" "+da+", "+yr
dd=Date.parse(futurestring)-Date.parse(todaystring)
dday=Math.floor(dd/(60*60*1000*24)*1)
dhour=Math.floor((dd%(60*60*1000*24))/(60*60*1000)*1)
dmin=Math.floor(((dd%(60*60*1000*24))%(60*60*1000))/(60*1000)*1)
dsec=Math.floor((((dd%(60*60*1000*24))%(60*60*1000))%(60*1000))/1000*1)
//if on day of occasion
if(dday<=0&&dhour<=0&&dmin<=0&&dsec<=1&&todayd==da){
if (document.layers){
document.countdownnsmain.document.countdownnssub.document.write(opentags+message_on_occasion+closetags)
document.countdownnsmain.document.countdownnssub.document.close()
}
else if (document.all||document.getElementById)
crosscount.innerHTML=opentags+message_on_occasion+closetags
return
}
//if passed day of occasion
else if (dday<=-1){
if (document.layers){
document.countdownnsmain.document.countdownnssub.document.write(opentags+"Vous avez raté le rendez-vous ! "+closetags)
document.countdownnsmain.document.countdownnssub.document.close()
}
else if (document.all||document.getElementById)
crosscount.innerHTML=opentags+"Vous avez raté le rendez-vous ! "+closetags
return
}
//else, if not yet
else{
if (document.layers){
document.countdownnsmain.document.countdownnssub.document.write(opentags+dday+ " jours, "+dhour+" heures, "+dmin+" minutes, et "+dsec+" secondes avant "+occasion+closetags)
document.countdownnsmain.document.countdownnssub.document.close()
}
else if (document.all||document.getElementById)
crosscount.innerHTML=opentags+dday+ " jours, "+dhour+" heures, "+dmin+" minutes, et "+dsec+" secondes avant  "+occasion+closetags
}
setTimeout("countdown()",1000)
}
</script>

Il est ici paramétré pour Noël 2007 :
setcountdown(2007,12,25)
Avec le texte qui va avec :
var occasion="Noël !"
var message_on_occasion="Joyeux Noël !"
document.countdownnsmain.document.countdownnssub.document.write(opentags+"Vous avez raté le rendez-vous ! "+closetags)
crosscount.innerHTML=opentags+"Vous avez raté le rendez-vous ! "+closetags

Ce javascript sans les commentaires :

Code:

<script language="JavaScript1.2">
function setcountdown(theyear,themonth,theday){
yr=theyear;mo=themonth;da=theday
}
setcountdown(2007,12,25)
var occasion="Noël !"
var message_on_occasion="Joyeux Noël !"
var countdownwidth='480px'
var countdownheight=''
var countdownbgcolor=''
var opentags='<font face="Verdana" size="2" color="#007000"><b>'
var closetags='</b></font>'
var montharray=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec")
var crosscount=''

function start_countdown(){
if (document.layers)
document.countdownnsmain.visibility="show"
else if (document.all||document.getElementById)
crosscount=document.getElementById&&!document.all?document.getElementById("countdownie") : countdownie
countdown()
}
if (document.all||document.getElementById)
document.write('<span id="countdownie" style="width:'+countdownwidth+'; background-color:'+countdownbgcolor+'"></span>')
window.onload=start_countdown

function countdown(){
var today=new Date()
var todayy=today.getYear()
if (todayy < 1000)
todayy+=1900
var todaym=today.getMonth()
var todayd=today.getDate()
var todayh=today.getHours()
var todaymin=today.getMinutes()
var todaysec=today.getSeconds()
var todaystring=montharray[todaym]+" "+todayd+", "+todayy+" "+todayh+":"+todaymin+":"+todaysec
futurestring=montharray[mo-1]+" "+da+", "+yr
dd=Date.parse(futurestring)-Date.parse(todaystring)
dday=Math.floor(dd/(60*60*1000*24)*1)
dhour=Math.floor((dd%(60*60*1000*24))/(60*60*1000)*1)
dmin=Math.floor(((dd%(60*60*1000*24))%(60*60*1000))/(60*1000)*1)
dsec=Math.floor((((dd%(60*60*1000*24))%(60*60*1000))%(60*1000))/1000*1)
if(dday<=0&&dhour<=0&&dmin<=0&&dsec<=1&&todayd==da){
if (document.layers){
document.countdownnsmain.document.countdownnssub.document.write(opentags+message_on_occasion+closetags)
document.countdownnsmain.document.countdownnssub.document.close()
}
else if (document.all||document.getElementById)
crosscount.innerHTML=opentags+message_on_occasion+closetags
return
}
else if (dday<=-1){
if (document.layers){
document.countdownnsmain.document.countdownnssub.document.write(opentags+"Vous avez raté le rendez-vous ! "+closetags)
document.countdownnsmain.document.countdownnssub.document.close()
}
else if (document.all||document.getElementById)
crosscount.innerHTML=opentags+"Vous avez raté le rendez-vous ! "+closetags
return
}
else{
if (document.layers){
document.countdownnsmain.document.countdownnssub.document.write(opentags+dday+ " jours, "+dhour+" heures, "+dmin+" minutes, et "+dsec+" secondes avant "+occasion+closetags)
document.countdownnsmain.document.countdownnssub.document.close()
}
else if (document.all||document.getElementById)
crosscount.innerHTML=opentags+dday+ " jours, "+dhour+" heures, "+dmin+" minutes, et "+dsec+" secondes avant  "+occasion+closetags
}
setTimeout("countdown()",1000)
}
</script>

NB:

Il y a une ligne en plus dans le code qui doit servir à quelque chose :

Code:

<ilayer id="countdownnsmain" width="&{countdownwidth};" height="&{countdownheight};" bgColor="&{countdownbgcolor};" visibility="hide"><layer id="countdownnssub" width="&{countdownwidth};" height="&{countdownheight};" left="0" top="0"></layer></ilayer></div>

Mais le script semble fonctionner sans et je ne sais pas pourquoi

Tikimi a écrit:Merci!Mais est-ce que ce serait possible de préciser l'heure aussi car la ce n'est pas très précis.....

Je n'ai pas trouvé

Bah ce n'est pas grave...

Merci quand même et je continue à chercher de mon côté... si vous trouvez un script ou on peut préciesr l'heure, faites moi signe


En tout cas merci à vous!

Juste pour dire que c'est bon j'ai trouvé un bon script alors c'est inutile de continuer à m'aider!

MERCI BEAUCOUP à vous deux!

Tikimi a écrit: j'ai trouvé un bon script alors ...

Alors... on peut le voir ?
Cela pourrait être utile à d'autres visiteurs de ce forum.

Bonsoir a tous

Voici mon probleme : je n'arrive pas à utliser deux script en meme temps

J'utilise le script que vous avaient donner pour mettre le decompte et j'utilise celui la (<script src="http://pmsc.free.fr/J/071120191836.js"></script>) pour faire tomber de la neige sur la 1ere page de mon forum

Dites moi je que je dois faire!!!!

Merci d'avance

michtrax a écrit:Bonsoir a tous

Voici mon probleme : je n'arrive pas à utliser deux script en meme temps

J'utilise le script que vous avaient donner pour mettre le decompte et j'utilise celui la (<script src="http://pmsc.free.fr/J/071120191836.js"></script>) pour faire tomber de la neige sur la 1ere page de mon forum

Dites moi je que je dois faire!!!!

Merci d'avance

- soit enlever le script de la neige
- soit en trouver un autre qui n'entre pas en conflit avec le script du compte à rebours



Voici un autre script de neige SANS image :

Code:


<script type ="text/javascript">
//Snow - http://www.btinternet.com/~kurt.grigg/javascript

if  ((document.getElementById) &&
window.addEventListener || window.attachEvent){

(function(){

//Configure here.

var num = 30;  //Number of flakes
var timer = 30; //setTimeout speed. Varies on different comps
var enableinNS6 = 1 //Enable script in NS6/Mozilla? Snow animation could be slow in those browsers. (1=yes, 0=no).

//End.

var y = [];
var x = [];
var fall = [];
var theFlakes = [];
var sfs = [];
var step = [];
var currStep = [];
var h,w,r;
var d = document;
var pix = "px";
var domWw = (typeof window.innerWidth == "number");
var domSy = (typeof window.pageYOffset == "number");
var idx = d.getElementsByTagName('div').length;

if (d.documentElement.style &&
typeof d.documentElement.style.MozOpacity == "string")
num = 12;

for (i = 0; i < num; i++){
sfs[i] = Math.round(1 + Math.random() * 1);

document.write('<div id="flake'+(idx+i)+'" style="position:absolute;top:0px;left:0px;width:'
+sfs[i]+'px;height:'+sfs[i]+'px;background-color:#ffffff;font-size:'+sfs[i]+'px"><\/div>');

currStep[i] = 0;
fall[i] = (sfs[i] == 1)?
Math.round(2 + Math.random() * 2): Math.round(3 + Math.random() * 2);
step[i] = (sfs[i] == 1)?
0.05 + Math.random() * 0.1 : 0.05 + Math.random() * 0.05 ;
}


if (domWw) r = window;
else{
  if (d.documentElement &&
  typeof d.documentElement.clientWidth == "number" &&
  d.documentElement.clientWidth != 0)
  r = d.documentElement;
 else{
  if (d.body &&
  typeof d.body.clientWidth == "number")
  r = d.body;
 }
}


function winsize(){
var oh,sy,ow,sx,rh,rw;
if (domWw){
  if (d.documentElement && d.defaultView &&
  typeof d.defaultView.scrollMaxY == "number"){
  oh = d.documentElement.offsetHeight;
  sy = d.defaultView.scrollMaxY;
  ow = d.documentElement.offsetWidth;
  sx = d.defaultView.scrollMaxX;
  rh = oh-sy;
  rw = ow-sx;
 }
 else{
  rh = r.innerHeight;
  rw = r.innerWidth;
 }
h = rh - 2; 
w = rw - 2;
}
else{
h = r.clientHeight - 2;
w = r.clientWidth - 2;
}
}


function scrl(yx){
var y,x;
if (domSy){
 y = r.pageYOffset;
 x = r.pageXOffset;
 }
else{
 y = r.scrollTop;
 x = r.scrollLeft;
 }
return (yx == 0)?y:x;
}


function snow(){
var dy,dx;

for (i = 0; i < num; i++){
 dy = fall[i];
 dx = fall[i] * Math.cos(currStep[i]);

 y[i]+=dy;
 x[i]+=dx;

 if (x[i] >= w || y[i] >= h){
  y[i] = -10;
  x[i] = Math.round(Math.random() * w);
  fall[i] = (sfs[i] == 1)?
  Math.round(2 + Math.random() * 2): Math.round(3 + Math.random() * 2);
  step[i] = (sfs[i] == 1)?
  0.05 + Math.random() * 0.1 : 0.05 + Math.random() * 0.05 ;
 }
 
 theFlakes[i].top = y[i] + scrl(0) + pix;
 theFlakes[i].left = x[i] + scrl(1) + pix;

 currStep[i]+=step[i];
}
setTimeout(snow,timer);
}


function init(){
winsize();
for (i = 0; i < num; i++){
 theFlakes[i] = document.getElementById("flake"+(idx+i)).style;
 y[i] = Math.round(Math.random()*h);
 x[i] = Math.round(Math.random()*w);
}
snow();
}


if (window.addEventListener){
 window.addEventListener("resize",winsize,false);
 window.addEventListener("load",init,false);
} 
else if (window.attachEvent){
 window.attachEvent("onresize",winsize);
 window.attachEvent("onload",init);
}

})();
}//End.
</script>

Essaie !

Résultats différents selon le navigateur.

La neige n'est pas belle du tout sur celui là

Tu as pas le meme style de neige que moi s'il te plait?????

Voici un autre script avec de gros flocons :

Code:

<script type="text/javascript">

/******************************************
* Snow Effect Script- By Altan d.o.o. (http://www.altan.hr/snow/index.html)
* Visit Dynamic Drive DHTML code library (http://www.dynamicdrive.com/) for full source code
* Last updated Nov 9th, 05' by DD. This notice must stay intact for use
******************************************/
 
  //Configure below to change URL path to the snow image
  var snowsrc="http://www.dynamicdrive.com/dynamicindex3/snow3.gif"
  // Configure below to change number of snow to render
  var no = 10;
  // Configure whether snow should disappear after x seconds (0=never):
  var hidesnowtime = 0;
  // Configure how much snow should drop down before fading ("windowheight" or "pageheight")
  var snowdistance = "pageheight";

///////////Stop Config//////////////////////////////////

  var ie4up = (document.all) ? 1 : 0;
  var ns6up = (document.getElementById&&!document.all) ? 1 : 0;

   function iecompattest(){
   return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
   }

  var dx, xp, yp;    // coordinate and position variables
  var am, stx, sty;  // amplitude and step variables
  var i, doc_width = 1024, doc_height = 768;
 
  if (ns6up) {
    doc_width = self.innerWidth;
    doc_height = self.innerHeight;
  } else if (ie4up) {
    doc_width = iecompattest().clientWidth;
    doc_height = iecompattest().clientHeight;
  }

  dx = new Array();
  xp = new Array();
  yp = new Array();
  am = new Array();
  stx = new Array();
  sty = new Array();
  snowsrc=(snowsrc.indexOf("dynamicdrive.com")!=-1)? "http://www.dynamicdrive.com/dynamicindex3/snow3.gif" : snowsrc
  for (i = 0; i < no; ++ i) { 
    dx[i] = 0;                        // set coordinate variables
    xp[i] = Math.random()*(doc_width-50);  // set position variables
    yp[i] = Math.random()*doc_height;
    am[i] = Math.random()*20;        // set amplitude variables
    stx[i] = 0.02 + Math.random()/10; // set step variables
    sty[i] = 0.7 + Math.random();    // set step variables
      if (ie4up||ns6up) {
      if (i == 0) {
        document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><a href=\"http://dynamicdrive.com\"><img src='"+snowsrc+"' border=\"0\"><\/a><\/div>");
      } else {
        document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+snowsrc+"' border=\"0\"><\/div>");
      }
    }
  }

  function snowIE_NS6() {  // IE and NS6 main animation function
    doc_width = ns6up?window.innerWidth-10 : iecompattest().clientWidth-10;
      doc_height=(window.innerHeight && snowdistance=="windowheight")? window.innerHeight : (ie4up && snowdistance=="windowheight")?  iecompattest().clientHeight : (ie4up && !window.opera && snowdistance=="pageheight")? iecompattest().scrollHeight : iecompattest().offsetHeight;
    for (i = 0; i < no; ++ i) {  // iterate for every dot
      yp[i] += sty[i];
      if (yp[i] > doc_height-50) {
        xp[i] = Math.random()*(doc_width-am[i]-30);
        yp[i] = 0;
        stx[i] = 0.02 + Math.random()/10;
        sty[i] = 0.7 + Math.random();
      }
      dx[i] += stx[i];
      document.getElementById("dot"+i).style.top=yp[i]+"px";
      document.getElementById("dot"+i).style.left=xp[i] + am[i]*Math.sin(dx[i])+"px"; 
    }
    snowtimer=setTimeout("snowIE_NS6()", 10);
  }

   function hidesnow(){
      if (window.snowtimer) clearTimeout(snowtimer)
      for (i=0; i<no; i++) document.getElementById("dot"+i).style.visibility="hidden"
   }
      

if (ie4up||ns6up){
    snowIE_NS6();
      if (hidesnowtime>0)
      setTimeout("hidesnow()", hidesnowtime*1000)
      }

</script>

Ne pas oublier d'héberger une de ces 2 images :

ou - éventuellement cliquer sur "afficher l'image" car c'est un "hotlink" (lien non autorisé) sur cette page, puis
"enregistrer sous..." et enfin héberger l'image chez ton hébergeur habituel.

Donc, remplacer (à 2 endroits dans ce code) http://www.dynamicdrive.com/dynamicindex3/snow3.gif par
http://tonhebergeur/snow3.gif

Source :
http://www.dynamicdrive.com/dynamicindex3/snow.htm

Alors voci le code utilisé pour son compte-à-rebours ...

Code:

<script language="JavaScript" type="text/javascript">
// la date à partir de laquelle on compte
var cible = new Date("March 16, 2008 04:00:00");

// nombre de millisecondes par jour, heure, minute et seconde
var mms_jour = 24 * 60 * 60 * 1000;
var mms_heure = 60 * 60 * 1000;
var mms_minute = 60 * 1000;
var mms_seconde = 1000;

function decompte() {

// la date courante
var aujourdhui = new Date();

// on crée les variables qui accueilleront les différences entre aujourd'hui et la date à atteindre
var change_j = -1;
var change_h = -1;
var change_m = -1;

// le total de millisecondes de différences
var diff_mms = cible.getTime() - aujourdhui.getTime();

// pareil pour les jours
diff_jours = Math.floor(diff_mms / mms_jour);
diff_mms -= diff_jours * mms_jour;

// pour les heures
diff_heures = Math.floor(diff_mms / mms_heure);
diff_mms -= diff_heures * mms_heure;

// les... minutes, bravo ;-)
diff_minutes = Math.floor(diff_mms / mms_minute);
diff_mms -= diff_minutes * mms_minute;

// les secondes, ce qui reste en fait.
var diff_secondes = Math.floor(diff_mms / mms_seconde);


// on affecte nos résultats aux champs du formulaire
document.getElementById("jours").innerHTML = diff_jours;
document.getElementById("heures").innerHTML  = diff_heures;
document.getElementById("minutes").innerHTML  = diff_minutes;
document.getElementById("secondes").innerHTML = diff_secondes;

// on relance la fonction pour actualiser à la seconde
setTimeout("decompte()",1000);
}</script>

Pour les personnes à qui ça interesse ! A bientot.

Je viens de tester ce script : je ne vois rien !
Ne manque-t-il pas quelque chose comme document.write ?
Ou un body onload="get..."


Voici un code "à la seconde" que je viens de vérifier pour IE et Firefox :

Code:


<span id="zone">
<SCRIPT type="text/javascript">
////////// CONFIGURER LE COMPTE A REBOURS ICI //////////////////
var mois = '12';      //  '*' pour le mois suivant, '0' pour ce mois-ci ou 1 à 12 pour le mois
var jour = '25';      //  Jour du mois
var heure = 0;        //  0 à 23 pour l'heure
var zonehoraire = +1; //  Ajuster l'heure par rapport à l'heure universelle UTC (et l'heure d'été)
var lab = 'zone';    //  L'id de la zone horaire où la page sera vue - ne sert généralement à rien, mais ne pas modifier

function start() {displayTZCountDown(setTZCountDown(mois,jour,heure,zonehoraire),lab);}

    // **    La fonction start peut être changée si on veut  **
window.onload = start;

////////// NE RIEN CHANGER CI-DESSOUS //////////////////

function setTZCountDown(mois,jour,heure,zonehoraire)
{
var toDate = new Date();
if (mois == '*')toDate.setMonth(toDate.getMonth() + 1);
else if (mois > 0)
{
if (mois <= toDate.getMonth())toDate.setYear(toDate.getYear() + 1);
toDate.setMonth(mois-1);
}
if (jour.substr(0,1) == '+')
{var jour1 = parseInt(jour.substr(1));
toDate.setDate(toDate.getDate()+jour1);
}
else{toDate.setDate(jour);
}
toDate.setHours(heure);
toDate.setMinutes(0-(zonehoraire*60));
toDate.setSeconds(0);
var fromDate = new Date();
fromDate.setMinutes(fromDate.getMinutes() + fromDate.getTimezoneOffset());
var diffDate = new Date(0);
diffDate.setMilliseconds(toDate - fromDate);
return Math.floor(diffDate.valueOf()/1000);
}
function displayTZCountDown(countdown,zone)
{
if (countdown < 0) document.getElementById(zone).innerHTML = "Désolé, vous êtes en retard !";
else {var secs = countdown % 60;
if (secs < 10) secs = '0'+secs;
var countdown1 = (countdown - secs) / 60;
var mins = countdown1 % 60;
if (mins < 10) mins = '0'+mins;
countdown1 = (countdown1 - mins) / 60;
var heures = countdown1 % 24;
var jours = (countdown1 - heures) / 24;
document.getElementById(zone).innerHTML = jours + " jour" + (jours == 1 ? '' : 's') + ' + ' +heures+ 'h : ' +mins+ 'm : '+secs+'s';
setTimeout('displayTZCountDown('+(countdown-1)+',\''+zone+'\');',999);
}
}
</SCRIPT>
</span>
<!-- écrire le nom de l'événement à la place de Noël -->
&nbsp;avant Noël !

A paramétrer selon la date et l'heure choisies.

Ca ne fonctionne toujours pas

je n'ai toujours pas les deux en même temps

michtrax a écrit:Ca ne fonctionne toujours pas
je n'ai toujours pas les deux en même temps

Les 2 javascripts font vraisemblablement appel à au moins une même fonction commune qu'on ne peut pas modifier. Les 2 scripts font intervenir le temps, c'est vraisemblablement là que ça coince.

Je ne vois pas de solution.
Il faut dire que je ne m'y connais pas très bien en javascript.
Il m'arrive de modifier des codes, mais jamais d'en créer.

Il va te falloir choisir entre tes 2 scripts

Je ne vois pas en quoi la neige utilise le TEMPS

Personne a de solution???

michtrax a écrit:Je ne vois pas en quoi la neige utilise le TEMPS

Les flocons bougent, donc effectuent une distance en fonction du temps.
Ce temps doit donc figurer dans le script comme snowtimer=setTimeout, par exemple.

POur la neige j'utilise ce script là : <script src="http://pmsc.free.fr/J/071120191836.js"></script>

Donc je ne vois pas snowtimer=setTimeout

michtrax a écrit:POur la neige j'utilise ce script là : <script src="http://pmsc.free.fr/J/071120191836.js"></script>

Donc je ne vois pas snowtimer=setTimeout

évidemment puisque setTimeout se trouve dans 071120191836.js dont tu ne vois pas le contenu car c'est un fichier hébergé ailleurs.

-----------------------------------

Edit :

Je viens de vérifier, il contient setTimeout('fall()',20);

est-ce qu'il faut faire du copier/coller directement dans le module qu'on veut sur le portail pour avoir ce compte a rebour ou il y a autre choses a faire? j'ai copier/coller et ca marche pas... Merci de votre aide!

Quel script ?

Le compte à rebours (dont le script commence pas <span... ) ?

Wi

Désolé j'ai oublier de mentionné...lol

Je viens de retester le script en html : il fonctionne.

Il faut tout copier-coller dans un module, même

Code:

 avant Noël !

Il faudra changer la date, l'heure, etc. au début du script.
Et changer &nbsp;avant Noël !
en fonction du nom de l'événement.

Mais il arrive que ça ne fonctionne pas s'il y a déjà d'autres scripts sur la page

Bonsoir à tous

quand on met un compte à rebours, c'est forcément par rapport à un jour (vendredi) ou alors on peut le faire par rapport une heure ( vendredi à 16h) ?

tu peux choisir le jour, l'heure, la minute et la seconde.

tout dépend du script!

Gerenuk a écrit:... tout dépend du script!

Comme celui qui est ICI. Il y en a même 2 car on a dû en faire un nouveau pour en caser 2 sur une même page sans qu'ils s'annulent.

un très bon script d'ailleurs!!

il fonctionne toujours très bien!

encore merci proftnj

proftnj a écrit:

Voici un code "à la seconde" que je viens de vérifier pour IE et Firefox :

Code:


<span id="zone">
<SCRIPT type="text/javascript">
////////// CONFIGURER LE COMPTE A REBOURS ICI //////////////////
var mois = '12';      //  '*' pour le mois suivant, '0' pour ce mois-ci ou 1 à 12 pour le mois
var jour = '25';      //  Jour du mois
var heure = 0;        //  0 à 23 pour l'heure
var zonehoraire = +1; //  Ajuster l'heure par rapport à l'heure universelle UTC (et l'heure d'été)
var lab = 'zone';    //  L'id de la zone horaire où la page sera vue - ne sert généralement à rien, mais ne pas modifier

function start() {displayTZCountDown(setTZCountDown(mois,jour,heure,zonehoraire),lab);}

    // **    La fonction start peut être changée si on veut  **
window.onload = start;

////////// NE RIEN CHANGER CI-DESSOUS //////////////////

function setTZCountDown(mois,jour,heure,zonehoraire)
{
var toDate = new Date();
if (mois == '*')toDate.setMonth(toDate.getMonth() + 1);
else if (mois > 0)
{
if (mois <= toDate.getMonth())toDate.setYear(toDate.getYear() + 1);
toDate.setMonth(mois-1);
}
if (jour.substr(0,1) == '+')
{var jour1 = parseInt(jour.substr(1));
toDate.setDate(toDate.getDate()+jour1);
}
else{toDate.setDate(jour);
}
toDate.setHours(heure);
toDate.setMinutes(0-(zonehoraire*60));
toDate.setSeconds(0);
var fromDate = new Date();
fromDate.setMinutes(fromDate.getMinutes() + fromDate.getTimezoneOffset());
var diffDate = new Date(0);
diffDate.setMilliseconds(toDate - fromDate);
return Math.floor(diffDate.valueOf()/1000);
}
function displayTZCountDown(countdown,zone)
{
if (countdown < 0) document.getElementById(zone).innerHTML = "Désolé, vous êtes en retard !";
else {var secs = countdown % 60;
if (secs < 10) secs = '0'+secs;
var countdown1 = (countdown - secs) / 60;
var mins = countdown1 % 60;
if (mins < 10) mins = '0'+mins;
countdown1 = (countdown1 - mins) / 60;
var heures = countdown1 % 24;
var jours = (countdown1 - heures) / 24;
document.getElementById(zone).innerHTML = jours + " jour" + (jours == 1 ? '' : 's') + ' + ' +heures+ 'h : ' +mins+ 'm : '+secs+'s';
setTimeout('displayTZCountDown('+(countdown-1)+',\''+zone+'\');',999);
}
}
</SCRIPT>
</span>
<!-- écrire le nom de l'événement à la place de Noël -->
&nbsp;avant Noël !

A paramétrer selon la date et l'heure choisies.

j'ai réussi avec ce code car je ne voulais qu'un seul compte à rebours pas 2 comme avec l'autre code mais par contre on ne peut pas changer la couleur...? désolé mais je n'y connait rien

désolé, je ne vois pas comment changer dans ce script-ci!

par contre, dans le précédent (à deux comptes à rebour), vous pouvez enlever le second (à partir du moment où il est écrit début du second compte à rebour)

et dans celui-là, vous savez changer la couleur facilement!

Dans le script dans lequel on ne peut pas changer la couleur (du moins dans le script lui-même), les caractères prendront la couleur définie par la feuille de style du forum.

Attention !

Si vous êtes en France (et environs), ne pas oublier de passer à l'heure d'été :
var zonehoraire = +1 devient var zonehoraire = +2