ようこそ ゲスト さん、新規登録（無料）して気になる疑問を解決しませんか？
はじめての方へ｜ヘルプ｜FAQ
スポンサーサイト（詳細）

質問
質問者：tempora7 webページ上で、リンクをクリックすると中身を表示させたい。
困り度：
  • すぐに回答を！
 おそらくJavascriptのようなプログラムでないと動かないと思ったので、Javascriptで投稿します。

webページ上で、あるリンクをクリックすると、リンクの下に中身を表示させて、もう一度リンクをクリックすると中身が見えなくなる。という風にしたいです。

例えばブログなどで

〜〜〜最初の２，３行程度のテキスト表示

この記事の【続きを表示する】


とあって、【続きを表示する】をクリックした「瞬間に」
このリンクの下に続きの内容が表示されて、【続きを消す】リンクを作成して
【続きを消す】リンクをクリックしたら、下の内容が消える。


というようなイメージです。


​http://okwave.jp/qa1027735.html​　の良回答を参照して、スクリプトソース（ボタンテスト〜以降）をコピペしてみたんですが、
IEでは動作したのですが、firefoxでは動きませんでした。

IE、firefox、オペラ対応ぐらいの対応での何か方法はありませんでしょうか？
質問投稿日時：08/07/01 13:51
質問番号：4143056
この質問に対する回答は締め切られました。
最新から表示｜回答順に表示｜良回答のみ表示

回答

良回答10pt
回答者：fujillin Scriptなどは自分で修正できる程度には覚えないと、きちんと意図に沿ったものはできないでしょう。

ScriptやCSSを使わなくても、以下のようにすれば実現可能です。
環境によっては「瞬時」とはいかなでしょうが、一度ロードされれば以後はキャッシュが表示されるので早くなるはずです。
また、ブラウザ側でJavaScriptを無効にしていても、問題なく機能するところがいいかも・・・

-----a.html------
　最初の２，３行程度のテキスト表示
　この記事の【続きを表示する】（リンク先：b.html）

-----b.html------
　最初の２，３行程度のテキスト表示
　続きの内容
　【続きを消す】（リンク先：a.html）
種類：アドバイス
どんな人：一般人
自信：参考意見
回答日時：08/07/02 12:52
回答番号：No.3
この回答へのお礼なるほど、こういう使い方もあるんですね。
ただもう一つ別ファイルを作らないといけないので、ちょっと面倒です＾＾；

ですが考え方を学べました。ありがとうございます

回答

良回答20pt
回答者：M_Nobuyo ​http://10plate.blog44.fc2.com/blog-entry-75.html​
こちらのサイトのものを参考になされてはどうでしょうか？
これならばFirefoxでも動いたと思います。
種類：回答
どんな人：一般人
自信：参考意見
回答日時：08/07/01 22:55
回答番号：No.2
参考URL： ​http://10plate.blog44.fc2.com/blog-entry-75.html​
この回答へのお礼参考URLから色々と調べて試したら・・できました！＾＾
中々かっこよく出現できて面白いですね。
ありがとうございます。

回答

 
回答者：SAYKA そのリンクの回答はjavascriptで操作してるよ
そんで操作の仕方がFIREFOX的じゃないから動かない。そんだけ。
やりたい事を実現するにはjavascriptで、それもIEにもFIREFOXにも対応して、それでいてリンクの内容を表示だからかなり複雑だよ。

・クリックすると表示/非表示になるblockの制御
・iframeの操作(親から内容変更の操作)
この辺りができないと無理かな。
種類：アドバイス
どんな人：一般人
自信：参考意見
回答日時：08/07/01 15:04
回答番号：No.1
この回答へのお礼返信ありがとうございます。
意外に大変なんですね〜。
少しずつ勉強してみます。
 
最新から表示｜回答順に表示｜良回答のみ表示
スポンサーサイト（詳細）
このページのトップへ