ゲームが完了したときに火災のジャバスクリプトイベント

Question

私の質問：

私はフラッシュゲームを持っています。それに15の質問があります。正しい答えを得た各質問は、あなたに1つのコインを与えます。ゲームにはコインと経験を更新する関数があります：function updatePointsAndCoins_V2()。

http://www.squlaworld.com/demo-english

• 私は15コインを受信したときに表示されるオーバーレイに取り組んでいます。

CSS、HTML、JSファイルを含むフォルダにオーバーレイを作成しました。 function updatePointsAndCoins_V2()がvalue = 15を返すと、これらのファイルをロードする方法はありますか？

• もう1つの可能性は次のとおりです。 私は既にゲームのデフォルトの終了画面を持っています。ゲームが完了すると、機能が開始されます：function suggestedQuiz()。 オーバーレイファイルをロードする方法はありますか？

これは私が使用しているオーバーレイスクリプトです：あなたのページで

(function(showOverlay) { 
    var triggerBttn = document.getElementById('trigger-overlay'), 
     overlay = document.querySelector('div.overlay'), 
     closeBttn = overlay.querySelector('button.overlay-close'); 
     transEndEventNames = { 
      'WebkitTransition': 'webkitTransitionEnd', 
      'MozTransition': 'transitionend', 
      'OTransition': 'oTransitionEnd', 
      'msTransition': 'MSTransitionEnd', 
      'transition': 'transitionend' 
     }, 
     transEndEventName = transEndEventNames[ Modernizr.prefixed('transition') ], 
     support = { transitions : Modernizr.csstransitions }; 

    function toggleOverlay() { 
     if(classie.has(overlay, 'open')) { 
      var wrapperposition = document.getElementById('wrapperposition'); 
      wrapperposition.style.display = 'none'; 

      classie.remove(overlay, 'open'); 
      classie.add(overlay, 'close'); 
      var onEndTransitionFn = function(ev) { 
       if(support.transitions) { 
        if(ev.propertyName !== 'visibility') return; 
        this.removeEventListener(transEndEventName, onEndTransitionFn); 
       } 
       classie.remove(overlay, 'close'); 
      }; 
      if(support.transitions) { 
       overlay.addEventListener(transEndEventName, onEndTransitionFn); 
      } 
      else { 
       onEndTransitionFn(); 
      } 
     } 
     else if(!classie.has(overlay, 'close')) { 
      classie.add(overlay, 'open'); 
      var wrapperposition = document.getElementById('wrapperposition'); 
      wrapperposition.style.display = 'block'; 
     } 
    } 

    triggerBttn.addEventListener('click', toggleOverlay); 
    closeBttn.addEventListener('click', toggleOverlay); 
})(); 

Answer 1

をあなたはフラッシュゲームを起動しようとしているメソッドを定義する必要があります。この場合は、updatePointsAndCoins_V2メソッドです。

だから、あなたのページでは、このような何かを追加することができます：あなたが点滅意味わから

<!-- language: lang-js --> // ignore this line, it's for stackoverflow syntax highlighting 
<script> 
    function updatePointsAndCoins_V2 (coins) { 
     console.log(coins); //look in the console to see what coins is 
     // With nothing to go on I'll assume it passes them as a number in the first parameter of the function 
     if (coins >= 15) { 
      showOverlay(); // You will need to define this function and the logic which shows your overlay. 
     } 
    } 
</script>