2016-06-23 10 views
0

php関数のjavascript条件にhtmlをエコーし​​ようとしています。私は、私は意志wordpressの機能すべてのPHPのecho javascriptとhtml

+1

はい、HTMLとJSをPHPでエコーすることができます。そして、いいえ、無効な​​コードなので、JSでHTMLを出力することはできません。 – Justinas

+0

私はあなたのようなPHP関数の中でjavascriptを実行することは決してお勧めしません。また、 '

0

ベストアイデアではないかもしれませんが、可能です。最初のパーサーはPHPであり、何かを出力すると考える必要があります。あなたのケースでは、PHPは次のよ​​うに出力します:

<script> 
    if (readCookie('referrer') == null) { 
     <section class='loading-overlay'> 
     <div class='loader-inner ball-grid-pulse'> 
      <div></div> 
      <div></div> 
      <div></div> 
      <div></div> 
      <div></div> 
      <div></div> 
      <div></div> 
      <div></div> 
      <div></div> 
     </div> 
     </section> 
    } 
</script> 

このコードは、スクリプトで開始および終了し、すべてをスクリプトとして扱います。ここの問題は、<section ...がJavascriptのようなものではないということです。

Javascript関数内にプレーンなHTMLを入力することはできず、ブラウザはそれを理解することができません。それだけで、すでにあなたのページのDOMに既存のHTMLタグのIDとなり、純粋なJavascriptを、何かのような...ここで

<script type="text/javascript"> 
    if (readCookie('referrer') == null) { 
     var section = document.createElement('section'); 
     section.className = 'loading-overlay'; 
     var div = document.createElement('div'); 
     div.className = 'loader-inner ball-grid-pulse'; 
     section.appendChild(div); 
     var innerDiv = document.createElement('div'); 
     div.appendChild(innerDiv); 
     ... 
     ... 
     document.getElementById('container').appendChild(section); 
    } 
</script> 

containerを使用する必要があります。