• ベストアンサー

textデータをWebページに読込むJavaScript

GoogleAdsenceでは、JavaScriptを組み込んだWebページから、別のファイルのデータを読込んで表示する仕組みになっていますが、これはどうしたら出来るのでしょう。 別にGoogleみたいにWebページを解析してデータを表示したいとか大それたことじゃなくて、自社のホームページに、最新情報をTEXTで1~2行表示しているのですが、しょっちゅうそれが変わります。そしてその文章を作る人がHTMLがわからないので、変更する時に私がWebページをいちいち更新しています。 できればその人がCGIフォームで最新情報を入力すれば、WebサーバーにData.txtみたいなファイルに内容が保存されて、それを表示するWebページの一部にJavaScriptでData.txtの内容を読込んで表示する、という感じにしたいのですが・・・私のいわんとすることわかりますでしょうか

質問者が選んだベストアンサー

  • ベストアンサー
  • BLUEPIXY
  • ベストアンサー率50% (3003/5914)
回答No.4

><script type="text/javascript" >src="http://Path+ファイル名.js"> ></script> これは、もちろんできますよ。 テキストファイルというより、スクリプトファイルの外部呼び出しですから、これを使うというなら、 document.write("書き出すテキスト<br>"); みたいなものの羅列にする必要があります。 質問文でのCGIフォームでData.txtの替わりに そういうembeds.jsを掃き出すようにして埋め込む部分に <script type="text/javascript" src="embeds.js"> とすれば良いと思います。

souta_n
質問者

補足

ありがとうございます。おかげさまでできました。 重ねてお聞きしたいのですが、 jsファイルの方で >document.write("書き出すテキスト<br>"); を例えば、document.write("Yahoo!Japan<br>"); とすると確かに参照先HTMLに「Yahoo!Japan」が表示されたのですが、実はこのテキストにリンクを貼りたいのです。 そこで、document.write("<a href='http://www.yahoo.co.jp>'Yahoo!Japan</a><br>"); としてみたのですが、文字は表示されますが、リンクが反映されません。リンクを反映させる為にはどうしたらよいのでしょう。

その他の回答 (5)

  • BLUEPIXY
  • ベストアンサー率50% (3003/5914)
回答No.6

>リンクが反映されません #5で指摘されている通り、 ’の位置が悪いと思います。 あと、もう一つ気になるのが #4で<script …>と私が書いていますけど </script>はしていますよね? まさかとは思いますが、私の書き方が悪かったんですけど。

souta_n
質問者

お礼

再度のご指導ありがとうございました。 ></script>はしていますよね? はい、してました。 >私の書き方が悪かったんですけど。 そんなことありません。良くわかりました。 問題はしょうもないHTMLの綴りミスでした。 お騒がせしました。

  • crosis
  • ベストアンサー率66% (14/21)
回答No.5

横槍入れてみようかな、、、 document.write('<a href="http://www.yahoo.co.jp">Yahoo!Japan</a><br>'); でダメですかねぇ? document.write("<a href='http://www.yahoo.co.jp>'Yahoo!Japan</a><br>"); だと、アンカーの示すURLがクォーテーション内とは判別されないので、、URL部分をクォーテーションで囲う必要があるわけです。  ×:href='http://www.yahoo.co.jp>'  ●:href='http://www.yahoo.co.jp'> ときに、HTMLを解釈する側では、URLは'~'で囲まれるより、"~"で囲まれた方が良い的な感じのことがよく書いてあるので、 Scriptのテキストとして扱う部分を"から'にした方がいいかな、、、と。。。 まぁ、これについては個人の勝手ですが、、、

souta_n
質問者

お礼

人間、本当に出来るのかな~とこわごわやってる時に限ってボンミスするものですね。 原因わかりました。<a href を <a heefと記述してました。そりゃリンクせんわ! ということで解決しました。ありがとうございました。

回答No.3

