• ベストアンサー

html内の記述を「表示」「隠す」の切り替え方法について

お世話になります。 HTMLの文章中に、フラッシュを挿入していますが、必要ない場合に「表示」「隠す」の処理をしたいと考えています。 ウィキペディアではよく利用されていますが、ソースが分かりません。 リファンレンスを探すにも、どう言ったワードで検索してよいのか・・ http://ja.wikipedia.org/wiki/Wikipedia:%E3%82%B5%E3%83%B3%E3%83%89%E3%83%9C%E3%83%83%E3%82%AF%E3%82%B9 これと同じような動きをするJavascriptのサンプルをご存知ないでしょうか？ よろしくお願いします。

質問者が選んだベストアンサー

  • ベストアンサー
  • fujillin
  • ベストアンサー率61% (1594/2576)
回答No.4

No2です。 ＞＞最初にdisplayをnoneに設定 ↑してないですよね？（表示されてる） <div id="hoge" style="display:none;"> CSSも覚えてね。

NeuronWhisper
質問者

お礼

ようやく理解しました。 CSS、もうちょっと勉強します。 ありがとうございます。

全文を見る
すると、全ての回答が全文表示されます。

その他の回答 (3)

  • fujillin
  • ベストアンサー率61% (1594/2576)
回答No.3

No2です。 ＞でも、デフォルトで非表示だといいのですが、方法はありますか？ ANo2の最初に書いてあるように、単純にCSSのdisplay属性を切り替えているだけなので、最初にdisplayをnoneに設定しておいてあげればいいです。

NeuronWhisper
質問者

補足

いろいろソースをいじってみたのですがわかりません。 こういうことでしょうか？ <html> <head> <script type="text/javascript"> function fuga(elm) { var flag = (elm.innerHTML=='隠す'); document.getElementById('hoge').style.display = flag?'none':'block'; elm.innerHTML = flag?'表示':'隠す'; } </script> </head> <body> <button onclick="fuga(this)">表示</button> <p> <div id="hoge"> なんたらかんたら説明文<br> 画像なんかもあったりして </div> </body> </html> 1さんのリンク先はソースが複雑で、２さんのソースがシンプルで分かりやすいのですが・・・よろしくお願いします。

全文を見る
すると、全ての回答が全文表示されます。
  • fujillin
  • ベストアンサー率61% (1594/2576)
回答No.2

CSSのdisplayやvisibilityを切り替えてやっているのが多いみたい。 ＜参考まで＞ <html> <head> <script type="text/javascript"> function fuga(elm) { var flag = (elm.innerHTML=='表示'); document.getElementById('hoge').style.display = flag?'block':'none'; elm.innerHTML = flag?'隠す':'表示'; } </script> </head> <body> <button onclick="fuga(this)">隠す</button> <p> <div id="hoge"> なんたらかんたら説明文<br> 画像なんかもあったりして </div> </body> </html>

NeuronWhisper
質問者

補足

fujillin様 シンプルでいいですね。 でも、デフォルトで非表示だといいのですが、 方法はありますか？

全文を見る
すると、全ての回答が全文表示されます。
回答No.1

この先のページは見てませんが。 http://okwave.jp/search.php3?kw=%95%5C%8E%A6+%90%D8%82%E8%91%D6%82%A6&boolean=and&search_type=keyword&target_all=1&top_category_id=205&middle_category_id=221&small_category_id=254&date_filter=non&sort_type=score&blank_check=1

全文を見る
すると、全ての回答が全文表示されます。
  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. JavaScript

