begin process at 2010 02 10 12:50:02
  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 2010
LMMJVSD
1234567
891011121314
15161718192021
22232425262728

Consulter la suite du CalendriCode

 
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 : 0,796 sec (3)

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