document.write()でHPの表示をJavaScriptで行いたい

このQ&Aのポイント
  • 質問者は、HPの作成中にJavaScriptを使用して、document.write()でHPの表示を行いたいとしています。
  • 具体的には、画像にリンクを付けずにテキストのみをリンクしたいという要件、およびタグの連続使用やスペースの使用について質問しています。
  • 質問者は、これらの要件を満たすためにどのようにコードを書けば良いのか教えてほしいとしています。
回答を見る
  • ベストアンサー

document.write()での記述可能?

皆様、こんばんは。 質問する前に、検索して見たのですが、 それでもよく分からないもので、質問させて頂きます。 document.write()での記述についてお聞きしたのですが、HPを作っていまして ■メール「■は画像、メールはリンク(mailto:)を用いる」 形で表示をJavaScriptで行いたいのですが、何故か上手く作れなくて。 画像にはリンクしないで、文字だけリンクしたいのです。 それと、■***「■は画像、***は文字」の方法は、 上記を応用すれば可能ですよね? 「&copy;」などもdocument.write()で記述可能でしょうか? 「document.write(&copy;)」という風に可能?(わざと全角で記述しています) document.write()の「()」にタグを打ち込んで、「('<IMG src="">')」や「('<A href="mailto;">')」としたくて。 外部テキストで読み込ませたいのですが、一向に上手く行かないもので。 あと、document.write()の「()」の中には、タグの連続使用は可能でしょうか? <DIV id="webmas0"> <IMG src="gif/icon/close.gif" id="web1" class="menu" style="cursor:crosshair"> <FONT>管理人</FONT><BR><BR> <DIV id="web1" style="display:none">  <IMG src="gif/icon/mark.gif"> <A href="my.html" title="紹介" target="mycolor">Me</A><BR><BR>  <IMG src=gif/icon/mark.gif"> <A href="nikki.html" title="日記" target="mycolor">Diary</A><BR><BR> </DIV></DIV> と行った構文をdocument.write()の「()」に入れる事は、可能でしょうか?スペース「 」も可能?? もし可能で有れば、document.write()の形はどの用にすれば良いのか教えて頂きたいです。 長々と申し訳ありませんが、ご回答を何方様か宜しくお願い致します。

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

  • ベストアンサー
  • osumitan
  • ベストアンサー率33% (102/307)
回答No.2

> ■メール「■は画像、メールはリンク(mailto:)を用いる」 これでいいと思います。画像を<a>で囲まなければOKです。 <img src="hoge.gif"><a href="mailto:hoge@hoge.com">メール</a> > 「&copy;」などもdocument.write()で記述可能でしょうか? > あと、document.write()の「()」の中には、タグの連続使用は可能でしょうか? document.writeは単純にカッコ内の文字列を書き込むだけなので HTMLの規則に沿おうが沿うまいが、書き込むことに問題はないです。 あとはそれをブラウザが解釈できるか?ということです。 > 外部テキストで読み込ませたいのですが、一向に上手く行かないもので。 Javascriptはあくまでも、クライアントのブラウザ上で動くものなので 外部テキストを読むことはできないというわけでもありませんが、 あくまで読めるのは、ページを開いてる人のHDD上のファイルです。 (外部テキストでHTMLを作るなら、最初からHTMLを書けばいいかと…) もし動的に内容が変わるようなページを作りたいということであれば、 CGIやServletなど、サーバ側の処理が必要になってきます。

qurione
質問者

お礼

osumitan様、ご回答有り難う御座います。 <img src="hoge.gif"><a href="mailto:hoge@hoge.com">メール</a> を、document.write()の「()」内に用いれば、 可能そうなのですね。 なかなか上手くいかないのですが、再度試してみます。 HTMLの規則云々ではなく、書き込む事には問題ないのですね。 他、色々とアドバイス有り難う御座いました。 もう少し、アドバイスを元に頑張ってみますね。

その他の回答 (1)

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

可能かどうかは、やってみればわかるのでは? どういうふうにやって、うまくいかないのかを書いた方がいいです。

qurione
質問者

お礼

BLUEPIXY様、ご返答有り難う御座います。 可能かどうか確かめた上で質問しています。 言葉足らずで失礼致しました。

