JavaScriptで世界時計が表示されない原因とは？
- Dreamweaverで新規HTML作成後、JavaScriptの記述を行っても世界時計が表示されない問題が発生しています。
- 同じソースをトップページに貼り付けた際にも時計が表示されないため、原因を特定することが難しい状況です。
- テンプレートの使用や貼り付け位置、他のJavaScriptの影響など、様々な要素が原因として考えられます。
- ベストアンサー
JavaScript－世界時計が表示されない
Dreamweaverで社内サイトの作成をしています。 世界時計を表示したく、Dreamweaverで新規HTML作成→JavaScriptの記述 を行ったところ正しく表示されましたが、 同じソースをコピーして、担当するトップページ(index.html)に貼り付けたところ、時計だけが表示されません。 <使用ブラウザ：IE6.0.2> これは一体何が原因なのでしょうか？ ●index.htmlにテンプレートを使用しているから？ ●貼り付けようとする位置に問題がある？ ●同じページ内に他のJavascriptを使用しているから？ 自分なりに色々調べましたが全く見当がつきませんので、 どなたかご存知の方ご教授いただけますでしょうか。 よろしくお願い致します。 世界時計のJavaScriptソースを参考にしたURL http://www.ueda.info.waseda.ac.jp/~gaku/js/how030.html
- milkcan79
- お礼率80% (12/15)
- JavaScript
- 回答数5
- ありがとう数3
- みんなの回答 （5）
- 専門家の回答
質問者が選んだベストアンサー
elementsの値を変更したらいかがですか？ <form action=http://directory.abcdefghxx.com/index.cgi method=post> <table> <tr> <td valign=center width=341 height=28> <div align=right class="style34"><img src="../images/images/navibar.GIF" width="341" height="28" border="0" usemap="#Map3"> </div></td> <td valign=center height=28> <input size=10 name=name enctype="text"> </td> <td valign=bottom height=28> <input type=image height=22 alt=go width=24 src="../images/cec_button_go.gif" border=0 name=I1> </td> </tr> </table> 現在の世界の時刻です。 <BLOCKQUOTE> <TABLE> <TR><TD>オークランド(NZ)</TD><TD><INPUT NAME="nz" SIZE=8></TD></TR> <TR><TD>ロンドン</TD><TD><INPUT NAME="london" SIZE=8></TD></TR> <TR><TD>東京</TD><TD><INPUT NAME="tokyo" SIZE=8></TD></TR> </TABLE> </BLOCKQUOTE> </form> <SCRIPT LANGUAGE="JavaScript"> tz_nz = 13 * 60; // ニュージーランドの夏時間はGMT+13 tz_uk = 0; // イギリスはGMTですね。 tz_jp = 9 * 60; // GMT+9 var nz, uk, jp; // 時刻文字列を入れるところ function update_watch() { now = new Date(); nz = nowat(now, tz_nz) uk = nowat(now, tz_uk) jp = nowat(now, tz_jp) document.forms[0].elements[1].value = nz document.forms[0].elements[2].value = uk document.forms[0].elements[3].value = jp setTimeout('update_watch()', 999); // 1000msec = 1sec } function nowat(now, tz) { var hour, min, sec; var t = new Date(); t.setTime(now.getTime() + (now.getTimezoneOffset() + tz) * 60 * 1000); hour = t.getHours(); min = t.getMinutes(); sec = t.getSeconds(); if (hour < 10) { hour = "0" + hour; } if (min < 10) { min = "0" + min; } if (sec < 10) { sec = "0" + sec; } return hour + ":" + min + ":" + sec; } update_watch(); </SCRIPT>
その他の回答 (4)
- crepon133
- ベストアンサー率51% (399/776)
補足 document.forms[0].elements[1].value = nz 何番目のform.何番目の要素 です
- PED02744
- ベストアンサー率40% (157/390)
添付されたソースの前後に「<html><body>～～～</body></html>」つけて単にコピペしただけですが、ちゃんと表示されましたよ？ もっとも「セキュリティ保護のため、このコンピュータに開く背する可能性のあるスクリプトやActiveXコントロールを実行しないようInternetExplorerで制限されています。」と表示されましたので、該当ブラウザでJavaScript制限がかけられていたりしませんか？
お礼
ご回答ありがとうございます！ そうですね、社内で使用しているブラウザなので何らかの制限はかけられていると思います …調べてみます！ ただ、同じブラウザを使用しているにも関わらず、HTMLを新規作成してソースを貼り付けるとちゃんと表示されるのに、 既存のindex.htmlに貼り付けると表示されないのが何故だか分かりません。 今気づいたのですが、index.html内に設置してある別のフォームのボックス（Directory検索ボックス）に、 世界時計のアメリカ時間のみ表示されています…。 下記がDirectory部分のソースになります。社名の部分はabcdefghxxxに変えています。 <form action=http://directory.abcdefghxx.com/index.cgi method=post> <td valign=center width=341 height=28> <div align=right class="style34"><img src="../images/images/navibar.GIF" width="341" height="28" border="0" usemap="#Map3"> </div></td> <td valign=center height=28> <input size=10 name=name enctype="text"> </td> <td valign=bottom height=28> <input type=image height=22 alt=go width=24 src="../images/cec_button_go.gif" border=0 name=I1> </td></form> なぜか<input size=10 name=name enctype="text">の部分に時計が表示されています。 ↑世界時計のソースを削除すると、本来のDirectory機能が正常に機能します。 やはり、html全ソースを見て頂かないと判断は厳しいでしょうか…？<(_ _)>
補足 alertでチェックするならdreamweaverでやるんじゃなくテキストエディタで直書きしてね
お礼
早速の回答有難うございます！実際の記述は以下の通りです… テキストエディタを使用したことがないのですが、メモ帳でも代用できますでしょうか？ <form method="post"> <blockquote> <table> <tr><td><span class="style6">San Jose</span> <td><input name="sj" class="style6" size=11> <tr><td class="style6">London <td><input name="uk" class="style6" size=11> <tr><td class="style6">Tokyo <td><input name="jp" class="style6" size=11> <tr><td class="style6">Sydney <td><input name="au" class="style6" size=11> </table> </blockquote> </form> <script language="JavaScript"> tz_sj = -8 * 60; // GMT-8 tz_uk = 0; // イギリスはGMT tz_jp = 9 * 60; // GMT+9 tz_au = 11 * 60; // GMT+10 var sj, uk, jp, au; // 時刻文字列を入れるところ function update_watch() { now = new Date(); sj = nowat(now, tz_sj) uk = nowat(now, tz_uk) jp = nowat(now, tz_jp) au = nowat(now, tz_au) document.forms[0].elements[0].value = sj document.forms[0].elements[1].value = uk document.forms[0].elements[2].value = jp document.forms[0].elements[3].value = au setTimeout('update_watch()', 999); // 1000msec = 1sec } function nowat(now, tz) { var day, hour, min; var t = new Date(); var day= new Array("Sun","Mon","Tue","Wed","Thu","Fri","Sat") t.setTime(now.getTime() + (now.getTimezoneOffset() + tz) * 60 * 1000); hour = t.getHours(); min = t.getMinutes(); day = day[t.getDay()]; if (hour < 10) {hour = "0" + hour;} if (min < 10) {min = "0" + min;} return hour + ":" + min + " " + day ; } update_watch(); </script>
参考URLではなく作ったソースが無いと全く診断できない。 HTMLとJavaScript両方 とりあえず簡易的な手法としてJavascriptの文の頭に「alert("test");」とでも入れて正しく読まれているかくらいチェックしてみたらいいかも。 ちゃんとalertが動作するようなら alertをずらしていっておかしな場所を特定したらいい
関連するQ&A
- JavaScriptでの画像切替について。
以下のようなことをしたいのですが、方法が分からず困っています。 http://www.astellas.com/jp/ メニューの上にマウスがくると、下の画像が切り替わる。 http://www.mos.co.jp/index.html メニューの上にマウスがくると、プルダウンのメニューが表示される。 上の２つを「名前をつけてページを保存」で保存して、ソースとファイルを見てみたところ、JavaScriptで実現しているみたいなのですが、jsファイルのソースを見てもさっぱり分かりませんでした。 JavaScriptはDreamweaverの[挿入]-[イメージオブジェクト]で使える程度です。 上の２つを実現するのは、今は諦めたほうが良いでしょうか？ JavaScript以外でも実現可能だったら教えていただけないでしょうか？ (※FLASHは除く。例えばCSSなど) よろしくお願いします。
- ベストアンサー
- JavaScript
- phpやjavascriptで時計表示
phpやjavascriptを使って自サイト内に現在の日本時間を表示（デジタル時計みたいに）させたいのですが、分かりません。 phpで取得したサーバー時間をjavascriptで動かせばいいのでしょうか。 それとも、javascriptで取得したグリニッジ標準時間に＋９時間で動かせばいいのでしょうか。 なにせphpやjavascript初心者ですので、具体的なソースなど教えて頂けると助かります。 宜しくお願いします。
- 締切済み
- JavaScript
- Dreamweaverのテンプレート機能・Javascriptはだめ？
Dreamweaverのテンプレート機能を使用しています。 編集不可の領域にJavascriptを使って画像が更新するたび ランダムに変わるようにしたのですが、テンプレート以外のページに 反映されません。（HTML上ではちゃんと入っています） テンプレートにJavascriptを使用するのはだめなのでしょうか？
- ベストアンサー
- HTML
- MovabletypeにMTタグを含んだ外部ファイルを表示させたい
http://wandering-wind.jp/archives/2003/1128132928.php こちらのページを参考にして、JavaScriptを使いカテゴリーページに他のカテゴリの一覧を表示させたいと思っております。 MT3.35を使っています。 以前同じ事をしたのですが、その際はうまくいっていましたが、今回はタグのまま表示されてしまうのです。 ＜手順＞ 1.以下のソースを外部のテキストファイル（.js）改行無しで保存。 --------------------------------------------------- document.write('<ul><MTEntries category="カテゴリ名"><li><a href="<$MTEntryPermalink$>"><$MTEntryTitle$></a></li></MTEntries></ul>'); --------------------------------------------------- ※カテゴリ名のところは、もちろん該当するものを入れています。 2.MTテンプレート画面で「新規テンプレートを作成」 例） テンプレート名／test 出力ファイル名／test.js このテンプレートにリンクするファイル／js/test.js 1.のソースを貼り付け、保存。 「インデックス・テンプレートを再構築するときに、このテンプレートを自動的に再構築する」にチェック 3.カテゴリーアーカイブのページ内に以下のソースを設置。 ----------------------------------------- <script type="text/javascript" src="<$MTBlogURL$>js/test.js"></script> ----------------------------------------- 4.再構築を行う。 この方法でやってみたのですが、リンクの貼られた<$MTEntryTitle$>と表示されてしまいました。JavaScriptは無事機能していると思われますが、いかんせんMTタグが変換されておらず。。。 カテゴリーアーカイブだけでなく、メインページでもエントリーアーカイブページでも同じなのです。 思いつくトラブルとして、 ・エンコード無変換かも。 →ShiftJISからUTF-8へ、秀丸を使って変換・保存してアップロードしたが変化無し。 思い当たる他の方法として ・<MTInclude>タグを利用してファイルを読み込む →<$MTInclude file="test.html" $>として読み込んでみたが、同様にMTタグのままで表示される。 こんな感じです。 どうすればMTタグを有効にして外部ファイルとして読み込めるのでしょうか？ どうぞ宜しくご指導いただきたく存じます。
- ベストアンサー
- ブログ
- Javascriptについて
ページA ページB があって ページＡにiframeでページＢを埋め込んだり、ページＢ単体で表示したい場合、 それぞれで使用したいJavaScriptはそれぞれで読み込んでも良いですか？ 同一のJavaScriptそれぞれのページで読み込む。 <script type="text/javascript" src="xxx.js"></script>
- ベストアンサー
- JavaScript
- Javascriptでのツリーメニュー表示について
Javascriptを利用して、ホームページ上でツリーメニューを表示させようと思っています。 以下のページのサンプルを元にしています。 【解説ページ】http://www.openspc2.org/reibun/javascript/mouse/063/index.html 上記は、１ページ毎に記述するタイプでテキストベースとなっております。 私は、はじめにツリーを展開するボタンをgif画像で作成し、それをクリックした際に画像の下にテキストベースのリンク文字が表示されるようにしたいと考えました。 また、それらは外部のｊｓファイルでの管理をしたいと思います。 まず、下記の構文を外部ｊｓファイルで作成し<head>内でファイルの読み込みを行いました。 【↓clickmenu.js↓】 function exMenu(tName) { tMenu = document.getElementById(tName).style; if (tMenu.display == 'none') tMenu.display = "block"; else tMenu.display = "none"; } 次に、下記のタグの部分も外部ｊｓファイルで読み込みたいと思っています。 <a href="javaScript:exMenu('treeMenu1')">＋</a>■検索サイト<br>～</div>まで この実際のボタン部分も外部ｊｓで読み込みたいと思う理由は、ページ数が非常に多く、メニューの追加や削除を、１つのファイルでどうしても管理したいからです。 フレームを利用せず、Javascriptでも同じ事が可能であることはわかったのですが、タグの部分がうまく外部ファイルにできなくて、表示が真っ白になってしまいます。 document.write('<a href="javaScript:exMenu('treeMenu1')">＋</a>■検索サイト<br>'); のように、１行ずつ書いているのですが、hrefにjavaScriptを指定すると表示が消えてしまいます。 必ずこの型でというわけではないのですが、何とかうまく外部ファイルでボタン部分を表示させる方法がありませんでしょうか。ご教授願います。
- ベストアンサー
- JavaScript
- 複数のjavascriptが作動しない
http://www.coolwebwindow.com/template/public.php 上記無料で配布されているホームページのテンプレートに 下記lightboxを設置しました。 http://lokeshdhakar.com/projects/lightbox2/ このテンプレートには、ページ内リンクへの移動がスムーズになる javascripが設置されているのですが、 このページにlightboxを追加すると スムーズに移動するjavascriptが無効になってしまいます。 <!--ページをスムーズに移動するjs--> <link rel="stylesheet" href="css/common.css" type="text/css" /> <script type="text/javascript" src="js/common.js"></script> <script type="text/javascript" src="js/jquery.js"></script> <!--lightboxのjs--> <link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" /><script src="js/prototype.js" type="text/javascript"></script> <script src="js/scriptaculous.js?load=effects,builder" type="text/javascript"></script> <script src="js/lightbox.js" type="text/javascript"></script> どのように対処すればいいのでしょうか？ ご教授お願いいたします！
- ベストアンサー
- JavaScript
- テンプレートの画像が表示できません（Dreamweaver)
「テンプレートから新規作成」したページをブラウザでプレビューすると画像が見えなくなってしまいます。←バッテンマークが表示されます どうしたら画像もきちんと表示されるようになるのでしょうか？教えてください。 ※Dreamweaver３を使用しています。
- ベストアンサー
- ホームページ作成ソフト
- ページが表示されません
こんにちは。 HTML（Dreamweaver8）を使用し、ページを作成しました。 同じようなページを5ページ作成したうちの、 1ページが表示されません。 ブラウザのエンコード（UTF-8）で指定をしないと、表示されないようになっているようです。 ただ、正常に表示される他のページのソースと比べたのですが、 違う箇所は見つかりませんでした。 何が原因なのかさっぱりわかりません。 どなたか、教えていただけないでしょうか。 よろしくお願いいたします。
- ベストアンサー
- HTML
- thickboxのjavascriptについて
ウェブサイト作成初心者です。 ホームページの一部のページでthickboxを使用してhtmlを表示するページを作ろうとしています。 その場合 <head>～</head>内に <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="thickbox.js"></script> <link href="thickbox.css" rel="stylesheet" type="text/css" /> はthickboxを使うページだけに記述すればいいのでしょうか。それとも前ページに記述しないといけないのでしょうか。 お分かりなられる方、お手数ですが教えてくださいませ。
- ベストアンサー
- HTML
お礼
ご丁寧にどうもありがとうございます！！！ crepon133様のおかげで無事表示することができましたっ(*＞＜*) 本当に助かりました！ JavaScript超超初心者なので、これからじっくり勉強していきたいと思います。