テキストエリアに画像ＵＲＬを貼り付ける入力支援

締切済

質問者：midorin_h
質問日時：2008/10/05 09:29
回答数：1件

簡単な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ってサンプルになるようなものはないでしょうか？

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (1件)

最新から表示
回答順に表示

No.1

回答者： _pipi_
回答日時：2008/10/05 21:10

<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>