関連するQ&A

  • 画像の切り替えの記述形式について

    <a href="#A" onclick="document.A.src='../img/gif/B1.gif'"><img src="../img/gif/A1.gif" alt="" width="133" height="176" name="A" id="A" /></a> 画像としてA1.gifがあるのですが、A1.gifを押すと、リンク先のB1.gifが呼び出されて、変更されるというスクリプトになっています。 上のような記述をしているのですが、この場合、指定している#Aのアンカーリンクを指定しているため、画像を押す事に移動してしまいます。移動をしないようにするにはどうしたらいいですか? <a href="javascript:openURL('URL');"><img></a> このような形式で、アンカーリンクにならずに、上のような操作が可能になるという話を聞きました。 こういう場合、どのように記述したらいいですか?

  • document.writeの書き方

    document.write("<div class='sponsors'><p><a href=\"" + banner[rndindex[i]].url + "\" target='_blank'><span class='guard'><script type='text/javascript' src='http://abc.com/js/abc.js'></script></span><img src=\"" + banner[rndindex[i]].src + "\"></a></p><p> " + banner[rndindex[i]].text + "</p></div>"); この中の <script type='text/javascript' src='http://abc.com/js/abc.js'></script> ですが、記述の仕方は合っていますでしょうか?FLASHを呼び出したいのですが、これを入れるとレイアウトが崩れてしまいます。 どうぞよろしくお願いいたします。

  • 折たたみメニューの表示・非表示

    JavaScriptで下記のような折りたたみ(階層)メニューを作成しています。 <script type="text/javascript"> <!-- /* ブラウザ判別 */ var ie=document.all ? 1 : 0; var ns6=document.getElementById&&!document.all ? 1 : 0; var opera=window.opera ? 1 : 0; /* 子メニューの表示・非表示切替 */ function openFolder(childObj, parentObj){ var child=""; var parent=""; var sw="../../images/blanc.gif"; /* フォルダ表示時のアイコン画像 */ var hd="../../images/blanc.gif"; /* フォルダ非表示時のアイコン画像 */ if(ie || ns6 || opera){ child=ns6 ? document.getElementById(childObj).style : document.all(childObj).style; parent=ns6 ? document.getElementById(parentObj) : document.all(parentObj); if (child.display=="none"){ child.display="block"; parent.src=sw; }else{ child.display="none"; parent.src=hd; } } } //--> </script> <div id="open_1" style="display:none;"> <a href="01.html"><img src="images/list_01.gif"></a><br> <a href="02.html"><img src="images/list_02.gif"></a><br> </div> <div id="open_2" style="display:none;"> <a href="03.html"><img src="images/list_03.gif"></a><br> <a href="04.html"><img src="images/list_04.gif"></a><br> </div> <div id="open_3" style="display:none;"> <a href="04.html"><img src="images/list_03.gif"></a><br> <a href="05.html"><img src="images/list_04.gif"></a><br> </div> ここで、<div id="open_1">内のリンクをクリックして01.htmlに遷移した際、01.htmlでも<div id="open_1">内の階層が表示されているようにしたいのです(下のふたつの階層についても同じです)。 過去ログなどを調べまして、 <script type="text/javascript"><!-- function keepOpen(){ document.getElementById('x').style.display = "block"; document.getElementById('y').style.display = "block"; }keepOpen(); //--></script> を挿入すればいけそうでやってみたのですが、今度は開きっぱなしになってしまいます。二日ほど調べたのですが、よい解決策が見つかりません(また、<div>の中のソースはすでにphpのコードを組込んでいるので、できれば中の部分はいじりたくありません)。 お詳しい方、大変恐れ入りますが、どうぞご教示くださいませ。 よろしくお願いいたします。

  • HTMLの記述について

    HTMLの記述について二つ質問です. (1) ,一つ下のディレクトリにある画像などを参照するとき, a) <img src="images/logo.gif"> b) <img src="./images/logo.gif"> と,どちらの記述でも同じ画像を表示できますが,何か違いがあるのでしょうか. (2) たまに,<br> を <br /> などと記述しているHTMLソースをみかけますが,  これらにも何か違いはありますか? よろしくお願い致します。

    • ベストアンサー
    • HTML
  • 外部ファイルの記述の仕方

    HTMLにリンクを指定している画像にマウスが重なったときに画像を変化するようにHTML文法にJavaScriptを指定しているのですが、外部ファイル化したいのですがどのように記述すればよいでしょうか? <a href="1.html"> <img src="menu01.gif" onMouseOver="this.src=\'menu11.gif\'" onMouseOut="this.src=\'menu01.gif\'" height="30" width="138" > </a> <a href="2.html"> <img src="menu02.gif" onMouseOver="this.src=\'menu12.gif\'" onMouseOut="this.src=\'menu02.gif\'" height="30" width="138" > </a>

  • HTMLで表示させる記述を教えてください。

    お世話になります。 すいません教えてください。 $bannerには、GIFバナーにリンクが付いている内容です。 内容としては、 <a href="http://www.homepage.com/"><img src="mihon.gif"></a> とします。 これを、 print "$banner\n"; と書くと、バナーが表示されてしまいます。 これを、ウェブ上でHTMLで<a href="http://www.homepage.com/"><img src="mihon.gif"></a>と表示させるにはどうしたらいいのでしょうか? よろしくお願い致します。

    • ベストアンサー
    • Perl
  • テキストのリンクをON/OFFする

    Javascriptでテキストをクリックすると2箇所の画像を同時に変更することができたのですが、表示されている画像のテキストのリンクをはずす方法がわかりません。はじめは「ページ3+4」のテキストのみがクリッカブルで、「ページ3+4」のテキストをクリックすると、「ページ1+2」のテキストのみがクリッカブルになるようにしたいのです。表示されていない画像のテキストのみをクリッカブルにする方法をどなたか教えていただけますでしょうか? <script language="JavaScript"> <!-- function swapImg(imgfile1,imgfile2) { document.swpimg1.src = imgfile1; document.swpimg2.src = imgfile2; } // --> </script> <div><img src="sample1.gif" name="swpimg1" /><img src="sample2.gif" name="swpimg2" /></div> <div><a href="javascript:swapImg('sample1.gif','sample2.gif')">ページ1+2</a> <a href="javascript:swapImg('sample3.gif','sample4.gif')">ページ3+4</a></div>

  • ドロップダウンメニューの方法を教えてください

    ■ドロップダウンメニューでサブメニューが横並びで出るようにしたいと思っています。 HTMLは下記のように記述しています。どのようにJavascriptを記述すると良いのか教えてください。よろしくお願いします。 【html】 <div id="menuber"> <a href="#"><IMG src="test/m1.gif" width="101" height="20" border="0" align="left"></a> <div class="hiddenmenus"> <span id="sub"> <a href="#"><IMG src="test/sub1.gif" width="101" height="20" border="0" align="left"></a> <a href="#"><IMG src="test/sub2.gif" width="101" height="20" border="0" align="left"></a> <a href="#"><IMG src="test/sub3.gif" width="101" height="20" border="0" align="left"></a> <a href="#"><IMG src="test/sub4.gif" width="101" height="20" border="0" align="left"></a> </span> </div> </div> 【CSS】 .hiddenmenus {position:absolute; top: 20px; left: 0px;} #sub1 { visibility: hidden; }

  • 勝手にタグが改変されてしまいます。

    初心者レベルでお許しください。 ブログにタグを貼ろうとしていますが、 <a href="~><img src="~></a><br><br><a href="~><img src="~></a><img src="~/gif.gif"> という構文をソースで入力し、 普通のモードに変えると、何故か勝手に改変されタグも変わってしまいます。 (~の部分はIDやホームページなどがかかれています。) <a target="_blank" href="http~></a><br /> <br /> <a target="_blank" href~></a><img alt="" src="http~> これが勝手に改変されないようにするにはどうしたらよろしいのでしょうか? 宜しくお願いいたします。

  • 複数行のdocument.writeで表示する部分をまとめたい

    お世話になります。 複数行に渡るdocument.write文がある場合、表示が遅いと以前指摘された事を思い出しまして、今回変数にまとめて代入し表示すると速くなるのかな?と思い下記のようにしてみましたが、表示されません。 ■1.下記を外部ファイルとして読み込み --------------------------------- Menu='' +'<!--UnderMenu-->' +'<div CLASS="toptitle1"> テスト</div>' +'<div class="aaa">' +'<div class="bbb">' +' <ul id="ccc">' +' <li><a class="ddd" href="http://" onclick="return false">&nbsp;&nbsp;リンク1</a>' +' <li><a class="ddd" href="http://" onclick="return false">&nbsp;&nbsp;リンク2</a>' +' </ul>' +'</div></div></div><br>' --------------------------------- 下記のようにして表示を試みておりますが、エラーとかにはならず表示もされません。 <SCRIPT type=text/javascript> <!-- document.write("Menu"); // --></SCRIPT> 上記のようにしてみておるのですが、エラーが表示されずどこに問題があるのか分からないのですけれども、どこが間違っているかまたどのようにすれば表示出来るようになるかご教授願えませんでしょうか ■2.30行とかの複数行のdocument.write文を表示する場合は、上記に比べ遅いのでしょうか。また遅い場合、上記の変数に入れて表示すれば早くなりますか?それ以外に早く表示する方法など御座いますようでしたら合わせてご教授願えますようお願い出来ませんでしょうか

専門家に質問してみよう