- 締切済み
behavior: url(#default#time2); について
現在ホームページで下記のプログラムを使おうっと思ったのですが このプログラムではボタンをON,OFFしたときにしか開きません。 どなたかページを開いた瞬間にボタンを押さなくても開かれた状態で開くやり方を 教えてくれませんか? javaScriptによる操作でも構いません、お願いします。 <style type=text/css> <!-- .time{ behavior: url(#default#time2); } --> </STYLE> ~~省略~~ <td class="time" begin="show_table2.onclick" end="show_table.onclick" timeAction="display" width="80px"> </td>
- cyakopen
- お礼率26% (5/19)
- JavaScript
- 回答数1
- ありがとう数0
- みんなの回答 (1)
- 専門家の回答
みんなの回答
- みずの(@mizuno3)
- ベストアンサー率73% (192/263)
begin="0"とかで動作するんじゃなかったかなと思います。 昔少し使ったことがあるだけなので、参考URLを見て調べてみてください。
関連するQ&A
- tableの左側の色をCSSで一回で変えたい
tableの左側の色をCSSで一回で変えたいのですが、どのようにするのが一番良いのでしょうか?現在はclassを使っています。 アドバイス宜しくお願いします。 <head> <style type="text/css"> <!-- table { height: 400px; width: 400px; } .tableleft { background-color: #FF0000; } --> </style> </head> <body> <table summary="ABCD" > <caption>ABCD</caption> <tr> <td class="tableleft">A</td> <td>B</td> <td>C</td> <td>D</td> </tr> <tr> <td class="tableleft">1</td> <td> </td> <td> </td> <td> </td> </tr> <tr> <td class="tableleft">2</td> <td> </td> <td> </td> <td> </td> </tr> <tr> <td class="tableleft">3</td> <td> </td> <td> </td> <td> </td> </tr> </table> </body>
- ベストアンサー
- HTML
- background-color css
目的:社員のスケジュール表を作りたいです。 出勤、休み、緊急休みを一目瞭然に表で表現したいですが、そのやり方が分からないです、ご存知の方々教えてお願いします。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "?http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="?http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-31j" /> <title>表</title> <style> <!-- .open{ background-color:rgb(255,255,255); } .holiday{ background-color:rgb(166,166,166); } .rest_holiday{ position:relative; filter:alpha(opacity=50); background-color:rgb(255,0,0); } .rev{ background-color:rgb(185,205,229); } --> </style> </head> <body> <table border="1" cellspacing="1"> <tr> <td valign="top"> <table border="1" cellspacing="0" width="60" > <tr align="center"> <td height="23" >名前</td> </tr> <tr align="center"> <td ></td> </tr> <tr align="center"><td>田中</td></tr> <tr align="center"><td>島村</td></tr> <tr align="center"><td>喜田村</td></tr> <tr align="center"><td>林義夫</td></tr> </table> </td> <td valign="top" > <table width="00" cellpadding="0" cellspacing="0" border="1"> <tr align="center"> <td width="100" height="23" colspan="2" >10時</td> <td width="100" height="23" colspan="2">11時</td> <td width="100" height="23" colspan="2" >12時</td> </tr> <tr > <td width="25" height="23" valign="top" class="open"> </td> <td width="25" height="23" valign="top" class="open"> </td> <td width="25" height="23" valign="top" class="rest_holiday"> </td> <td width="25" height="23" valign="top" class="rest_holiday"> </td> <td width="25" height="23" valign="top" class="rest_holiday"> </td> <td width="25" height="23" valign="top" class="rest_holiday"> </td> </tr> <tr > <td width="25" height="23" valign="top" class="holiday"> </td> <td width="25" height="23" valign="top" class="holiday"> </td> <td width="25" height="23" valign="top" class="holiday"> </td> <td width="25" height="23" valign="top" class="holiday"> </td> <td width="25" height="23" valign="top" class="holiday"> </td> <td width="25" height="23" valign="top" class="holiday"> </td> </tr> <tr > <td width="25" height="23" valign="top" class="rev"> </td> <td width="25" height="23" valign="top" class="rev"> </td> <td width="25" height="23" valign="top" class="open"> </td> <td width="25" height="23" valign="top" class="rev"> </td> <td width="25" height="23" valign="top" class="rev"> </td> <td width="25" height="23" valign="top" class="open"> </td> </tr> <tr > <td width="25" height="23" valign="top" class="rest_holiday"> </td> <td width="25" height="23" valign="top" class="rest_holiday"> </td> <td width="25" height="23" valign="top" class="rest_holiday"> </td> <td width="25" height="23" valign="top" class="rest_holiday"> </td> <td width="25" height="23" valign="top" class="rest_holiday"> </td> <td width="25" height="23" valign="top" class="rev"> </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> </body> </html>
- 締切済み
- HTML
- テーブルの幅をデフォルトに戻すcssがわかりま
<html> <head> <title>test</title> <style type="text/css"> table { width: 100%; } </style> </head> <body> <table border=1> <tr><td>No</td><td>table1</td></tr> </table> <table border=1> <tr><td>No</td><td>table2</td></tr> </table> </body> </html> このようなソースで二つ目のテーブルだけ table { width: 100%; } を適用しない方法はありますか? 実際はテーブルが複数あり 基本的には table { width: 100%; } をテーブルに設定したいのですが とあるテーブルのみテーブルの幅をデフォルトのサイズにしたいのです。 table { width: 100%; } で全てのテーブルに適用した後に クラスを使って該当のテーブルのみ デフォルトの値に戻す方法は有りますか? <table border=1 class="デフォルトに戻す"> <tr><td>No</td><td>table2</td></tr> </table> としたいのですが テーブルの幅をデフォルトに戻すcssがわかりません。 2つのテーブルの幅は指定したくありません。
- ベストアンサー
- HTML
- DHTML, テーブルの幅を伸ばすには?
以下の code で一応動くものが出来たのですが、 IE6 だと左下のステータスバーにエラーが出てしまいます。 function setWidth2(pixel) { calc.style.width = pixel; } ここに問題があるようですが、数字を そのまま入れた場合はだいじょうぶなようです。 直し方が解りますでしょうか? ------------------- <html> <head> <title>[ DHTML ]</title> <script type="text/javascript"> <!-- var w = 200; var h = 200; function setWidth(ratio) { var cur = calc.style.width.substring(0,3); var set = w*ratio; var time = 1; if(cur < set) { for(i=cur; i<=set; i++) { setTimeout("setWidth2(" + i + ")",time); time++; } } else if(cur > set) { for(i=cur; i>=set; i--) { setTimeout("setWidth2(" + i + ")",time); time++; } } } function setWidth2(pixel) { calc.style.width = pixel; } // --> </script> <style type="text/css"> .b1 { color: "#AFEEEE"; font-size: 24px; text-align: center; background-color: white; } .button8 { background-color: white; cursor: pointer; } </style> </head> <body><center> <br> <table border="0" cellspacing="1" cellpadding="10" bgcolor="#cccccc"> <tr> <td class="button8">Width</td> <td class="button8" onMouseDown="setWidth(1.0);">100%</td> <td class="button8" onMouseDown="setWidth(3.0);">300%</td> </tr> </table> <br> <table bgcolor="#cccccc" id="calc"> <tr> <td class="b1"> </td> </tr> </table> </center></body></html>
- ベストアンサー
- JavaScript
- JavaScriptでIEの自動ログインについて
JavaScriptの初心者でIE上で表示されたログインボタンをクリックしたいのですが、name="ボタン名"がなくクリックできないんです。 「ie.document.MainForm(0).submit.click();」と記入してみたのですが、クリックできないんです。 下記のようなボタンをJavaScriptで押すにはどうしたらいいのでしょうか? どなたかすいませんがご教授ください。 ===================================================== ボタンのHTML <form name="MainForm" method="POST" action="/login" target="_self"> <table border="0" width="510"> <tr> <td width="140"> </td> <td width="160" align="center"><input type="submit" style="width:100" value="ログイン" onClick="return buttonHandler('ok');"></td> <td width="210"> </td> </tr> </table> <br> </form>
- ベストアンサー
- JavaScript
- 初めてCSSをデザインに取り入れたらレイアウトが崩れてしまいました・・。
dreamweaverMX2004を使用しているホームページ作成初心者です。 スクロールバーが付いているテキストボックス(更新画面用)の下に文字なり画像なりを入れると、なぜかだいぶん間が空いて表示されてしまいます。テキストボックスの高さを400くらいの大きな数字を指定すると間はなくなるのですが、どうしても高さ200~250くらいに指定したいんです…。 参考になるかも知れないので、コードを貼り付けておきます。 以前、教えてgooで同じような質問があって、そのときにどなたかが、 http://cssbug.at.infoseek.co.jp/detail/winie/b053.html を紹介していたので、もしかしたらこの状態なんでしょうか?あるいは、決定的なミスをしているのでしょうか? どなたかご存じの方、いらっしゃったら、どうぞお願いいたします。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis"> <title>無題ドキュメント</title> <style type="text/css"> <!-- .style1 { color: #000000; font-size: 12px; } .style2 {font-size: 12px} .style4 {color: #000099; font-weight: bold; } --> </style> </head> <body> <style type="text/css"><!-- html, body { scrollbar-base-color: #D5D0F7; } --></style> <table width="800" border="0" cellpadding="0" cellspacing="0"> <!--DWLayoutTable--> <tr> <td width="279" height="357"> </td> <td colspan="2" valign="top"><style type="text/css"> <!-- .memo { width: 470px; height: 220px; overflow: auto; } --> </style> <div class="memo style1"> <p align="left" class="style1 style2"> </p> <p align="left"><span class="style4">2008年1月4日更新</span><br> あけましておめでとうございます。<br> </p> <p align="left" class="style1 style2"> </p> <p align="left" class="style1 style2"> </p> <p align="left" class="style1 style2"> </p> <p align="left" class="style1 style2"> </p> <p align="left" class="style1 style2"> </p> <p align="left" class="style1 style2"> </p> <p align="left" class="style1 style2"> </p> <p align="left" class="style1 style2"> </p> <p align="left" class="style1 style2">あけましておめでとうございます。<br> </p> </div></td> </tr> <tr> <td height="43"></td> <td width="248" valign="top">pppp</td> <td width="273"> </td> </tr> </table> <br> </body> </html>
- ベストアンサー
- その他([技術者向] コンピューター)
- 一部のタグが反映されない
パソコンを変えてから一部のタグが反映されなくなってしまい困っています。 反映されないのは style="filter:" このCSSと(フィルター関連全て駄目です) <SPAN id="close_msg" style="color:#808080;" class="time" begin="close_msg.onMouseover" end="close_msg.onMouseout" timeAction="style"> <TABLE class="time" begin="show_msg.onClick" end="close_msg.onClick" timeAction="display" width="75%" cellpadding="5"> このタグです。 OSはWindows XP Home Edition Version 2002 Survice Pack 2、 使用ブラウザはIE7です。なお、IE6でもFirefoxでも同じ状態でした。 少なくともOSとブラウザは前のパソコンで使用していた物と同じだと思います。 また、CSSに関してはローカルで表示させると問題なく反映されます。 サーバーにアップロードされた物のみ反映されません。 原因・対処法が分かる方がいらっしゃいましたら教えてください。
- ベストアンサー
- ブラウザ
- FireFoxでborder-collapseを使うと余計な枠線が表示される
FireFoxでborder-collapse:collapseを指定すると、余分な枠線が表示されてしまいます。 IEでは問題ありません。 <HTML> <HEAD> <title>TEST</title> <style type="text/css"> table { border-collapse: collapse; } td { border: 1px solid black; } td.none{border:none;} </style> </HEAD> <BODY> <table> <tbody> <tr><td rowspan="2">test</td><td class=none> </td><td rowspan="2">text</td><td class=none> </td></tr> <tr><td class=none>text</td><td td class=none> </td></tr> <tr><td rowspan="2">test</td><td class=none> </td><td rowspan="2">text</td><td class=none> </td></tr> <tr><td class=none>text</td><td td class=none> </td></tr> <tr><td class=none> </td><td td class=none> </td><td class=none> </td><td class=none> </td></tr></tbody> </table> </BODY> </HTML> 何か対策は無いでしょうか?
- 締切済み
- その他([技術者向] コンピューター)
- ●tableをCSSで書き直すには(HTMLソース付き)
いつも勉強させていただいております。 今回は質問をさせていただけないでしょうか。 上の表の枠のように少し立体感があるようにしたいと思います。 これを、CSSにしたいのですが、border-styleをいろいろ試しても同じようになりません。 どのようにすれば良いでしょうか? <html> <STYLE TYPE="text/css"> <!-- .TTT { border-style:ridge; padding:0px; border-width:1px; } --> </STYLE> <body bgcolor="#FF88FF"> <table width="270" border="1" cellpadding="0" cellspacing="0" > <tr> <td>こんな感じにしたいです。</td> <td>BBB</td> </tr> </table> <br> <table style="width:270px;" class="TTT"> <tr class="TTT"> <td class="TTT">なぜか、こんな感じになってしまいます。</td> <td class="TTT">DDD</td> </tr> </table> <br> </body> </html>
- 締切済み
- HTML
- 現在
現在 <table> <tr> <td> <input type="button" value="1" onclick=""/> <input type="button" value="2" onclick=""/> <input type="button" value="3" onclick=""/> </td> </tr> </table> といった単純なテーブルを作成しています。 上記のボタン1,2,3とそれぞれの間に空白を開けたいと思っているのですが、 <input type="button" value="1" onclick=""/> <span style="width:50px"> </span> <input type="button" value="2" onclick=""/> <span style="width:50px"> </span> <input type="button" value="3" onclick=""/> と作成するとIE6ではボタン間に隙間が開くことを確認したのですがIE8では spanタグが無視されてしまい、ボタン間が詰まった表示のままになってしまいます。 IE8ではspanタグで隙間を作ることは難しいのでしょうか? また他に手法がありましたら、紹介していただけると幸いです。 よろしくお願いします。
- ベストアンサー
- HTML