クリックすると別の文章を表示する

解決済

質問者：vect-61
質問日時：2007/12/28 14:46
回答数：3件

javascriptでいくつかの文字をクリックするとその文字に対する文章が表示されるようにしたいのですが、どのように記述すればよいのでしょうか？どなたかご教授お願いします

通報する

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

質問の本文を隠す

回答 (3件)

ベストアンサー優先
最新から表示
回答順に表示

No.3ベストアンサー

回答者： aniline
回答日時：2007/12/28 22:16

<script type="text/javascript">

function textChange(id,text){
var span_el = document.getElementById(id);
var originalText = span_el.firstChild.nodeValue;
span_el.innerHTML=text;
return originalText;
}
</script>

<div onClick="textChange('mytext','表示させたいHTML')">クリックされる文字</div>
<br><br>
<span id="mytext">
変更したい場所
</span>

これでいかがでしょうか。
変更後のHTMLの文章は改行してはいけないので、外部ファイルで
text01 = "HTMLの文章（文章内の"は\"と記述）"
とかしておいて読み込むとかなりすっきりします。

参考URL：http://dospara.okwave.jp/qa3616054.html

- 0
- 件

通報する

この回答へのお礼

外部ファイルとして読み込む方が楽そうですね
参考になりました。ありがとうございました。

通報する

お礼日時：2007/12/28 23:52

No.2

回答者： noname#140971
回答日時：2007/12/28 16:48

還暦目前の服飾デザイナでプログラマではありません。

ですから、私が示せるサンプルは次が限界。
それに質問の意図も余り理解できていません。
そういう事情で色んな問題、色んな改善点を含んでいると思います。
そこは、プロの回答者にお聞きになって下さい。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<html>
<title>文章の表示</title>
<meta http-equiv="Content-script-Type" content="type">
<script type="text/javascript">
　　var petdogs = new Array(3);

　　petdogs[0]="シベリアンハスキーには、独特の美しさがあります。" +
　　　　　　　　　 "子犬ならば、なおさらのことです。";
　　petdogs[1]="最愛のシベリアンハスキーでした。";
　　petdogs[2]="同年春に我が家へやってきたゴールデンレトリバーのです";

　　function update_val(objects, new_value) {
　　　　objects.value = new_value;
　　}
</script>
<body>
<form name="main">
<span onclick="update_val(document.main.message, petdogs[0]);return true"><u>1,AAAA</u></span></br>
<span onclick="update_val(document.main.message, petdogs[1]);return true"><u>2,BBBB</u></span></br>
<span onclick="update_val(document.main.message, petdogs[2]);return true"><u>3,CCCC</u></span></br>
<p>
<textarea name="message" id="message" rows="3" cols="50" readonly="readonly"></textarea><br/>
</form>
</body>
</html>