www.webdeveloper.com
Results 1 to 3 of 3

Thread: code help

  1. #1
    Join Date
    Aug 2011
    Posts
    3

    code help

    Hi,
    I am a newbie to serious javascript and I have built this (code below) and everything works fine except i can't get the tick to work, I get "ReferenceError: Can't find variable: Tick"

    Any ideas, also could someone do code critique so i know where i'm going wrong.

    Cheers
    Kev
    Code:
    var Homepage = {
      
    init: function(){
      Homepage.bindEvents();
    },
    bindEvents: function(){
      var display = Drupal.settings.display;
      
      $("#promo-panel").width("230px");
      
      $('h3#title').text(Drupal.settings.hblock.title);
      $('#sub-title').text(Drupal.settings.hblock.subTitle);
      $('#highlight-text').text(Drupal.settings.hblock.text);
     
      if (display == 1) {
      	$('#highlight-info').append('<a href="#" id="highlight-link" class="watch">Watch Live Now!</a>');
      }
      if(display == 2) {
        $('#highlight-info').append('<div id="timer"><h3 class="bottom">Watch This Live Event In</h3><span id="countdown" class="bottom"></span></div>');
    	Homepage.TimerDisplay();
    	$('#highlight-info').append('<a href="#" id="highlight-link" class="watch-preview">Watch The Preview</a>');
      }; 
       
      $('#promo-panel').append('<div id="live-replace"></div>');
      
      $('.watch-preview').toggle(
        function(){
          $('#promo-panel').stop().animate({width:"758px"}, 1000, function() {Homepage.add_player();});
          $('.watch-preview').empty().append('Close The Preview');
        },
        function(){
          jwplayer().remove();
          $('#promo-panel').stop().animate({width:"230px"}, 1000);
          $('.watch-preview').empty().append('Watch The Preview Again');
        }
      );
    },
    
    TimerDisplay: function() {
      var showtime = Drupal.settings.showtime;
      var nowtime = Drupal.settings.timestamp;
      var counttime = showtime - nowtime;
    	
      function CreateTimer(TimerID) {	
        Timer = document.getElementById(TimerID);
        TotalSeconds = counttime;0
        UpdateTimer()
        window.setTimeout("Tick()", 1000);
      }
      
      function Tick() {
        if (TotalSeconds <= 0) {
          return;
        }
        TotalSeconds -= 1;
        UpdateTimer()
        window.setTimeout("Tick()", 1000);
      }
    
      function UpdateTimer() {
        var oneMinute=60;
        var oneHour=60*60;
        var oneDay=60*60*24;
        var dayfield=Math.floor(TotalSeconds/oneDay);
        var tfhourfield=Math.floor(TotalSeconds/oneHour);
        var hourfield=Math.floor((TotalSeconds-dayfield*oneDay)/oneHour);
        var minutefield=Math.floor((TotalSeconds-dayfield*oneDay-hourfield*oneHour)/oneMinute);
        var secondfield=Math.floor((TotalSeconds-dayfield*oneDay-hourfield*oneHour-minutefield*oneMinute));      
        
        if(tfhourfield <= '24') {
          Timer.innerHTML = '<table><tbody><tr><th class="c1">' +tfhourfield + '</th><th class="c2">' + minutefield + '</th><th class="c3">' + secondfield + '</th></tr><tr><td class="c1">Hours</td><td class="c2">Minutes</td><td class="c3">Seconds</td></tr></tbody></table>';
        } if(tfhourfield >= '24') {
          Timer.innerHTML = '<table><tbody><tr><th class="c1">'+ dayfield +'</th><th class="c2">'+ hourfield +'</th><th class="c3">'+ minutefield +'</th></tr><tr><td class="c1">Days</td><td class="c2">Hours</td><td class="c3">Minutes</td></tr></tbody></table>';
        } 
      }
      
      $(function() {
        $('#countdown').append(CreateTimer("countdown", counttime));
        //$('#countdown').text("Your text here");
      });  
    
    },
    
    
    add_player: function() { 
        jwplayer('live-replace').setup({
          'autostart': 'true',
          'wmode': 'opaque',
          'width': '100%',
          'height': '100%',
          'events': {
            onComplete: function() {
              jwplayer().remove();
              $('#promo-panel').stop().animate({width:"230px"}, 1000);
              $('.watch-preview').empty().append('Watch The Preview Again');
            }
          },
          'modes': [
            { 'type': "flash", 
              'src': "/sites/default/files/player/player59/player.swf", 
              'config': {
                'playlist': [
                  {
                    'title': 'Bitrate tests',
                    'provider': 'rtmp',
                    'streamer': Drupal.settings.kitcloud.streamer,
                    'levels': [
                       {'bitrate': "1328", 'width': '1024', 'file': Drupal.settings.kitcloud.bitrate1},
                      {'bitrate': "628", 'width': '640', 'file': Drupal.settings.kitcloud.bitrate2},
                      {'bitrate': "364", 'width': '360', 'file': Drupal.settings.kitcloud.bitrate3},
                    ]
                  }
                ]
              }
            },
            { 'type': "html5",
              'src': "/sites/default/files/player/player59/player.swf", 
              'config': {
                'file': Drupal.settings.kitcloud.ios,
                'provider': 'video'
              }
            }
          ]
      });
      }
    };
    
    Drupal.behaviors.Homepage = function(context){
      Homepage.init();
    };

  2. #2
    Join Date
    Dec 2011
    Location
    Centurion, South Africa
    Posts
    795
    Try changing where you're creating the timeouts to:

    Code:
    window.setTimeout(Tick, 1000);
    JavaScript: Learn | Validate | Compact | bionoid

  3. #3
    Join Date
    Aug 2011
    Posts
    3

    thank you

    cheers, works brilliant
    Kev

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center

