詳しい人求む！

jquery と javasprict

解決済

質問者：junjunjujujun
質問日時：2017/04/15 13:22
回答数：5件

サイトを作成中です。
まず下記のとおり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">

</script> ○○○○ CO.,Ltd.

すると、全体が「-2017」としか表示されなくなってしまいました。
どうすればいいのでしょうか、どなたか教えて下さい。
宜しくお願いいたします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

このQ&Aに関連する最新のQ&A

「JavaScript コピー」に関するQ&A： JavaScriptで、コピーボタンを配置し、その行のテキストデータを取得したいのです。

さらに表示

「jQuery テキスト」に関するQ&A： JS・JqueryやWPプラグインで、曜日・時間帯でテキストを何回か自動変更する方法

「PHP Android」に関するQ&A： AIR for Android と PHPの連携

「意味 Chrome」に関するQ&A： chrome の意味

回答 (5件)

ベストアンサー優先
最新から表示
回答順に表示

No.5ベストアンサー

回答者： fujillin
回答日時：2017/04/15 23:55

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が重複するような場合は、違うものに変えて下さい。

- 0
- 件

通報する

この回答へのお礼

何度もご回答いただき、ありがとうございました。
見事にできました。
本当に、ありがとうございました。

通報する

お礼日時：2017/04/16 14:07

No.4

回答者： fujillin
回答日時：2017/04/15 21:54

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中のテキストを変更する/

- 0
- 件

通報する

この回答へのお礼

何度もご回答頂き、ありがとうございました。

通報する

お礼日時：2017/04/16 14:10

No.3

回答者： t_fumiaki
回答日時：2017/04/15 18:38

>>他のheader、side、本文が表示されないのではないでしょうか？

そうなるから、loadとloadされる側でのdocument.writeは止めるべきです。

phpでincludeした方が良いと思います。
header部分、side部分、footer部分を作ってファイルにして置き、メインからincludeすれば、こういう問題は起きないケド。

メインが.phpになってしまうけど、.htaccessファイルに記述して.htmlのまま動かせる。

実戦では、この方法しか使ってません。
動的javaは何が起きるか解らないから、設計段階でincludeを念頭に置いてます。

- 0
- 件

通報する

この回答へのお礼

ありがとうございました。
phpはまだやったことがないので、組み込み方がわかりません。
勉強します。

通報する

お礼日時：2017/04/16 14:08

No.2

回答者： t_fumiaki
回答日時：2017/04/15 16:08

document.writeはhtmlソースコードなどを出力する為のものなんですがloadと組み合わせる場合には注意が要ります。

通常で書くと、さほど問題は置きないんですが、「ページの読み込み後に文字を挿入・・・」みたいな事をすると、真っ白になったり、挿入文字だけになったりします。

仕方無いのでフッターの全てをdocument.writeで吐き出します。

TYnow = new Date();document.write('Copyright© 2014 - ' + TYnow.getFullYear()+' ○○○○ CO.,Ltd.' );

- 0
- 件

通報する

この回答へのお礼

回答いただき、ありがとうございます。
フッターの全てを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.' );を入れるのでしょうか？

通報する

お礼日時：2017/04/15 16:39

No.1

回答者： fujillin
回答日時：2017/04/15 15:42

こんにちは。

一旦、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

- 0
- 件

通報する

この回答へのお礼

早速に回答いただき、ありがとうございます。
ただ勉強不足のため「document.getElementById などを用いて、DOMを取得・・・」とか、その後の「https://www.google.co.jp/search?q=javascript+文書+・・・」とかがさっぱり意味不明でわかりません。
具体的にどうすればいいのか教えていただければ助かります。

通報する

お礼日時：2017/04/15 16:29

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！