関連するQ&A

  • 民主党議員が在日は嘘！

    http://ja.wikipedia.org/wiki/%E8%8F%85%E7%9B%B4%E4%BA%BA http://ja.wikipedia.org/wiki/%E8%8F%85%E5%AF%BF%E9%9B%84 http://ja.wikipedia.org/wiki/%E8%8F%85%E5%AF%A6 ↑菅直人。 ↓鳩山由紀夫 http://ja.wikipedia.org/wiki/%E9%B3%A9%E5%B1%B1%E7%94%B1%E7%B4%80%E5%A4%AB http://ja.wikipedia.org/wiki/%E9%B3%A9%E5%B1%B1%E5%A8%81%E4%B8%80%E9%83%8E http://ja.wikipedia.org/wiki/%E9%B3%A9%E5%B1%B1%E4%B8%80%E9%83%8E http://ja.wikipedia.org/wiki/%E9%B3%A9%E5%B1%B1%E5%92%8C%E5%A4%AB http://ja.wikipedia.org/wiki/%E9%B3%A9%E5%B1%B1%E5%A8%81%E4%B8%80%E9%83%8E 普通に日本人じゃね？ どこから在日って流れになったんですか？

  • メンタリストDaiGo　と、さかなクンは似てる？

    メンタリストDaiGo（ダイゴ）と 　　　 さかなクンは、似てますよね？ 顔がソックリにしかみえません！ どう思いますか？ メンタリストDaiGo（ダイゴ）wiki http://ja.wikipedia.org/wiki/%E3%81%95%E3%81%8B%E3%81%AA%E3%82%AF%E3%83%B3 さかなクンwiki http://ja.wikipedia.org/wiki/DaiGo

  • 亀田のwikipedia

    http://ja.wikipedia.org/wiki/%E4%BA%80%E7%94%B0%E5%A4%A7%E6%AF%85 になぜ負けが反映されてないのですか？

  • ロマンチック街道（ドイツ＆日本版）

    ＞http://ja.wikipedia.org/wiki/%E3%83%AD%E3%83%9E%E3%83%B3%E3%83%86%E3%82%A3%E3%83%83%E3%82%AF%E8%A1%97%E9%81%93 ＞http://ja.wikipedia.org/wiki/%E6%97%A5%E6%9C%AC%E3%83%AD%E3%83%9E%E3%83%B3%E3%83%81%E3%83%83%E3%82%AF%E8%A1%97%E9%81%93 ドイツは行ったけど、日本版はどんなのかなあー・・？ 教えて下さい、お願いします

  • ヘヴィロックとはどういう音楽ですか。

    Wikipediaを見ましたがよくわかりません。 http://ja.wikipedia.org/wiki/%E3%83%98%E3%83%B4%E3%82%A3%E3%83%AD%E3%83%83%E3%82%AF 背景と内容、代表的なアーティストを教えて下さい。

  • 人生は夢か

    人生という夢について語る物語が多い。 有名なのは： (1)感嘆の夢⇒https://ja.wikipedia.org/wiki/%E9%82%AF%E9%84%B2%E3%81%AE%E6%9E%95 (2)胡蝶の夢⇒https://ja.wikipedia.org/wiki/%E8%83%A1%E8%9D%B6%E3%81%AE%E5%A4%A2 後、どんな物語をご存知ですか？

  • 水晶振動子の使われ方

    今、水晶振動子について調べています。そこで、疑問がわきましたので質問させていただきます。 http://ja.wikipedia.org/wiki/%E6%B0%B4%E6%99%B6%E6%8C%AF%E5%8B%95%E5%AD%90 http://ja.wikipedia.org/wiki/%E3%82%AF%E3%83%AD%E3%83%83%E3%82%AF ウィキぺディアで上のような文献を調べました。 水晶振動子はパソコンや時計、無線機器などに利用されているようです。無線機器は、周波数を変えるために、水晶振動子を利用していることは、わかりました。しかし、パソコンなどのディジタル回路においては水晶振動子はどのような役割をはたしているのでしょうか？ またよく分かる参考文献等がありましたら教えてください。 よろしくお願いよくします。

  • センサネットワークについて

    センサネットワークについて詳しく載っているサイトや書籍があったら教えてください。 ちなみにウィキペディア以外でお願いします。 http://ja.wikipedia.org/wiki/%E3%82%BB%E3%83%B3%E3%82%B5%E3%83%8D%E3%83%83%E3%83%88%E3%83%AF%E3%83%BC%E3%82%AF

  • アプラウトとウムラウトの違いがよくわかりません

    http://ja.wikipedia.org/wiki/%E6%AF%8D%E9%9F%B3%E4%BA%A4%E6%9B%BF wikipedia を読んでも ablaut とウムラウトの違いがわかりませんでした。解説をお願いしてもいいですか？

  • 　例えば、“寅・虎”とかの動物の字が名前にある方は

    　例えば、“寅・虎”とかの動物の字が名前にある方は 　干支が寅年うまれなのでしょうか？ （初代広沢虎造さん） http://ja.wikipedia.org/wiki/%E5%BA%83%E6%B2%A2%E8%99%8E%E9%80%A0　 （葛飾柴又の寅さん） http://ja.wikipedia.org/wiki/%E7%94%B7%E3%81%AF%E3%81%A4%E3%82%89%E3%81%84%E3%82%88　 （下村湖人のお父上“寅六郎さん”） http://ja.wikipedia.org/wiki/%E4%B8%8B%E6%9D%91%E6%B9%96%E4%BA%BA

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する