begin process at 2012 02 13 19:11:51
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

CSS

 > 

Général

 > 

Transformer les images d'un compteur en texte


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

Transformer les images d'un compteur en texte

lundi 10 juillet 2006 à 22:52:16 | Transformer les images d'un compteur en texte

Fran6web

Bonjour à tous,

Etant super nul en javascript, j'aurais besoin de votre aide.
En effet j'ai réussi à trouvé sur le net un merveilleux script qui me permet de faire un compte à rebours.
Malheureusement ce code fonctionne avec des images. Y aurait-il une possibilité pour le mettre avec du texte?

Voici le code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">
<HTML>
<HEAD>
   <TITLE>Un d&eacute;compte</TITLE>

<SCRIPT language="javascript" TYPE="text/javascript">
<!-- Beginning of JavaScript --

c1=new Image(); c1.src="http://physpc21.u-strasbg.fr/~juillot/javascript/dg1.gif";
c2=new Image(); c2.src="http://physpc21.u-strasbg.fr/~juillot/javascript/dg2.gif";
c3=new Image(); c3.src="http://physpc21.u-strasbg.fr/~juillot/javascript/dg3.gif";
c4=new Image(); c4.src="http://physpc21.u-strasbg.fr/~juillot/javascript/dg4.gif";
c5=new Image(); c5.src="http://physpc21.u-strasbg.fr/~juillot/javascript/dg5.gif";
c6=new Image(); c6.src="http://physpc21.u-strasbg.fr/~juillot/javascript/dg6.gif";
c7=new Image(); c7.src="http://physpc21.u-strasbg.fr/~juillot/javascript/dg7.gif";
c8=new Image(); c8.src="http://physpc21.u-strasbg.fr/~juillot/javascript/dg8.gif";
c9=new Image(); c9.src="http://physpc21.u-strasbg.fr/~juillot/javascript/dg9.gif";
c0=new Image(); c0.src="http://physpc21.u-strasbg.fr/~juillot/javascript/dg0.gif";
cp=new Image(); cp.src="http://physpc21.u-strasbg.fr/~juillot/javascript/dgp.gif";
cc=new Image(); cc.src="http://physpc21.u-strasbg.fr/~juillot/javascript/dgc.gif";
  
function timer() {
 t_laft-=1;                    // decremente la duree restante d'1 seconde
 hours=Math.floor(t_laft/3600);      // nb d'heures restantes
 minutes=Math.floor(t_laft/60);      // nb de minutes restantes
 seconds=t_laft%60;                  // nb de secondes restantes

 if (t_laft>=0){
  affiche( hours, minutes, seconds); //  affiche la duree restante
  setTimeout("timer()",1000);        // re-appelle la procedure apres 1 seconde
 }
}
function affiche( h,m,s) {
 document.images.h2.src=eval("c"+Math.floor(h/10)+".src");
 document.images.h1.src=eval("c"+(h%10)+".src");
 document.images.m2.src=eval("c"+Math.floor(m/10)+".src");
 document.images.m1.src=eval("c"+(m%10)+".src");
 document.images.s2.src=eval("c"+Math.floor(s/10)+".src");
 document.images.s1.src=eval("c"+(s%10)+".src");
}

// - End of JavaScript - -->
</SCRIPT>
</HEAD>

<BODY>
<CENTER>
<img name="h2"src="http://physpc21.u-strasbg.fr/~juillot/javascript/dg0.gif" height=21 width=16> <img name="h1"src="http://physpc21.u-strasbg.fr/~juillot/javascript/dg0.gif" height=21 width=16>
<img name="a"src="http://physpc21.u-strasbg.fr/~juillot/javascript/dgc.gif" height=21 width=16> <img name="m2"src="http://physpc21.u-strasbg.fr/~juillot/javascript/dg0.gif" height=21 width=16>

<img name="m1"src="http://physpc21.u-strasbg.fr/~juillot/javascript/dg0.gif" height=21 width=16> <img name="b"src="http://physpc21.u-strasbg.fr/~juillot/javascript/dgc.gif" height=21 width=16>
<img name="s2"src="http://physpc21.u-strasbg.fr/~juillot/javascript/dg0.gif" height=21 width=16> <img name="s1"src="http://physpc21.u-strasbg.fr/~juillot/javascript/dg0.gif" height=21 width=16>
</CENTER>

<SCRIPT>
limit="0:2:44";            //  duree du decompte
t_split=limit.split(":",3) //  coupe en 3 champs separes par ":"
                           //  duree du decompte en secondes
var t_laft=t_split[2]*1+t_split[1]*60+t_split[0]*3600;
timer();                    // lance la fonction
</SCRIPT>
</BODY>
<!-- timer.html -->
</HTML>
lundi 10 juillet 2006 à 23:52:38 | Re : Transformer les images d'un compteur en texte

Fran6web

Mon problème est résolu. J'ai réussi à trouver un script 100% adapté à mon cas.


Cette discussion est classée dans : javascript, image, http, src, physpc21


Répondre à ce message

Sujets en rapport avec ce message

name et id avec le javascript [ par winterboard ] JAI CHANGE UN NAME EN ID DANS MON SCRIPT BODY: <area alt="francais" coords pop up sur dreamweaver [ par shelikane ] S'il y a des érudits de Dreamweaver, j'ai des questions à poser : Voici mon interface, la page photoshop de mon site. [url=http://www.servimg.com/im Javascript, liste deroulante avec image ?? [ par GaL34 ] Bonjour j'ai une liste déroulante coder de la facon suivante :fichier index.html:   <select name="select" id"select" onchange="showSelection(); changement d'image grâce à un clique hors de la balise principale [ par matricule471 ] Bonjour, Je vais vous exposer mon problème Code: function Img(){ document.getElementById("centre").src = "img/imgL.jpg"; } <img id="cen Javascript: Zoom avec mini image [ par belllangelo ] Bonjour, Je souhaiterai pouvoir reproduire l'effet de zoom avec mini image proposé à cette adresse: http://www.dakkadakka.com/core/gallery-viewimage. Problème document.image.src [ par Fred2468 ] Bonjour,J'ai un soucis pour inverser 2 images d'un tableau. J'utilise la fonction document.image mais avec elle je n'arrive pas à changer la source de image.src sur onclick() [ par fabienfs ] Bonjour, J'ai créer un petit système d'onglet en javascript mais j'ai un petit soucis. Je voudrais que lorsqu'on clique sur un de mes onglet, celui c placer une image à la place d'une fenêtre d'Alerte - Comment modifier mon code javascript svp? [ par RomantikA ] Bonjour, veuillez m'excuser pour cette question peut être stupide et/ou imprécise, mais je désirerais savoir s'il est possible de modifier un code jav Problème alignement [ par overstorex ] Bonsoir,J'espère que je suis au bonne endroit pour poster cette demande d'aide.je suis un néophyte en script,je m'en excuse .<img src="http://www.java


Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Février 2012
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
272829    

Consulter la suite du CalendriCode

Photothèque

 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 2,683 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales