トップページindex.htmlにカレンダーを張りたいが、表示されなくて困っています。
直接、htmlに張ると表示するのですが、外部フォルダーに入れると表示されません。
どこが間違っているのかわかりません。
よろしくお願いいたします。
ジャバスクリプトは外部フォルダーjavascriptの中にcalender1.jsとして入れています。
このコードを下記html</script><BODY><script src="../javascript/calender1.js" type="text/javascript"></script>
</BODY>の中に貼り付けています。
--------------------------------------------------------------------------------
ホームページのコードは、下記練習コードです。
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitio …
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=utf-8">
<META http-equiv=Content-Script-Type content="text/javascript">
<META http-equiv="Content-Style-Type" content="text/css">
<title>練習</title>
<link href="../css/mystyle.css" rel="stylesheet" type="text/css" />
</HEAD>
<BODY>
<script src="../javascript/calender1.js" type="text/javascript"></script>
</BODY>
</HTML>
------------------------------------------------------------------------------------
外部フォルダーjavascriptの中にcalender1.jsを入れています。
下記がコードです。
// JavaScript Document
<style>
.mon { font-size:10pt; } /* 年月の文字サイズ */
.wday { font-size:10pt; } /* 曜日の文字サイズ */
.date { font-size:12pt; } /* 日の文字サイズ */
</style>
<script>
// カレンダーの枠の色
cal_bd = "black";
// カレンダーの文字色
cal_tx = "black";
// カレンダーの背景色
cal_bg = "white";
// 土曜日の色
sat_col = "blue";
// 日曜日の色
sun_col = "red";
// 本日の文字色
tdy_tx = "black";
// 本日の背景色
tdy_col = "lightgreen";
// 過去未来の表示可能年数(10なら10年前から10年後まで)
// 1970年以前の表示がどこまで正確にできるかについては保証しません
noy = 10;
// 月('1月','2月','3月'...等でも可)
mnname = new Array('1Jan','2Feb','3Mar','4Apr','5May','6Jun','7Jul','8Aug','9Sep','10Oct','11Nov','12Dec');
// 曜日('日','月','火'...等でも可)
wdname = new Array('日','月','火','水','木','金','土');
buffer = document.location.search;
buffer = buffer.replace("?","");
buffer = buffer.split("&");
query = new Array();
for (i in buffer) {
buf = b
No.1ベストアンサー
- 回答日時:
現在の作り方がいいかわかりませんが
普通、関数化してそれをhtmlで呼ぶ形にした方がいいと思います。
現状、JAVAを定義してるだけで、本文で呼んでないから実行されてないのでは?
あるいは、index.htmlの置いてある位置とcalender1.jsの相対位置が間違っている
index.htmlの位置がわからないんで../javascript/が正しいか判断できません
もし
/index.html
で
/javascript/
なら
パスは
../javascript/でなく/javascript/かjavascript/でいいと思うし
返事遅くなりました。
回答ありがとうございます。
index.htmlの位置の記述を間違っていましたが、直しても現れません。
大変ありがとうございました。
関数化して、それをhtmlで呼ぶとは、どういうことなのかよくわかりませんが、時間を掛けて勉強します。ありがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- JavaScript switch文のswitch(n)の部分を複数の値にするか、if文に変えてほしいです。 1 2022/07/27 17:18
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- JavaScript セレクトボックスを2つ設けて選択して初めてメッセを表示 1 2022/07/27 12:15
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- JavaScript GoogleChart 階層ごとのブロックの長さを個別に設定したい 1 2022/07/06 14:27
- HTML・CSS 下にスクロールしても、追従するボタンのコードを書いたのですが、ボタンの中の画像が半分しか表示されない 1 2022/04/16 21:31
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- HTML・CSS html cssのmargin 5 2022/12/03 11:04
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
ウィンドを開いたとき位置を指...
-
javascriptでalertの文字列をコ...
-
オブジェクトを指定してくださ...
-
画像ファイルのアドレスに今日...
-
<a href="#" …>の意味を教えて...
-
JavaScriptのエラー ( 関数の...
-
javascriptでbgmを自動再生する...
-
初心者javascript ウィンドウサ...
-
getElementsByNameで要素が取得...
-
SQLのWHEREで全てを質問する方法
-
showModalDialogで開いた画面か...
-
onbeforeunload時のwindow.open...
-
bodyにidをつける理由は何ですか?
-
確認ダイアログで「キャンセル...
-
特定のウィンドウ名を持つウィ...
-
ハイパーリンクに下線を表示す...
-
【Google Apps Script】「ライ...
-
ブラウザにて一定間隔(タイム...
-
window.openでフルスクリーン表...
-
新しいウィンドゥを最大化で立...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
javascriptでalertの文字列をコ...
-
変数の代入値を外部の.txtファ...
-
javascriptにてonclickを無効
-
onLoadをbodyタグ以外で使用する
-
特定のページから移動してきた...
-
【javascript クロスブラウザ...
-
ブラウザをJavaScriptで最小化…
-
ポップアップページの出し方
-
macでjavascriptを記述するには...
-
「jQuery」アニメーションをル...
-
セキュリティ保護の警告が出な...
-
日替わりメッセージの表示
-
画像ファイルのアドレスに今日...
-
指定の年月日時にcssを自動で切...
-
月ごとに表示するページを変える
-
ウィンドを開いたとき位置を指...
-
ホームページ上で残り日数をカ...
-
google analytics自分を除外したい
-
Javascriptを最後に実行する方法
-
type="text/javascript"
おすすめ情報