web-dev-qa-db-ja.com

画像をURLに渡した後、RSFORMに表示します

これまでのところ、RS2のテキストボックスと非表示フィールドの両方にK2画像を渡すことができました。これはすばらしいことです。しかし、私は、ユーザーがフォームに入力するときに注文しているアイテム（画像）を表示することを望んでいます。

私はこれに遭遇しました topic この解決策：

<form action="#" method="post">
  <input type="url" name="imglink" id="imglink"  placeholder="Insert image URL here" /><br>
  <input type="button" value="Show Image" id="btn1" />
</form>
<div id="photo"></div>
<script>
document.getElementById('btn1').addEventListener('click', function(){
  document.getElementById('photo').innerHTML = '<img src="'+ document.getElementById('imglink').value +'" alt="Image" />';
});
</script>

上記の解決策は、送信前に画像を表示し、送信することのみを希望する場合と少し似ています。

私の考え：rsformhidden fieldを使用して画像をキャッチすると思います表示するためにJavaスクリプトを使用して<img src="" />タグに渡すと、上記の例のように機能する場合があります。

これを解決するには、私にあなたの親切な援助が必要です。問題をさらに明確にする必要がある場合は、私に知らせてください。

前もって感謝します！

joomla-3.xrsform
2
kije

ご回答有難うございます

これは完全に機能しました：

<script>
document.addEventListener('DOMContentLoaded', function(){
  document.getElementById('photo').innerHTML = '<img src="'+ document.getElementById('fieldname').value +'" alt="Image" />';
});
</script>

これをフォームのスクリプトセクションに入力し、rsformで自動レイアウト生成を無効にして、これを<div id="photo"></div>画像をフォームに表示する場所に、コードのfieldnameをフィールドの名前に置き換えます。

1
kije

PHP「フォーム表示で呼び出されるスクリプト」セクションを使用してこれを行うことができるはずです。基本的な手順は次のとおりです。

  1. 変数に渡すパス（つまり、$ _ GETなど）を設定します。
  2. 変数をプレースホルダー画像の値に設定します

  3. 以下の構文を使用して検索/置換を実行します。

    $ formLayout = str_replace（$ find、$ replace、$ formLayout）;

1
YellowWebMonkey