Insertion impossible d'un code dans template

[MD2]

Bonjour,

Voulant partagez l’événement Virtual Calais sur mon forum, j'ai décidé de mettre un compte à rebours :

Code:

<script type="text/javascript">

var CDown = function() {

this.state=0;
this.counts=[];
this.interval=null;
}

CDown.prototype = {

init: function(){
  this.state=1;
  var self=this;
  this.interval=window.setInterval(function(){self.tick();}, 1000);
},
add: function(date,id){
  this.counts.push({d:date,id:id});
  this.tick();
  if(this.state==0) this.init();
},
expire: function(idxs){
  for(var x in idxs) {
    this.display(this.counts[idxs[x]], "Virtual Calais Ouvert ! ");
    this.counts.splice(idxs[x], 1);
  }
},
format: function(r){
  var out="";
  if(r.d != 0){out += r.d +" "+((r.d==1)?"jour":"jours")+", ";}
  if(r.h != 0){out += r.h +" "+((r.h==1)?"heure":"heures")+", ";}
  out += r.m +" "+((r.m==1)?"min":"mins")+", ";
  out += r.s +" "+((r.s==1)?"sec":"secs")+", ";

  return out.substr(0,out.length-2);
},
math: function(work){
  var y=w=d=h=m=s=ms=0;

  ms=(""+((work%1000)+1000)).substr(1,3);
  work=Math.floor(work/1000);//kill the "milliseconds" so just secs

  y=Math.floor(work/31536000);//years (no leapyear support)
  w=Math.floor(work/604800);//weeks
  d=Math.floor(work/86400);//days
  work=work%86400;

  h=Math.floor(work/3600);//hours
  work=work%3600;

  m=Math.floor(work/60);//minutes
  work=work%60;

  s=Math.floor(work);//seconds

  return {y:y,w:w,d:d,h:h,m:m,s:s,ms:ms};
},
tick: function(){
  var now=(new Date()).getTime(),
    expired=[],cnt=0,amount=0;

  if(this.counts)
  for(var idx=0,n=this.counts.length; idx<n; ++idx){
    cnt=this.counts[idx];
    amount=cnt.d.getTime()-now;//calc milliseconds between dates

    // if time is already past
    if(amount<0){
      expired.push(idx);
    }
    // date is still good
    else{
      this.display(cnt, this.format(this.math(amount)));
    }
  }

  // deal with any expired
  if(expired.length>0) this.expire(expired);

  // if no active counts, stop updating
  if(this.counts.length==0) window.clearTimeout(this.interval);
 
},
display: function(cnt,msg){
  document.getElementById(cnt.id).innerHTML=msg;
}
};

window.onload=function(){

var cdown = new CDown();

cdown.add(new Date(2016,9,1,10,00,00), "countbox1");
}; </script> <div id="countbox1"></div>

Je souhaiterez l’insérer sur mon forum juste à coté de Virtual Calais 7.0 dans l'annonce mais j'ai essayé de copier coller dans le template mais ne marche pas du tout.

Avez vous une solution pour ce problème ?

Cordialement
MD2

[néco]

salut !
tu devrais peut-être dire dans quel template tu l'as mis et aussi à quel endroit du template (voir coller ton template directement entre balise code peut être même) , comme ça si tu t'es trompé d'endroit quelqu'un pourra surement te le dire (probablement pas moi hein ^^ ) mais là tes infos sont trop incomplètes pour que quelqu'un puisse t'aider

bizzz

[MD2]

Je souhaiterai le mettre dans le template Index_body ici :

Code:

!-- BEGIN message_admin_index -->
<div class="main">
   <!-- BEGIN message_admin_titre -->
   <div class="main-head">
      <h1 class="page-title">{message_admin_index.message_admin_titre.MES_TITRE}</h1>
   </div>
   <!-- END message_admin_titre -->

   <!-- BEGIN message_admin_txt -->
   <div id="pun-announcement">
      <p>{message_admin_index.message_admin_txt.MES_TXT}</p> ici

   </div>
   <!-- END message_admin_txt -->
</div>
<!-- END message_admin_index -->

[néco]

et si tu ne mettais pas ton code directement dans le tempale ?

regarde ce tuto si tu ne l'as pas déjà vue et regarde s'il peux t'être utile (il y en a un second tout en bas de celui que je te donne ^^)

https://forum.forumactif.com/t379157-horloge-compte-a-rebours-sans-personnalisation?highlight=horloge

bizzz

[MD2]

Merci beaucoup, je pensais pas qu'un tuto avait été fait.