- ベストアンサー
お気に入りフォルダみたいな表示をするタグ
コレ↓(○○○のみ)をクリックしたら ○○○ ●● こういう風に↓ ○○○ ├△△△ ├■■■ └☆☆ ●● つらつらっと中身というかリンクというかテキストが表示されて もう一回○○○をクリックすると一番上の状態に戻る というのはどうやったらいいのでしょうか？ (説明わかりにくかったらごめんなさい…) 多分JavaScriptかなぁというイメージのみでこのカテゴリに書かせていただきました(^^;)。 私は高校生の頃に授業で少々HTMLについて勉強して 大学生になって、webページ作成の勉強を始めたのですが HTML以外がさっぱりわかりません(泣)。 とりあえずJavaScriptから勉強してみようと思っているので もしよかったら(学習法とかテキストとか)アドバイスもらえるとうれしいです。
- meto01
- お礼率25% (6/24)
- JavaScript
- 回答数4
- ありがとう数3
- みんなの回答 （4）
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <head><meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <title>???</title> <script type="text/javascript"> function Fmenu(id){ if(document.all){ var obj=document.all(id); } else if(document.getElementById){ document.getElementById(id)} else return; if(obj&&obj.style.display=='none'){ obj.style.display='block'; } else if(obj&&obj.style.display=='block'){ obj.style.display='none'; }} </script> </head> <body> <a href="#" onclick="Fmenu('d1');return false">○○○</a><br> <div id="d1" style="display:none"> ├<a href="xxx1.html">△△△</a><br> ├<a href="xxx2.html">■■■</a><br> └<a href="xxx3.html">☆☆</a> </div> ●● </body> </html>
その他の回答 (3)
私は秀和システムという会社のHTML&CSS&JavaScript辞典で、 HTMLに関するものをあーだこーだと勉強してみたことがあります。 いろいろなブラウザ環境について書いているので割とお勧めできますよ。
- yambejp
- ベストアンサー率51% (3827/7415)
たとえばこんな風にかけます。 <span onClick="obj=document.getElementById('c1').style;obj.display=(obj.display==''?obj.display='none':'');"> ○○○<br> </span> <span id="c1" style="display:none"> ├△△△<br> ├■■■<br> └☆☆<br> </span> <span onClick="obj=document.getElementById('c2').style;obj.display=(obj.display==''?obj.display='none':'');"> ●●<br> </span> <span id="c2" style="display:none"> ├△△△<br> ├■■■<br> └☆☆<br> </span>
- BLUEPIXY
- ベストアンサー率50% (3003/5914)
関連するQ&A
- お気に入りフォルダみたいな表示をするタグ
コレ↓(○○○のみ)をクリックしたら ○○○ ●● こういう風に↓ ○○○ ├△△△ ├■■■ └☆☆ ●● つらつらっと中身というかリンクというかテキストが表示されて 続けて●●をクリックすると ○○○ ●● ├＊＊＊ └◎◎ ○○○が閉じて●●の中身が表示される。 というのはどうやったらいいのでしょうか？ (説明わかりにくかったらごめんなさい…) 自分でも一応作ったんですが簡単に言うと ○○○をクリックすると中身を表示 ●●の中身を非表示 ●●をクリックすると中身を表示 ○○○の中身を非表示 のような内容で作ったので数が増えるとやたらと長くなってしまいます。 もっとシンプルに作れないでしょうか？ 以前にも似たような質問をしたのですが中身が増えるにつれて長くなってしまって…。 お願いします。
- ベストアンサー
- JavaScript
- タグで表示されるプログラムに関して
JavaScriptというか、HTMLというか、 タグで記述されるプログラムの類を、 感覚的に理解しようと取組んでいるのですが、 どうも頭に入ってこず悩んでおります。 アクセスなどで、フォームを作成してそこに ボタンやフィールドを載せて・・・という具合の プログラムはイメージ(理解/体得)できているのですが HTMLで、要はタグで表示されていて、 それが実際に動かすとフォーム(というかWEBページ)というか、 どうやって、そういうものになったりするのが いまいちピンと来ないのです。 （あとＣＳＳとかも・・・） なにか、よい学習方法はありますでしょうか。 何卒アドバイスをお願いいたします。
- ベストアンサー
- SE・インフラ・Webエンジニア
- TABLEタグについて
HTMLを勉強し、HPを作成中です。 更新履歴をつけようと思い、その内容を TABLEタグで表の中に表示させようと思っています。 そこで履歴の内容ですが、HTMLに直接書くのではなく テキストファイルを読み込んで、そのテキストの中身を テーブルに表示させることはできないでしょうか？ 表示させてい内容は、 □2004/05/01 サイト完成 □2004/05/05 リンクを１件追加 などです。よろしくお願いいたします。
- ベストアンサー
- HTML
- webページ上で、リンクをクリックすると中身を表示させたい。
おそらくJavascriptのようなプログラムでないと動かないと思ったので、Javascriptで投稿します。 webページ上で、あるリンクをクリックすると、リンクの下に中身を表示させて、もう一度リンクをクリックすると中身が見えなくなる。という風にしたいです。 例えばブログなどで ～～～最初の２，３行程度のテキスト表示 この記事の【続きを表示する】 とあって、【続きを表示する】をクリックした「瞬間に」 このリンクの下に続きの内容が表示されて、【続きを消す】リンクを作成して 【続きを消す】リンクをクリックしたら、下の内容が消える。 というようなイメージです。 http://okwave.jp/qa1027735.html の良回答を参照して、スクリプトソース（ボタンテスト～以降）をコピペしてみたんですが、 IEでは動作したのですが、firefoxでは動きませんでした。 IE、firefox、オペラ対応ぐらいの対応での何か方法はありませんでしょうか？
- ベストアンサー
- JavaScript
- JimdoにPicasaのコンテンツを表示したい
Jimdoでhomepageを立てているのですが、 Picasaの写真アルバム、写真、動画のリンクを貼り付けるコントロールが見当たりません。 Youtubeならば専用コントロールを使えるのですが。 できるのはテキストにリンクを貼り付けてクリックしたら見えるということだけ。 HTMLやjavascriptを書いてでも表示したいのですが、どなたかお分かりの方、ご教示おねがいしたいです。
- 締切済み
- ブログ
- IEでリンク先フォルダ中身を表示させたい
友人に写真データを開示したいと考えてます。 (JPGで読みとり専用フォルダに入ってる。) WEBサーバー自体はきちんと動作してます。 サムネイルも何も面倒なので、単純にクリックするとそのフォルダ内部がババッと表示されるようにしたいのですが、何かよい方法はありますか? HTMLだけでいければと思ってますが・・。ファイル名一覧が出ればよいです。あとはクリックすれば写真データは見れるでしょうから。 単純そうで色々試したのですが駄目でした。Web作成ツールとか併用すればもっとスマートな気がしましたが・・。 写真１ 写真２ HTMLで上記の文字のページ作成、それぞれD:\WEB\1、D:\WEB\2というフォルダにリンクさせてクリックするとそのフォルダに移動して一覧表示・・。 そんなイメージです。
- 締切済み
- ブラウザ
- javascriptでフォルダ内のファイル名を検索して取得できますか？
javascript初心者です。宜しくお願いします。 javascriptでフォルダ内のファイル名を検索して取得することは できるのでしょうか？ 一応、本やネットで調べてみたんですが そういった記述は見つかりませんでした。 やりたい事のイメージとしては HPに表示させたHTMLファイル名クリックしたら そのHTMLファイルに飛ぶといった処理をHTMLで記述するのではなく、 javascriptでそのファイル名を自動で取得してそれをHP上に表示させたいのです。 いちいちHTMLでファイル名を書いてリンクさせるのが面倒なので そこを自動化できないかと考えたわけですが これはjavascriptでできるでしょうか？ 回答宜しくお願いします。
- ベストアンサー
- JavaScript
- レイヤーの非表示
よろしくお願いします。 本文中に <div id="test" style="DISPLAY:none;POSITION:absolute;"> </div> としてあり、何らかのイベントを受けたらjavascript内で、 objTest=document.getElementById('test'); objTest.style.display='block'; と表示したレイヤーを今度は非表示にする場合、 表示したレイヤー、例えばHTMLテーブルを表示した場合そのテーブル以外の場所をクリックしたというイベントを拾うことは可能でしょうか？ フォームにテキストが入力された時、テーブルが表示されその中にあるテキスト（リンク）をクリックした場合、入力補完される。リンク以外をクリックした場合（入力補完をせず、他の動作に移ったとき）テーブルが消えるイメージです。 どうぞよろしくお願いいたします。
- ベストアンサー
- JavaScript
- タグの名前が解りません
大カテゴリをクリックすると、その文章の下に小カテゴリが現れて、それを押すとリンクが開く………というタグを探しているんですが、どう呼ばれているのか解らなくて検索にひっかかりません………。 ドロップダウンリストがイメージ的に近いんですが、あれの枠がない物は何て言うんでしょう？ 素人な質問で申し訳ありませんが、回答お待ちしています！
- ベストアンサー
- その他（インターネット・Webサービス）
- クリックなどをするとテキストが強調表示されるjavascript
こんにちは。 フレーム使用したWEBページを作成中です。 たとえばフレームAの「あいう」という文字をクリックすると フレームB内の「あいう」というテキスト(リンク等ではなく)が強調表示される、 というようなjavascriptはありますでしょうか。 あちこちの配布サイトを検索してみたのですが、キーワードが 適切でないためか、なかなか見つけられませんでした。 よろしくお願いします。
- ベストアンサー
- JavaScript
