- 締切済み
テキストエリアに画像ＵＲＬを貼り付ける入力支援
簡単なCGI日記を作成してますが、この入力フォームのテキストエリアに手動で画像ＵＲＬのタグを入れるのが手間なので、 ↓ サーバーにある画像一覧が別窓（違うファイルから）で表示されていて（実際には画像表示ですが・・・） <a href="sample1.gif"><img src="sample1.gif"></a> <a href="sample2.gif"><img src="sample2.gif"></a> <a href="sample2.gif"><img src="sample2.gif"></a> ↓ 画像をクリックするとＣＧＩのテキストエリア内に自動で <a href="sample1.gif"><img src="sample1.gif"></a>とタグを挿入するjavascriptってサンプルになるようなものはないでしょうか？
- midorin_h
- お礼率10% (14/136)
- JavaScript
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
みんなの回答
<html> <body> <form> <input type="button" value="Image Window" id="a"><br> <textarea id="b" cols="50" rows="10"></textarea> </form> <script> window.onload = function(){ window.document.onclick = chk; } function chk(e){ var o=e?e.target:event.srcElement; switch(o.id){ case 'a': window.open('test1.html','imgwindow'); break; } } </script> test1.html <html> <body> <img src="./img/0.gif" width="30" height="30"> <img src="./img/1.gif" width="30" height="30"> <img src="./img/2.gif" width="30" height="30"> <img src="./img/3.gif" width="30" height="30"> <script> window.onload = function(){ window.document.onclick = chk2; } function chk2(e){ var o=e?e.target:event.srcElement; if(o.tagName=='IMG') window.opener.document.getElementById('b').value+='\n<a href="'+o.src+'"><img src="'+o.src+'"></a>\n'; } </script>