"

"

X vBulletin 4.2.2 Debug Information

  • Page Generation 0.11015 seconds
  • Memory Usage 2,856KB
  • Queries Executed 13 (?)
More Information
Template Usage (33):
  • (1)SHOWTHREAD
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_global_above_footer
  • (1)ad_global_below_navbar
  • (1)ad_global_header1
  • (1)ad_global_header2
  • (1)ad_navbar_below
  • (1)ad_showthread_firstpost_sig
  • (1)ad_showthread_firstpost_start
  • (1)ad_thread_first_post_content
  • (1)ad_thread_last_post_content
  • (2)bbcode_code
  • (1)footer
  • (1)forumjump
  • (1)forumrules
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (1)headinclude_bottom
  • (3)memberaction_dropdown
  • (1)navbar
  • (4)navbar_link
  • (1)navbar_moderation
  • (1)navbar_noticebit
  • (1)navbar_tabs
  • (2)option
  • (3)postbit
  • (3)postbit_onlinestatus
  • (3)postbit_wrapper
  • (1)spacer_close
  • (1)spacer_open
  • (1)tagbit_wrapper 

Phrase Groups Available (6):
  • global
  • inlinemod
  • postbit
  • posting
  • reputationlevel
  • showthread
Included Files (26):
  • ./showthread.php
  • ./global.php
  • ./includes/class_bootstrap.php
  • ./includes/init.php
  • ./includes/class_core.php
  • ./includes/config.php
  • ./includes/functions.php
  • ./includes/functions_navigation.php
  • ./includes/class_friendly_url.php
  • ./includes/class_hook.php
  • ./includes/class_bootstrap_framework.php
  • ./vb/vb.php
  • ./vb/phrase.php
  • ./includes/functions_facebook.php
  • ./includes/functions_calendar.php
  • ./includes/functions_bigthree.php
  • ./includes/class_postbit.php
  • ./includes/class_bbcode.php
  • ./includes/functions_reputation.php
  • ./includes/functions_notice.php
  • ./packages/vbattach/attach.php
  • ./vb/types.php
  • ./vb/cache.php
  • ./vb/cache/db.php
  • ./vb/cache/observer/db.php
  • ./vb/cache/observer.php 

Hooks Called (70):
  • init_startup
  • friendlyurl_resolve_class
  • init_startup_session_setup_start
  • database_pre_fetch_array
  • database_post_fetch_array
  • init_startup_session_setup_complete
  • global_bootstrap_init_start
  • global_bootstrap_init_complete
  • cache_permissions
  • fetch_threadinfo_query
  • fetch_threadinfo
  • fetch_foruminfo
  • load_show_variables
  • load_forum_show_variables
  • global_state_check
  • global_bootstrap_complete
  • global_start
  • style_fetch
  • global_setup_complete
  • showthread_start
  • showthread_getinfo
  • strip_bbcode
  • friendlyurl_clean_fragment
  • friendlyurl_geturl
  • forumjump
  • cache_templates
  • cache_templates_process
  • template_register_var
  • template_render_output
  • fetch_template_start
  • fetch_template_complete
  • parse_templates
  • fetch_musername
  • notices_check_start
  • notices_noticebit
  • process_templates_complete
  • friendlyurl_redirect_canonical
  • showthread_post_start
  • showthread_query_postids
  • showthread_query
  • bbcode_fetch_tags
  • bbcode_create
  • showthread_postbit_create
  • postbit_factory
  • postbit_display_start
  • postbit_imicons
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • postbit_display_complete
  • memberaction_dropdown
  • tag_fetchbit_complete
  • forumrules
  • navbits
  • navbits_complete
  • build_navigation_data
  • build_navigation_array
  • check_navigation_permission
  • process_navigation_links_start
  • process_navigation_links_complete
  • set_navigation_menu_element
  • build_navigation_menudata
  • build_navigation_listdata
  • build_navigation_list
  • set_navigation_tab_main
  • set_navigation_tab_fallback
  • navigation_tab_complete
  • fb_like_button
  • showthread_complete
  • page_templates