サイトを作成中です。
まず下記のとおりjqueryでheader、side、footerをインクルードしています。
<script>
$(function() {
$("#header").load("header.html");
$("#side").load("side.html");
$("#footer").load("footer.html");
});
</script>
次に、コピーライトの年を自動更新したく、footer.htmlの中にjavasprictを入れました。
Copyright© 2014
<script type="text/javascript" language="JavaScript">
<!--
TYnow = new Date();document.write( ' - ' + TYnow.getFullYear() );
// -->
</script> ○○○○ CO.,Ltd.
すると、全体が「-2017」としか表示されなくなってしまいました。
どうすればいいのでしょうか、どなたか教えて下さい。
宜しくお願いいたします。
No.5ベストアンサー
- 回答日時:
ANo4です。
jQueryを利用なさっているのでしたね。
動作すれば良いのであれば、footer.htmlの内容を、
Copyright© 2014<span id="copyright"></span> ○○○○ CO.,Ltd.
とでもしておいて、スクリプトの
$("#footer").load("footer.html"); の部分を
$("#footer").load("footer.html", function(){
var d = new Date();
$("#copyright").html(" - " + d.getFullYear());
});
のようにすれば動作すると思います。
(これだと、わざわざloadする意味がほとんどありませんけれど…)
※ idが重複するような場合は、違うものに変えて下さい。
No.4
- 回答日時:
ANo1です。
>~~とかがさっぱり意味不明でわかりません。
大変、失礼いたしました。
リンクをここのシステムが自動で変換してくれるのですが、中途半端な変換になってしまっているようです。
以下のアドレスの最初に英数小文字のhを付け加えて下さい。
ttps://www.google.co.jp/search?q=javascript+文書+書き替え&oq=javascript+文書+書き替え&aqs=chrome..69i57.26265j0j4&client=ms-android-kddi-jp&sourceid=chrome-mobile&ie=UTF-8#xxri=2
念のため、最初の方に出てくるサイトも・・
http://hacknote.jp/archives/11502/
http://www.24w.jp/study_contents.php?bid=javascr …
ttp://design-spice.com/2010/07/27/javascriptでhtml中のテキストを変更する/
No.3
- 回答日時:
>>他のheader、side、本文が表示されないのではないでしょうか?
そうなるから、loadとloadされる側でのdocument.writeは止めるべきです。
phpでincludeした方が良いと思います。
header部分、side部分、footer部分を作ってファイルにして置き、メインからincludeすれば、こういう問題は起きないケド。
メインが.phpになってしまうけど、.htaccessファイルに記述して.htmlのまま動かせる。
実戦では、この方法しか使ってません。
動的javaは何が起きるか解らないから、設計段階でincludeを念頭に置いてます。
No.2
- 回答日時:
document.writeはhtmlソースコードなどを出力する為のものなんですがloadと組み合わせる場合には注意が要ります。
通常で書くと、さほど問題は置きないんですが、「ページの読み込み後に文字を挿入・・・」みたいな事をすると、真っ白になったり、挿入文字だけになったりします。
仕方無いのでフッターの全てをdocument.writeで吐き出します。
TYnow = new Date();document.write('Copyright© 2014 - ' + TYnow.getFullYear()+' ○○○○ CO.,Ltd.' );
回答いただき、ありがとうございます。
フッターの全てをdocument.writeで吐き出すと、真っ白な背景に「Copyright(c) 2014 -2017 ○○○○ CO.,Ltd.」が表示されるだけで、他のheader、side、本文が表示されないのではないでしょうか?
それとも、「フッターの全てをdocument.writeで吐き出す」とは、<head>内の<script>の$("#footer").load("footer.html");の代わりに、TYnow = new Date();document.write('Copyright© 2014 - ' + TYnow.getFullYear()+' ○○○○ CO.,Ltd.' );を入れるのでしょうか?
No.1
- 回答日時:
こんにちは。
一旦、HTMLが読み込まれた後で document.write を実行すると、新しい文書が作成されます。そこに、-2017と書かれて、古い(それまで表示されていた)文書は捨てられます。
現在の文書の内容を変更したい場合は、document.getElementById などを用いて、DOMを取得し、内容を書き換えるようにしてください。
https://www.google.co.jp/search?q=javascript+文書+書き替え&oq=javascript+文書+書き替え&aqs=chrome..69i57.26265j0j4&client=ms-android-kddi-jp&sourceid=chrome-mobile&ie=UTF-8#xxri=2
早速に回答いただき、ありがとうございます。
ただ勉強不足のため「document.getElementById などを用いて、DOMを取得・・・」とか、その後の「https://www.google.co.jp/search?q=javascript+文書+・・・」とかがさっぱり意味不明でわかりません。
具体的にどうすればいいのか教えていただければ助かります。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・14歳の自分に衝撃の事実を告げてください
- ・架空の映画のネタバレレビュー
- ・「お昼の放送」の思い出
- ・昨日見た夢を教えて下さい
- ・ちょっと先の未来クイズ第4問
- ・【大喜利】【投稿~10/21(月)】買ったばかりの自転車を分解してひと言
- ・メモのコツを教えてください!
- ・CDの保有枚数を教えてください
- ・ホテルを選ぶとき、これだけは譲れない条件TOP3は?
- ・家・車以外で、人生で一番奮発した買い物
- ・人生最悪の忘れ物
- ・【コナン30周年】嘘でしょ!?と思った○○周年を教えて【ハルヒ20周年】
- ・ハマっている「お菓子」を教えて!
- ・最近、いつ泣きましたか?
- ・夏が終わったと感じる瞬間って、どんな時?
- ・10秒目をつむったら…
- ・人生のプチ美学を教えてください!!
- ・あなたの習慣について教えてください!!
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・都道府県穴埋めゲーム
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
javascriptでalertの文字列をコ...
-
onLoadをbodyタグ以外で使用する
-
指定の年月日時にcssを自動で切...
-
<a href="#" …>の意味を教えて...
-
ウィンドウ名の設定
-
SCRIPT5007: 未定義または NULL...
-
bodyにidをつける理由は何ですか?
-
URLを引数とし、フレーム間で渡...
-
JavaScriptでのEnterキーとAlt+...
-
JAVAでリンクボタンを作成して...
-
Vbscriptで自分自身のウィンド...
-
(Javascript)印刷するファイル...
-
外部ファイル名を変数で指定で...
-
子画面で画像を表示したい
-
"mailtoでメールの【氏名】【性...
-
JavascriptとJqueryを混在し記述
-
window.onloadイベントの任意実...
-
JavaScriptからVBScriptの呼び...
-
javascriptとApacheの設定
-
スマホ上で、左右スワイプで次...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
javascriptでalertの文字列をコ...
-
変数の代入値を外部の.txtファ...
-
onLoadをbodyタグ以外で使用する
-
【javascript クロスブラウザ...
-
特定のページから移動してきた...
-
オブジェクトを指定してくださ...
-
ブラウザをJavaScriptで最小化…
-
「jQuery」アニメーションをル...
-
X-Frame-Optionエラーの検出方法
-
JavaScriptが無効の場合
-
指定の年月日時にcssを自動で切...
-
javascriptでのHPデザインの振...
-
JavaScript で指定した月日に別...
-
トップページindex.htmlにカレ...
-
日替わりメッセージの表示
-
背景のグラデーション設置について
-
指定したURLのページ内の全...
-
<iframe>内にHTMLをランダム表...
-
Future Shop2というショッピン...
-
Event.observe について教えて...
おすすめ情報