追加で。 余計な機能もいろいろついていますが、下記のCGIなど、ご要望に沿っているのでは?

参考URL:
http://wws.cside.com/cgi-plant/diary/
回答No.2

javascriptからテキストデータを読み込むのではなく、更新情報を表示する外部jsファイルそのものをPerlで書き出して、それをhtmlから呼び出せばいいと思いますよ。

souta_n
質問者

お礼

#1の人の回答から検索語をJavascript インクルードにするとそれらしい質問回答を検索することができました。 ところで、最近このサイトのサーバーひどくないですか。 おれいを書いて、送信すると「サーバーが見当たりません」ばっかりです。お礼もかけないよ・・・ このお礼の欄を利用して、上記2名の方にもお礼申し上げます。

  • BLUEPIXY
  • ベストアンサー率50% (3003/5914)
回答No.1

勘違いしてたら、ごめんなさい。 一般に、javascriptを使ってファイルを読むことができないので、javascriptを使って埋め込むことは、できません。 IE+javascriptであれば、ビヘイビアという機能を使って、(同一サイトの)ファイルを読み込むタグを作成することができます。 一般的には、質問文の様な動作はASPやJSPのようなサーバーでのinclude命令を使って埋め込みをします。 また、 PHP(とかCGI)が使えれば、ページの中にファイルを埋め込みできます。 いずれにしても、サーバー側での動作をさせることになろうかと思います

souta_n
質問者

補足

>javascriptを使ってファイルを読むことができないので、javascriptを使って埋め込むことは、できません。 あっそうでしたね。基本中の基本だ! でも、Adsenceのタグを見ると、 <script type="text/javascript" src="http://Path+ファイル名.js"> </script> となっています。拡張子jsは、拡張子辞典で調べると「JavaScriptでのインクルードファイル。」となってました。ということは、Javascriptでincludeできるということですよね。う~ん・・・ >PHP(とかCGI)が使えれば、ページの中にファイルを埋め込みできます。 PHPは使えないのですが、Perlは使えます。確かにこの方法もあるのですが、Webページが動的ページになるので検索エンジン対策上よろしくないようです。出来ればHTMLファイルで自動的に表示されるようにしたいと思っているのです。

