- ベストアンサー
シート？の切替
１枚のWebページ内において、 エクセルのシートを切り替えるような感じで表示を切り替える方法があるとの事です。 (タブブラウザを使用しているわけではありません) どなたか詳しいやり方を知ってらっしゃる方はいらっしゃいませんか？
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
実現に様々な方法があります。 ・フレーム ・HTML＋CSS ・HTML＋DHTML ・FLASH などなど… ＞１枚のWebページ内において とのことなので、フレーム利用以外の方法を紹介しているページを いくつか下記に記載します。ご参考ください。 ▼CSS と JavaScript でタブ切り替え http://nais.to/~yto/tools/css_tabs/ ▼CSS タブ式メニュー http://www.wiredope.com/csstemp/?p_id=sample_texttab_1 ▼インラインのタブ・メニュー http://www6.plala.or.jp/go_west/nextcss/tip/tech/no_fix_tab.htm ▼FLASH Cafe http://flashcafe.jp/menu/tab/
その他の回答 (2)
- trisagion
- ベストアンサー率68% (15/22)
おそらくCSSとJavaScriptを使ったDHTMLと言われる技術の事だと思います。 以下、参考です。(エクセル風に見せるには配置やデザインを工夫しないといけませんが) <HTML> <HEAD> <TITLE>Test</TITLE> <SCRIPT language="javascript" type="text/javascript"> <!-- function changeLayer(id){ //各内容を記述した要素のIDをすべて配列にする var layer = new Array('layer1','layer2','layer3','layer4'); //すべての要素を非表示にする for(i = 0; i < layer.length; ++i){ document.getElementById(layer[i]).style.display = 'none'; } //指定した要素のみ表示する document.getElementById(id).style.display = 'block'; } //--> </SCRIPT> <STYLE type="text/css"> <!-- #layer1 {display:block;}/* 初期状態で表示する要素 */ #layer2 {display:none;}/* 他の要素は初期状態が非表示 */ #layer3 {display:none;} #layer4 {display:none;} --> </STYLE> </HEAD> <BODY> <DIV><!--要素の表示切替--> <A href="javascript:changeLayer('layer1')">シート1</A>| <A href="javascript:changeLayer('layer2')">シート2</A>| <A href="javascript:changeLayer('layer3')">シート3</A>| <A href="javascript:changeLayer('layer4')">シート4</A>| </DIV> <!--各要素--> <DIV id="layer1">シート1の内容</DIV> <DIV id="layer2">シート2の内容</DIV> <DIV id="layer3">シート3の内容</DIV> <DIV id="layer4">シート4の内容</DIV> </BODY> </HTML>
お礼
ありがとうございました。 javascriptでしたので、分かり易かったです。
- wellow
- ベストアンサー率46% (892/1932)
複数シートを持つエクセルファイルを、「名前をつけて保存」、ファイルの種類で「Webページ（*.htm;*.html）」、ブック全体を選び、HTML形式で保存すると、似たような結果になります。 しかし、実際には、フレーム分割されたページができるだけです（タブっぽいですが）。
お礼
ご回答ありがとうございました。 ですが求めていた答えではありませんでした。 申し訳ございません。
お礼
リンク先のページを参照させていただきました。 ありがとうございました。