Placé un compte à rebours

Résolu
Bonjour,

je voudrai mettre un compte à rebours sur mon site, mais j'aimerai le placé à l'endroit ou je voudrai et je ne sais pas comment le placé.

j'ai un modèle de compte à rebours que j'ai pris sur un site spécialement pour site web

voici le code:

<iframe src="https://www.decompte.net/compte-a-rebours.php?c=1735754460&s=2&r=0" width="320" height="80" marginheight="0" marginwidth="0" align="middle" scrolling="No" frameborder="0">iframe désactivée</iframe>

car si je le mets dans code en dessous de "Page Head" il me le met tous en haut de ma page.

Merci d'avance.

3 réponses

  1. Bonsoir,
    Il s'agit d'une Iframe, en gros, ta page, lors de son ouverture "appelle" la page dont le lien est dedans (...src="TON LIEN"...) et l'affiche sur ta page, mais tu ne peux rien modifier.

    Le plus simple est de créer toi-même ton compte à rebour - voici le code :
    	<script type="text/javascript">
                window.onload = Init;
                var waitTime = 5; // Temps d'attente en seconde
                var x;
                function Init() {
                        window.document.getElementById('compteur').innerHTML = waitTime;
                        x = window.setInterval('Decompte()', 1000);
                }
                function Decompte() {
                        ((waitTime > 0)) ? (window.document.getElementById('compteur').innerHTML = --waitTime) : (window.clearInterval(x));
                        if (waitTime == 0) {
                                window.location = url;
                        }
                }
        </script>
    <span id='compteur'>5</span>
    
    


    Colle le n'importe où dans ta page HTML.
    Si tu modifie le temps d'attente (indiqué dans le code javascript), modifie le nombre de départ du compteur tout en bas.
    0
    1. Bonsoir,

      J'aimerai mettre les jours, date, heures, minutes et seconde
      donc j'ai trouvé un autre code :

      <!--copy begin here:-->
      <style type="text/css">#fx_convert_1 br {display:none;}</style>

      <div style="width:300px;text-align:center;" id="fx_convert_1">

      <div id="xcolorc2_1" style="border:1px solid #000;background-color:#F0736A;padding: 0px 0px;margin: 0px 0px;align:center;overflow:hidden;">

      <div id="xcolorc2_2" style="font-size:12px;color:#183a00;line-height:16px;font-family: arial; font-weight:bold;background:#F0736A;padding: 3px 1px;text-align:center;">

      <a href="http://fr.freecountdown.net/Compte à rebours" alt="Compte à rebours de vacances | Compte à rebours|Compteur|Temporisateur" title="Compte à rebours de vacances | Compte à rebours|Compteur|Temporisateur" id="xcount_link2" style="color:#0D1110;font-size:14px;text-decoration:none;line-height:16px;font-family: arial;" >Compte à rebours</a>

      </div><div id="xcount2_834329731" style="font-size: 1em;font-family: arial; font-weight:bold">

      </div><script src="http://fr.freecountdown.net/z.php?text=&t=2&fd=2025-01-01&dir=down&id=2_834329731&fc=0D1110"></script></div></div>
      <!--copy end here:-->

      mais si je veux le mettre au milieu de ma page, je fais comment ?

      Merci.
      0
      1. Il suffit que tu créé un "<div align="center"><div>" de chaque côté de ton code, je te remet le code modifié :
        <div align="center">
        <style type="text/css">#fx_convert_1 br {display:none;}</style>
        
        <div style="width:300px;text-align:center;" id="fx_convert_1">
        
        <div id="xcolorc2_1" style="border:1px solid #000;background-color:#F0736A;padding: 0px 0px;margin: 0px 0px;align:center;overflow:hidden;">
        
        <div id="xcolorc2_2" style="font-size:12px;color:#183a00;line-height:16px;font-family: arial; font-weight:bold;background:#F0736A;padding: 3px 1px;text-align:center;">
        
        <a href="http://fr.freecountdown.net/Compte à rebours" alt="Compte à rebours de vacances | Compte à rebours|Compteur|Temporisateur" title="Compte à rebours de vacances | Compte à rebours|Compteur|Temporisateur" id="xcount_link2" style="color:#0D1110;font-size:14px;text-decoration:none;line-height:16px;font-family: arial;" >Compte à rebours</a>
        
        </div><div id="xcount2_834329731" style="font-size: 1em;font-family: arial; font-weight:bold">
        
        </div><script src="http://fr.freecountdown.net/z.php?text=&t=2&fd=2025-01-01&dir=down&id=2_834329731&fc=0D1110"></script></div></div>
        </div>
        0
      2. Merci pour ton aide Adri1infos,
        mais je veux placer le compteur n'importe tout sur la page, car là il se met en haut et au centre de ma page.
        genre :
        style="position:absolute;left:522px;top:3323px;
        0
      3. Tu peux biens sûr mettre ton compteur partout où tu le souhaite avec la manière que tu me dis, il suffit d'ajouter :
        style="position:absolute;left:200px;top:200px;"

        dans le 1er "div" que je t'ai fait ajouté :
        <div align="center">

        ce qui donne (modifie les valeurs comme tu le veux) :
        <div style="position:absolute;left:200px;top:200px;" align="center">
        0
    2. Merci pour ton aide, maintenant j'ai compris.

      j'ai remis le code car si on veut le mettre n'importe tout sur la page, il faut placé le code en dessous de " <!--Page Start--> "
      et pas " <!--Page Head--> "

      et ensuite pour la position c'est
      " <div style="position:absolute;left:380px;top:1460px;" align=""> "

      avec align="" et on choisit les valeurs "left" et "top"

      <!--Page Start-->
      <div style="position:absolute;left:380px;top:1460px;" align="">
      <style type="text/css">#fx_convert_1 br {display:none;}</style>
      <div style="width:300px;text-align:center;" id="fx_convert_1">
      <div id="xcolorc2_1" style="border:1px solid #000;background-color:#F0736A;padding: 0px 0px;margin: 0px 0px;align:center;overflow:hidden;">
      <div id="xcolorc2_2" style="font-size:12px;color:#183a00;line-height:16px;font-family: arial; font-weight:bold;background:#F0736A;padding: 3px 1px;text-align:center;">
      <a href="http://fr.freecountdown.net/Compte à rebours" alt="Compte à rebours de vacances | Compte à rebours|Compteur|Temporisateur" title="Compte à rebours de vacances | Compte à rebours|Compteur|Temporisateur" id="xcount_link2" style="color:#0D1110;font-size:14px;text-decoration:none;line-height:16px;font-family: arial;" >Compte à rebours</a>
      </div><div id="xcount2_834329731" style="font-size: 1em;font-family: arial; font-weight:bold">
      </div><script src="http://fr.freecountdown.net/z.php?text=&t=2&fd=2025-01-01&dir=down&id=2_834329731&fc=0D1110"></script></div></div>
      </div>

      Encore un grand merci Adri1infos.
      0
      1. Voilà, c'est ça : tu met, dans align="", des valeurs tel que left, top, right, center,... tandis que style="" te permet de sélectionne (en fonction de x et y) la position sur la page.
        Si tout fonctionne comme tu veux, pas de soucis !!
        0