関連するQ&A

  • Webページで最新のJavaScriptを読み込みたい

    Webページで最新のJavaScriptを読み込みたい Visual Studio 2008 でWebページを作成しています。 今、AというページとBというページがあり、それぞれのページにボタンを設け、 Response.Redirectで行き来できるようにしています。 それぞれのページは、  B:現在の状況に応じてJavaScript内に配列を作成  A:Bで作成したJavaScriptを読み込み、ボタンのクリックで内容を表示 という機能を持たせています。 今、BでJavaScriptを作成し、Response.RedirectでAのページに行くと、前の (キャッシュされている?)内容が表示されます。 →ここで、ブラウザの「更新」ボタンをクリックすると、最新の内容になります。 切り替わったときに、最新の状態のJavaScriptを読ませようと、  A.aspx?data=xxxxx (xxxxxは乱数)としましたが、状況は同じでした。 Aのページで、いつでも最新のJavaScriptを読み込ませることはどうすればでき るのしょうか。

  • データベースにアクセスするWebページ

    どちらに質問してよいかわからずこちらに質問させていただきます。 私が担当しているのは、既に公開されているWebページの変更です。 写真や文字列など、変更があるたびにHTMLファイルを開いて 手作業で更新作業をしているところに、データベースにアクセスして データベースの情報を表示するように変更することになりました。(←ここが私の担当です) ※既存のWebページは私が制作したものではありません。 「困っているのは既存のWebページへの実装方法」で、 既に試した方法は 1. データベースの情報を表示する箇所を、まるまる   別HTMLで作成し、JavaScriptでajax通信にて動的に項目を作成するページをつくって   IFRAMEにて既存のページに埋め込む方法をしてみました。   見事動作したのですがこれには問題点がありました。   それは私が実装したIFRAMEの中のHTMLは、JavaScriptが読めない人には   扱えないということでした。   また、JavaScriptだけでなく、CSSも既存ページに合わせて作り直す必要もあり、   他のページに同じようにデータベースの内容を表示して!と言われたら大変な手間がかかります。 2. 既存のHTMLファイルにオリジナルのスクリプトを埋め込む方法。   たとえば<span>#todays_news;</span>のような感じです。      この方法で記述して、http://xxx.jp/解析.php?url=HTMLファイル   にアクセスすると解析.phpがオリジナルスクリプトの埋め込まれたHTMLファイル内の   スクリプトを、データベースから取得したデータに置き換えて出力します。   これの問題点は   サイトのindexからリンクをクリックしてもらえれば解析.phpを通して   データベースの内容で置き換えたページが出力されますが、   直接、HTMLファイルへアクセスされるとオリジナルスクリプトが丸見えになってしまいます。   またSEO対策で不利になるのではと考えています。 そこで、データベースの内容を変更すると、すべてのHTMLファイルを解析.phpに通して出力してしまおう、という考えです。しかしこれだとデータベースの内容を変更するたびすべてのHTMLを書き換えることになり、なんとも効率的ではない気がするのです。 データベースの内容を表示するのに、 HTMLをロードしてからJavaScriptにて動的にコンテンツを生成するのか、 なにかしらの方法で、データベースの内容を反映させたHTMLファイル(静的)を置くのか はたまた、違う方法なのか、 とーっても悩んでおります;;;;;;;; 職場にはJavaScriptやPHP,MySQL等を理解しているものはおらず、 だれにも聞けなくてここで質問させていただきました。 どうかアドバイスお願いいたします><。

  • 入力したテキストボックスのデータを別Webページに渡したい

    テキストボックスを持つ2つのWebページ(A.html,B.htmlとします)があります。 A.html内にB.htmlを開くJavaScript (window.open("B.html");)を記述しています。 このスクリプトを実行したらB.htmlを新しいウィンドウで開きますが、 このBページ内のテキストボックスに文字データを入力して、 OKを押したら、A.htmlのテキストボックスにデータを表示させたいのです。 こういうことはJavaScriptだけでできないのですか? cgi+JavaScriptを使わないとできないのでしょうか? フレーム間の場合はできそうですが、ウィンドウ間と言うのは出きるのか 不明です。 ご存知の方、よろしくお願いします。

  • 【JavaScript?HTML?】Webページで

    【JavaScript?HTML?】Webページでこのページは戻ることは出来ませんと表示されました。 どうやったら、Webブラウザの戻るボタンを無効に出来るのですか?

  • 【WEBページのタイトルをテキストに書き出したい】

    かなり大まかなご相談なのですが、どうすればいいか悩んでおりますため、どうかお知恵をお貸しください。 IEで表示しているページのURLを取得して、ローカルに置いてあるテキストに書き出したいと思っております。 (1)右クリックで出てくるコンテキストメニューに「URL保存」という項目を追加 (2)それを選択すると、右クリックしたWebページのURLが、テキストファイルに追加記入される。 という機能を作ろうと思っておりましたが、 (1)については 右クリックメニューを拡張できるフリーソフト(SHCML等)をいくつか利用してみましたが、 「IE上(WEB上)」で右クリックした時に出てくるメニューに、フリーソフトを使って登録した項目が出てきてくれません。 IE用のコンテキストメニューを追加するには、また違った作業が必要なのでしょうか。 (2)については、 ↑の右クリックで登録できる実行ファイルはexeかvbs拡張子、と以前どこかで読んだため(間違った情報かもしれませんが…) 当初VBSで作っていたのですが、どうしても「表示されているページ」を選んで取得することができませんでした。 JavaScriptであれば、http://www.openspc2.org/reibun/javascript/link/011/index.htmlこちらの ページなどを発見できたのですが、JavaScriptはWebページ作成時にHTML内に記載して使用したことしかなく、 これをどう”実行ファイル”として「右クリックで動作する」ようにしていいのかがわかりません…。 上記についてご教授いただけませんでしょうか。 最終的に【IEで表示しているページ(複数開いていた場合、選択したページのみ)のURLを取得して、 ローカルに置いてあるテキストに書き出す】という事が出来れば良いので、 やり方は上記にこだわりません。 もし”こうした方がいい””こうすればできる”などございましたら、アドバイスいただけますと嬉しいです。 色々と素人で、分からない事だらけのため、言葉足らずな質問になっておりましたらすみません。 宜しくお願いします。

  • セキュリティで保護されたページについて

    HTMLの中にIFRAMEを使ってtxtファイルからデータをCGIで表示させています。 普通のHTMLのページとSSLのぺージ、2つのページにtxtファイルの中の同じデータを表示させたいのですが、SSLのページで表示させると「セキュリティで保護されている項目と保護されていない項目があります。」となってtxtファイルからのデータがファイル未検出となって表示できません。 ためしにそのページをSSLを使わないでやってみるときちんと表示されました。 1つのデータを普通のページとSSLのページに表示させる事は可能ですか? または、何か設定があるのでしょうか?

    • ベストアンサー
    • CGI
  • webページからのテキスト取得

    皆様お世話になっております。 データ収集のhtmlを作成しております。 すでに存在するいくつかのwebページ内の テキスト文字を取得して、 別のひとつのwebページへ貼り付け表示したいのですが、 何か方法はございますでしょうか? 何卒宜しくお願い致します。

  • VBA:webページのデータ取得

    お世話になります。 現在、VBAを勉強しており、webページのデータを取得するツールを個人的に開発しております。開発中に不明点がでましたのでご質問いたします。 ※インターネット上で一通り探しましたが、解決策は見つかりませんでした。 現状、HTMLファイルのデータは取得はできております。(ソースといわれるものです) ただ、ソース上にはjavascriptで記述されているところが多々あり、javascript側でHTMLを生成している場合、このデータを取得することができません。 ソースではなく、実際にwebページに表示されているHTML・CSSなどを取得したいと考えておりますが、取得する方法は存在するのでしょうか? もしご存知でしたらご教示いただきたく思います。 以上、よろしくお願いいたします。

  • JavaScript実行後ページのダウンロード

    JavaScript実行後のWEBページをダウンロード出来るコマンドを探しています。 WEBページをブラウザで表示すると、wget等のダウンロードコマンドでダウンロードしたHTMLとは内容が異なる場合があると思うのですが、JavaScript実行後のHTMLをダウンロード出来るコマンドはないでしょうか。 もしかしたら私の勘違いで、実はJavaScriptが実行されたからWEBページの内容が異なるのではない場合もあるかと思うのですが、とにかくブラウザで表示されるのと同じ内容のHTMLをダウンロード出来るコマンドを探しているという事です。 どなたかご存知の方がおられましたら、お教え頂けないでしょうか。

  • ウェブのキャッシュが残っている可能性のあるページ(Google以外で)

    ウェブのキャッシュが残っている可能性のあるページ(Google以外で) バグで掲示板のデータが消えてしまいました。 数か月前にバックアップを取ってあったので、 そこから今までのキャッシュを探しています。 データファイル自体は xxx.dat と一つのファイルなのですが、 ↓のような形で表示していたので、 xxx.cgi に最初の20件 xxx.cgi?page=1 だと21件~40件 xxx.cgi?page=2 だと41件~60件 xxx.cgi?page=3 だと61件~80件 Googleだと、別ページ扱いでキャッシュが見つかりました。 Googleで出てきたものは拾い切りましたので、 Google以外でそういう、ウェブ上にあるものを自動的にキャッシュを 残しているサイトがあれば、教えてください。

専門家に質問してみよう