Smarty Forum Index Smarty
WARNING: All discussion is moving to https://reddit.com/r/smarty, please go there! This forum will be closing soon.

countdown dynamique dans un tpl

 
This forum is locked: you cannot post, reply to, or edit topics.   This topic is locked: you cannot edit posts or make replies.    Smarty Forum Index -> Language: French
View previous topic :: View next topic  
Author Message
lan19
Smarty Rookie


Joined: 18 Mar 2011
Posts: 12

PostPosted: Thu Oct 04, 2012 1:02 pm    Post subject: countdown dynamique dans un tpl Reply with quote

Bonjour,

J'essaie d'insérer un compteur dans un fichier tpl.
J'appelle les scripts javascript dans mon fichier mnmodule_header.tpl comme ceci :
Code:

   {literal}
   <script type="text/javascript" src="{/literal}{$content_dir}{literal}modules/designheader/js/jquery-1.4.1.js"></script>
   <script type="text/javascript" src="{/literal}{$content_dir}{literal}modules/designheader/js/jquery.lwtCountdown-1.0.js"></script>
   <script type="text/javascript" src="{/literal}{$content_dir}{literal}modules/designheader/js/misc.js"></script>
   {/literal}   


et dans le tpl qui affiche le résultat, j'ai ceci :

Code:

   <div id="container">
      <!-- Countdown dashboard start -->
      <div id="countdown_dashboard">
         <div class="dash weeks_dash">
            <span class="dash_title">weeks</span>
            <div class="digit">0</div>
            <div class="digit">0</div>
         </div>

         <div class="dash days_dash">
            <span class="dash_title">days</span>
            <div class="digit">0</div>
            <div class="digit">0</div>
         </div>

         <div class="dash hours_dash">
            <span class="dash_title">hours</span>
            <div class="digit">0</div>
            <div class="digit">0</div>
         </div>

         <div class="dash minutes_dash">
            <span class="dash_title">minutes</span>
            <div class="digit">0</div>
            <div class="digit">0</div>
         </div>

         <div class="dash seconds_dash">
            <span class="dash_title">seconds</span>
            <div class="digit">0</div>
            <div class="digit">0</div>
         </div>

      </div>
      <!-- Countdown dashboard end -->

      <div class="subscribe">
         <form action="" method="POST" id="subscribe_form">
            <input type="text" name="email" id="email_field" class="faded" value="your@email.com" /> <input type="submit" id="subscribe_button" value="Stay updated" />
         </form>
      </div>

      <script language="javascript" type="text/javascript">
                {literal}
         jQuery(document).ready(function() {
            $('#countdown_dashboard').countDown({
               targetDate: {
                  'day':    25,
                  'month':    12,
                  'year':    2012,
                  'hour':    00,
                  'min':    0,
                  'sec':    0
               }
            });
            
            $('#email_field').focus(email_focus).blur(email_blur);
            $('#subscribe_form').bind('submit', function() { return false; });
         });
                {/literal}
      </script>
   
   </div>


Le tpl s'affiche bien mais les compteurs ne démarrent pas, ils restent à zéro. Je sens que je suis proche du résultat mais je n'arrive pas à faire fonctionner le compte à rebours.

Puis-je avoir de l'aide de votre part ?
Ou alors une autre solution pour insérer un compte à rebours dynamique dans un tpl ?

Merci par avance à tous.
Back to top
View user's profile Send private message
Display posts from previous:   
This forum is locked: you cannot post, reply to, or edit topics.   This topic is locked: you cannot edit posts or make replies.    Smarty Forum Index -> Language: French All times are GMT
Page 1 of 1

 
Jump to:  
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum


Powered by phpBB © 2001, 2005 phpBB Group
Protected by Anti-Spam ACP