バージョン選択

フォーラム

メニュー

オンライン状況

51 人のユーザが現在オンラインです。 (42 人のユーザが フォーラム を参照しています。)
登録ユーザ: 0
ゲスト: 51
もっと...

サイト内検索

質問 > フロント機能 > テンプレート内のjavascriptでphp配列を使用したい

フロント機能

新規スレッドを追加する

スレッド表示 | 新しいものから 前のトピック | 次のトピック | 下へ
投稿者 スレッド
tomomomo
投稿日時: 2014/6/19 13:36
対応状況: 確認中
新米
登録日: 2014/6/19
居住地:
投稿: 2
テンプレート内のjavascriptでphp配列を使用したい
テンプレート内のjavascriptでphp配列を使いたいのですがうまくできません。

javascriptでphp配列の要素をjavascriptの引数で指定することはできないのでしょうか?

php側----------------------

$this->arrHoge = array(1=>aaaのやつ,2=>bbbのやつ,3=>cccのやつ);




テンプレート側--------------

<script languge="javascript">

function change(num, spanid){
var obj=document.getElementById(spanid);
var $data;
$data=<!--{$arrHoge[num]}-->;
obj.innerHTML=$data;
}
</script>

<input type="radio" name="wt1" value="1" id="radio1_1" checked onclick="change(this.value,'id1')"><label for="radio1_1">Aのやつ</label>
<input type="radio" name="wt1" value="2" id="radio1_2" onclick="change(this.value,'id1')"><label for="radio1_2">Bのやつ</label>
<input type="radio" name="wt1" value="3" id="radio1_3" onclick="change(this.value,'id1')"><label for="radio1_3">Cのやつ</label>

<span id="id2">
ここが変わって欲しい。
</span>


よろしくお願いいたします。

[EC-CUBE]2.13.1
[データベース] MySQL
[WEBサーバ] Apache
[OS] Win7
[PHP] PHP 5.4.16
piropiro
投稿日時: 2014/6/19 14:03
対応状況: −−−
常連
登録日: 2014/4/25
居住地:
投稿: 56
Re: テンプレート内のjavascriptでphp配列を使用したい
可能ですが、

その引数の指定の仕方だと難しいと思います。

変数$hogeとすると、

onclick="fnChangeAction('<!--{$hoge}-->')

こんな感じで変数を入れるとうまくいくと思います。
tsuji
投稿日時: 2014/6/19 14:04
対応状況: −−−
仙人
登録日: 2013/11/19
居住地:
投稿: 958
Re: テンプレート内のjavascriptでphp配列を使用したい
tomomomo 様

テンプレート側の<!--{$arrHoge[num]}-->はブラウザ表示時には
値の中身が表示されていますので、こういった書き方では
実現できないと思います。

それで、配列の中身をjsonで渡して動作させてみてはいかがでしょうか?
pineray
投稿日時: 2014/6/19 18:50
対応状況: −−−
長老
登録日: 2006/9/9
居住地: 伊賀
投稿: 292
Re: テンプレート内のjavascriptでphp配列を使用したい
こんな感じでしょうかね。動作は未検証です。

php側----------------------
$this->arrHoge = json_encode(array(1=>aaaのやつ,2=>bbbのやつ,3=>cccのやつ));


テンプレート側--------------
<script languge="javascript">
var arrHoge = <!--{$arrHoge}-->;

function change(num, spanid){
var obj=document.getElementById(spanid);
var $data;
$data=arrHoge[num];
obj.innerHTML=$data;
}
</script>


----------------
EC-CUBEのプラグインを公開しています!
いつも reCAPTCHA

スレッド表示 | 新しいものから 前のトピック | 次のトピック | トップ


 



ログイン


EC-CUBE公式 Amazon Payプラグイン

統計情報

総メンバー数は88,721名です
総投稿数は109,953件です

投稿数ランキング

1
seasoft
7367
2
468
3217
3
AMUAMU
2712
4
nanasess
2313
5
umebius
2085
6
yuh
1819
7
h_tanaka
1638
8
red
1570
9
mcontact
1286
10
tsuji
958
11
fukap
907
12
shutta
835
13
tao_s
799
14 ramrun 789
15 karin 689
16 sumida 641
17
homan
633
18 DELIGHT 572
19
patapata
502
20
flealog
485


ネットショップの壺

EC-CUBEインテグレートパートナー

Copyright© EC-CUBE CO.,LTD. All Rights Reserved.