TYPO3が流体変数値をJavascriptに渡す

Question

流体テンプレートでは、JavaScriptコードで使用したい流体変数があります。

私は流体テンプレートの中でJavaScriptを使用しています。

マイコード：事前に

<!-- value I would use further in my javascript --> 
<h1 id="product-model">{product.model}</h1> 

<!-- Javascript code (in the same file) --> 
<script> 
    <![CDATA[ 
    function printProductWindow() { 
     document.title = document.getElementById("product"); 
     window.print(); 
    } 
    ]]> 
</script> 

ありがとう！ デニス

Answer 1

あなたの要素のidが間違っている：

document.title = document.getElementById("product-model"); 

あなたはid="product-model"としてそれを定義しているため。

<script> 
    <![CDATA[ 
    function printProductWindow() { 
     document.title = "]]>{product.model}<![CDATA["; 
     window.print(); 
    } 
    ]]> 
</script> 

をしかし、私はあなたを警告してみましょう：

代替使いのブラウザではJavaScriptがお使いのFluidTemplateであれば、あなたもそこに値を設定することができますJavaScriptでタイトルを変更することは良い習慣ではありません。

ニュース拡張子hereのTitleTagViewHelperを見て、これを解決する方法を見てみましょう。

Answer 2

でもjsで流体変数を使用できますが、ほとんどの場合、<f:format.htmlspecialchars>のようなフォーマットビューヘルパーを使用する必要があります。

<script> 
    <![CDATA[ 
     function printProductWindow() { 
      document.title = '<f:format.htmlspecialchars>{product.model}<f:format.htmlspecialchars>'; 
      window.print(); 
     } 
    ]]> 
</script>