- ベストアンサー
文章を４種類用意していて
ボタンを押すごとに順次入れ替わり表示する方法はあるのでしょうか？ 例えば ボタンを押すごとに下のように変わるのです １．おはよう ↓ ２．こんにちは ↓ ３．こんばんわ ↓ ４．さようなら ↓ １．おはよう ↓ ２．こんにちは ↓ ３．こんばんわ ↓ ４．さようなら ↓ ・・・ この部分がHTMLの下のほうにあるので ページを４つ用意して切り替えるようにすれば 切り替わった瞬間に肝心の表示が下に隠れてしまいます どうしたらいいでしょうか？
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
<script type="text/javascript"> <!-- var GreetingData = new Array("おはよう","こんにちは","こんばんわ","さようなら"); var GreetingIndex = 0; function changeText(){ var GreetingSPAN = document.getElementById("GREETING"); GreetingSPAN.childNodes[0].nodeValue = GreetingData[GreetingIndex++]; if(GreetingIndex == GreetingData.length) GreetingIndex = 0; } //--> </script> <body onload="changeText()"> <p><span id="GREETING">あいさつ</span></p> <button onclick="changeText()">次の挨拶</button>
その他の回答 (1)
- BLUEPIXY
- ベストアンサー率50% (3003/5914)
>JavaScript以外では無理でしょうか？ (゜ペ／)／ひぃ！ ＰＨＰとかＣＧＩを使えば可能だと思います。 ＞ページを４つ用意して切り替えるようにすれば ＞切り替わった瞬間に肝心の表示が下に隠れてしまいます <a name="GREETING">こんにちは</a> とかしておいて <a href="index2.html#GREETING"> あるいは、 <form action="index2.html#GREETING"> みたいな感じでその場所までとばせますよ。 （多分）
お礼
ありがとうございます ＃だと閲覧者のスクロール位置が強制的に変わってしまいますね JavaScript見たいにきれいにはいかないのが残念です
お礼
ありがとうございます JavaScript以外では無理でしょうか？ 対応していないブラウザでもいけたらベストです