• 締切済み

JavaScriptじゃできないのかもしれませんが・・・

トップページにテキストファイルから読み込んだ文章を表示することって 出来るんでしょうか? また、そのテキストファイルに何も文章がない時は なにかしらのGIF画像を表示させたいのですが・・・。 どのカテゴリで質問すればいいのかわからなかったものでこちらに質問させて いただきました。 場違いならすいません。

みんなの回答

  • danmarino
  • ベストアンサー率63% (26/41)
回答No.1

意図されていることからはちょっとはずれるかもしれませんが、以下のような方法はいかがでしょうか? テキストファイルを読み込ませたいページのHTMLソースに <SCRIPT SRC="xxx.js"></SCRIPT> と記述します(※xxx.jsは任意の名前)。 次に、xxx.jsという名前のテキストファイルを作成し、 document.write("表示したい内容") と記述します。 これで、xxx.jsの「表示したい内容」部分のテキストがHTMLファイルに記述した<SCRIPT SRC="xxx.js"></SCRIPT>の部分に読み込まれます。 なお、「表示したい内容」部分にはHTMLタグを書くこともできます。

関連するQ&A

  • JAVASCRIPTについて。

    ホームページでJAVASCRIPを使用しています。FUNCTIONのコールで画像(MM10.gif)を表示していますが表示されません。FUNCTIONは下記の通りです。 function doc1(){ ..... document.write("<P></P><font color='#ffffcc'><img src='MM10.gif' width='32' height='32' hspace='2'><P><BR><BR>"); ..... ..... } 画像ファイルは / の下に登録してあります。 FUNCTION使用の場合、画像ファイルの指定方法があるのでしょうか? どなたか解る方教えて下さい。 オフラインでプレビューで表示する場合ホームのトップページからリンクして表示していくと正常に表示されます。

  • javascriptを使って画像のランダム表示とロールオーバーをセット

    javascriptを使って画像のランダム表示とロールオーバーをセットで行いたいのですが上手くいきません… javascript超初心者です…。画像をランダムに表示し、さらにそのランダムに表示された画像をそれぞれ違った画像にロールオーバーさせたいのですが上手くいきません。 一応以下のように書いて試しているのですが、ランダム表示はするのですが、ロールオーバーはエラーがでてしまい画像が切り替わりません。どのようにすれば上手く出来るか、知恵を貸してください。宜しくお願いします。 <html> <body> <SCRIPT language="JavaScript"> <!-- // ランダムに画像を表示する img = new Array(); onMouseover = new Array(); onMouseout = new Array(); // 画像のアドレス(数字はジャンプ先のアドレスと対応) img[0] = "top1.gif"; img[1] = "top2.gif"; img[2] = "top3.gif"; img[3] = "top4.gif"; img[4] = "top6.gif"; // マウスオーバー onMouseover[0] = "top1roll.gif"; onMouseover[1] = "top2roll.gif"; onMouseover[2] = "top3roll.gif"; onMouseover[3] = "top4roll.gif"; onMouseover[4] = "top6roll.gif"; // マウスアウト onMouseout[0] = "top1.gif"; onMouseout[1] = "top2.gif"; onMouseout[2] = "top3.gif"; onMouseout[3] = "top4.gif"; onMouseout[4] = "top6.gif"; n = Math.floor(Math.random()*5); document.write("<img src='"+img[n]+"' border='0' onMouseover='"+onMouseover[n]+"' onMouseout='"+onMouseout[n]+"'>"); //--> </SCRIPT> </body> </html> 補足 ●ランダム用の画像が1~5まで、ロールオーバー用の画像がa~eまであるとして、ランダム表示によって1が表示されたらロールオーバーで表示される画像はaのみ、マウスアウトしたら1に戻る、というようにしたいです。同じように2-b,3-c…というように対応させたいです。 ●ページ読み込み時のみランダム用画像をランダム表示させ、後は上記のような流れにしたいです。 長くなりましたが、どなたか回答お願いいたします。

  • Javascriptでこんなことが出来ますか?

    トップページとセカンドページの構造でホームページを作りました。 セカンドページの内容をトップページに呼び出したいのですが・・・ セカンドページの中身の詳細ですが、 ・表題 ・副題 ・文章(写真などもあります) のような構造でHTMLを作っています。 トップページのテーブル内に ・表題 ・副題 ・文章のみで、全体の文章から200文字まで表示するというようなものをJavascriptで出来ますか? ちょっとした修正であればいじれるくらいのレベルでお恥ずかしいのですが、宜しくお願いします。

  • Wordpressのテーマの使い方が分かりません

    このページ(http://www.ygoy.com/demo/)のようなTOPページが ギャラリー風のテーマを選びました。 このページ(http://weblogtoolscollection.com/archives/category/wordpress-templates-wordpress-skins-wordpress-themes/)からダウンロードして、テーマを設置して、本文に画像とテキストを入力してテスト投稿しましたが、TOPページに画像は表示されず、個々の投稿ページ(http://www.XXXXX.com/?P= のようなURL)に画像とテキストが表示されます。 このページ(http://www.ygoy.com/demo/)のように、TOPページにも画像とテキストを表示するにはどうすればよいのか教えて欲しいです。 どうぞ宜しくお願いします。

  • ひとつのHTMLの中に複数のJavascriptの処理を行いたい

    初歩的な質問で申し訳ありません。また、長い質問で併せてあらかじめお詫びいたします。 表題通り、ひとつのHTMLの中に複数のJavascriptの処理を行いたいのです。 現在あるページにはサイト内の各コーナーのトップへリンクが張ってあるボタンが並んでおり、このそれぞれのボタンにonMouseoverで画像が入れ替わり(カーソルをあわせるとボタンが光っているかのように見せる、アレです)、同時にボタンの下にあるテキストフィールドにそれぞれのコーナーの簡単な説明がでるようにしてあります。以上ここまでは何とか表示でき、IEでもネスケでも確認できています。 次に、別にアンケート的な診断問題をつくりました。質問に対して「○」「△」「×」のいずれかひとつで回答してもらい、○なら2点、△なら1点、×なら0点、というように設定して、5つのカテゴリーで各10問、合計50問設置します。これをカテゴリーごとに集計して、カテゴリーごとに点数の高低に応じての解説をしていこうとしています。そこで、このアンケート的なものだけを別ファイルでつくってみたのですが、このアンケートだけのファイルなら考えているとおりに動いてくれています。 問題はここからで、はじめにお話ししたボタンが並んでいるページの中に、このアンケートの部分を組み込みたいのです。このときのJavascriptの記述の仕方がわからないので困っています。どなたか教えてください。

  • Movable Typeのカテゴリトップページの内容を変更したい。

    Movable Type 3.34を使っています。 サイドバーに表示されているカテゴリ一覧をそのままナビゲーションとして使いたいので、テンプレートを変更して見映えをそれっぽくしました。 ↓イメージはこんな感じです http://www.wishondish.com/ ※カテゴリ一覧の見映えを整えて、ページ左側の「特集一覧」「ジャンルで選ぶ」の下に並ぶテキストリンクのようにしました。 そこから各カテゴリをクリックすると、カテゴリのトップページが表示されます。そこにはそのカテゴリに含まれるエントリーの見出しと概要がずらっと表示されますが、ここを別の内容にしたいのです。 ↓こんな風に画像とエントリーの見出しにしたいです http://www.wishondish.com/products/cat47/ こういったことはできるでしょうか? アーカイブ・マッピングのカテゴリのチェックを外して、カテゴリトップページのファイルを自作(http://www.example.com/大カテゴリ/index.html としてアップしてます)すればいいのですが、そうすると初めに書いたカテゴリを生かしたナビゲーションが消えてしまいます。 まとめると、 ・カテゴリ一覧を生かして全ページにナビゲーションを付けたい。 ・各カテゴリのトップページを画像とそこに含まれるエントリーの見出しだけにしたい。 ということです。 お分かりの方、よろしくお願いします。

  • JavaScriptを使わずにやりたいのですが

    ホームページ作成の勉強をしています。 独学で本を片手に、あとはインターネット検索でコツコツやっているのですが、 「画像をランダムに切り替える」という、 ホームページを表示するごとに画像ファイル5つの中からランダムで表示画像が変わるJavaScriptを、JavaScriptを使わずにやりたいのですが、やはり他の方法では無理なのでしょうか? 画像がそれなりに大きい為、アニメーションGIFでは、画像が荒くて見れたものではなかった為、JPEG画像を使いたいのですが。 ご指導、よろしくお願いします。

  • HPトップの画像編集

    他のカテゴリーで質問したのですが 解決しなかったのでお願い致します。 HPを作成しています。 トップページのメイン画像(jpg)をフォトショップ(バージョン7)で 画像+テキストを入れながら編集しています。 テキストを入力するとガタガタではないのですが なんだかぼやけた感じになります。 過去の質問などからレイヤーのテキストアンチェイリアス(シャープ) にチェックを入れています。 カラーRGBモードです。 gif・pngで保存、jpgで画質をあげるなど試したのですが 変化ありませんでした。 ガタガタではなく、ぼやけた感じがするのは フォトショップでは仕方がないのでしょうか? 無理な場合おススメのソフトなどありましたら 教えていただけないでしょうか? それとHPのトップ画像はどんなソフトを使用するのでしょうか。 宜しくお願い致します。

  • Javascriptでオープニングページの設置

    トップページを開くと、画像5枚程度のスライドが順番に画面に表示され それが終わると通常のトップページの全内容が表示される様にしたいのですが どのようにjavascriptで実現させる事ができるのでしょうか? ファイルはindex.htmlのみでindex.htmlからtop.htmlへ移動させるような方法ではなく index.html内でオープニングコンテンツとして表現したいのです。 イメージ的にはこのような感じなのです。 http://www.cluch.jp/ ご教授のほどよろしくお願い致します。 よろしくお願いします!

  • テーブル内での画像サイズ変更による画像の崩れについて

    いつもこのカテゴリーではお世話になっております。 また、質問させて頂きます。 ドリームウィーバーMXを使っております。 テーブルを組んでそのセル内にセルより大きい画像を貼付けてから、貼付けた画像サイズを縮小するという方法というか順序はまちがっているのでしょうか? というのも、この方法で例えば同じgifファイルを貼付けて縮小した場合に、崩れる画像と崩れない画像がでてきてしまいます。(ここでいう画像の崩れとは、文字や絵がギザギザになって見ずらい画像になることです) なぜ、崩れる画像と崩れない画像ができるのでしょうか? それともこの方法(順序)が間違っているのでしょうか? まず、画像を作る時に表示したい画像サイズで作って貼付けるというのが正しいのでしょうか? 同じ画像を複数のページで違ったサイズで表示したいのですが、このような場合はそれぞれのページで表示したいサイズにページの数だけの画像ファイルを用意しないといけないのでしょうか? また、たくさんできる画像ファイルを上手く管理する方法があれば教えて頂きたいのですが。 あまり増えてくると分らなくなってまいます。 宜しくお願い致します。

専門家に質問してみよう