サイトを作成中です。
まず下記のとおり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で質問しましょう!
似たような質問が見つかりました
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- AJAX JavascriptからPHPへのAjax通信でnullが返ってくる 3 2022/08/03 22:00
- HTML・CSS htmltとcssのコードで 1 2022/11/26 13:37
- JavaScript プラグイン無しでContactform7にdatepickerを実装 3 2022/10/25 02:18
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- JavaScript GoogleChart 階層ごとのブロックの長さを個別に設定したい 1 2022/07/06 14:27
- JavaScript セレクトボックスを2つ設けて選択して初めてメッセを表示 1 2022/07/27 12:15
- JavaScript 画像の表示位置 3 2022/12/23 08:25
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
onLoadをbodyタグ以外で使用する
-
指定の年月日時にcssを自動で切...
-
javascriptでalertの文字列をコ...
-
【javascript クロスブラウザ...
-
javascriptにてonclickを無効
-
htmlソースの取得方法
-
変数の代入値を外部の.txtファ...
-
特定のページから移動してきた...
-
<a href="#" …>の意味を教えて...
-
<div>のタッチ状態を維持したま...
-
別ファイルのfunctionの読み込み方
-
getElementsByNameで要素が取得...
-
プラグイン無しでContactform7...
-
SQLのWHEREで全てを質問する方法
-
ウインドウを縮小しても文字を...
-
プルダウンメニューを別ファイ...
-
Dreamweaver で 外部JSを読み込...
-
「関数が定義されていない」と...
-
window.openで同画面遷移しない
-
確認ダイアログで「キャンセル...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
javascriptでalertの文字列をコ...
-
変数の代入値を外部の.txtファ...
-
onLoadをbodyタグ以外で使用する
-
【javascript クロスブラウザ...
-
「jQuery」アニメーションをル...
-
特定のページから移動してきた...
-
ブラウザーのバージョンによる...
-
画像ファイルのアドレスに今日...
-
指定の年月日時にcssを自動で切...
-
javascriptでページ内の一部分...
-
このDOCTYPEは、何なんでしょう...
-
1 ~ Nまでの整数の総和(1+2+3....
-
<head>と<body>どっちに入れる...
-
トップページindex.htmlにカレ...
-
日替わりメッセージの表示
-
type="text/javascript"
-
セキュリティ保護の警告が出な...
-
javascriptにてonclickを無効
-
ブラウザをJavaScriptで最小化…
-
htmlソースの取得方法
おすすめ情報