Tableau html/php

neo2099 Messages postés 164 Date d'inscription   Statut Membre Dernière intervention   -  
mr_penguin Messages postés 49 Statut Membre -
Bonjour,

Voila, j'ai un tableau en HTML, avec un lien a l'intérieur et je voudrais qu'en je clique sur ce lien voir apparaitre un compte a rebours dans le tableau et pas dans une nouvelle page.

P.S: j'ai marquer tableau HTML/PHP dans le titre parce que mon tableau sera apres moitié html et php.

MERCI D'avance
Configuration: Windows XP
Firefox 2.0.0.5

4 réponses

  1. Alain42
     
    Essaye de faire ça en javascript si tu ne veux pas recharger la page.

    voir un exemple: 
    <script language="javascript">
/*
<script language="javascript">
/*
SCRIPT JAVASCRIPT
OORT - ESPACE JAVASCRIPT.COM
http://www.espacejavascript.com
*/
jour = "1";
mois = "1";
annee = "2008";
// Entrez ci-dessus la date sur laquelle est basée le compte à rebours

msg1 = "Il reste";
// Entrez ci-dessus le message qui précède le compte à rebours

msg2 = "secondes avant l'an 2008 !";
// Entrez ci-dessus le message qui suit le compte à rebours

function counter()
{
now = new Date();
next = new Date(annee, (mois-1), jour)
time_now = now.getTime();
time_next = next.getTime();
var rebours = ''+time_next-time_now+'';
n_f = rebours.length;
n_d = n_f-3;
	
	if(document.getElementById)
	{
		if(rebours > 0)
		{
		document.getElementById("rebours_time").innerHTML = msg1+" "+rebours.substring(0, n_d)+" "+msg2;
		}
		else
		{
		document.getElementById("rebours_time").innerHTML = msg1+" 0 "+msg2;
		}
	}
	else if(document.all)
	{
		if(rebours > 0)
		{
		document.all["rebours_time"].innerHTML = msg1+" "+rebours.substring(0, n_d)+" "+msg2;
		}
		else
		{
		document.all["rebours_time"].innerHTML = msg1+" 0 "+msg2;
		}	
	}
}

</script>


    tu mets le javascript:window.setInterval("counter()",1000); ou tu veux que ça compte a rebours
    0
  2. mr_penguin
     
    Yo !

    Voici à ma sauce comment je fait : 
    <html>
	<head>
		<title>Compte &agrave; rebours</title>
		<script type="text/javascript">
		<!--
			var cpt;
			var timer_cpt;
			function compte_a_rebours() {
				cpt = 10;
				document.getElementById( 'td_cpt_rb' ).innerHTML = "<span style=\"font-size:24px;color:#ff0000;\">" + cpt + "</span>";
				timer_cpt = window.setTimeout( 'maj_timer()', 1000 );
			}
			function maj_timer() {
				cpt --;
				if( cpt < 0 ) {
					window.clearTimeout( timer_cpt );
					alert( 'BOUM !!!' );
				}
				else {
					document.getElementById( 'td_cpt_rb' ).innerHTML = "<span style=\"font-size:24px;color:#ff0000;\">" + cpt + "</span>";
					timer_cpt = window.setTimeout( 'maj_timer()', 1000 );
				}
			}
		//-->
		</script>
	</head>
	<body>
		<table border="1">
			<tr>
				<td>
					<a href="#" onclick="compte_a_rebours();">Cliquez-moi !</a>
				</td>
			<tr>
			<tr>
				<td id="td_cpt_rb" align="center">
					&nbsp;
				</td>
			</tr>
		</table>
	</body>
</html>

    Amuse toi bien !
    0
  3. mr_penguin
     
    Waaa !
    Bien joué Alain42, t'as posté plus vite que moi !!!
    Bon n'empêche que maintenant neo2099 a de quoi coder pour son tableau PHP/HTML/JavaScript :D !
    0
  4. neo2099 Messages postés 164 Date d'inscription   Statut Membre Dernière intervention   12
     
    Merci a tous les deux sa marche nickel.
    Je voudrais savoir si quelqu'un sait faire par hazard un compte a rebours en php svp avec le meme principe que donner en haut

    Merci
    0
    1. mr_penguin Messages postés 49 Statut Membre 7
       
      Ce ne sera pas possible en PHP car ca se passe côté serveur, donc il faut obligatoirement recharger la page pour mettre à jour un élément de la page.
      0

Discussions similaires

Tableau (croisé dynamique?) à 3 entrées
ClementH3o -
ClementH3o -

10 réponses