リンク一覧の表示

2023/07/28 10:43

このQ&Aのポイント

<SCRIPT language="JavaScript">リンクの一覧を表示するスクリプトを作成しました。
現在はリンクの一覧がURLのみで表示されていますが、番号付きで表示したいです。
JavaScriptを使用してリンクの一覧を番号付きで表示する方法について教えてください。

ベストアンサー

リンク一覧の表示

2003/11/22 19:50

<SCRIPT language="JavaScript">  </SCRIPT> 下記のように表示されるのをリンクの一覧： http://***.ne.jp/bbns.cgi http://***.ne.jp/abc.cgi 下記のように番号を付けて表示したいのですがリンクの一覧： 0:http://***.ne.jp/bbns.cgi 1:http://***.ne.jp/abc.cgi

hana3090
お礼率29% (65/222)

JavaScript
回答数1
ありがとう数2

みんなの回答 （1）
専門家の回答

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

ベストアンサー

mousengoke
ベストアンサー率50% (197/388)

2003/11/22 21:40 回答No.1

msg = msg + "<A href=" + document.links[i] + ">" + document.links[i] + "</A><BR>"; を msg = msg + i +":<A href=" + document.links[i] + ">" + document.links[i] + "</A><BR>"; としてみてください。数字の部分もリンクに入れるなら msg = msg + "<A href=" + document.links[i] + ">" + i + ":" + document.links[i] + "</A><BR>"; とすればいいと思います。動作確認はしていません。

質問者

お礼 2003/11/23 20:45

お礼が遅くなってすみません、有難う御座います、番号が付くように成りました、変数の前後に有る　+　の使い方が理解出来ました。

関連するQ&A

ページのリンクを取得する
次のようなスクリプトを作りました。 GoLinks() でリンクを取得したいページを開いてそのページのリンクを取得し、 LinkCount() でそのリンクを表示する、というものです。 var msg = "リンクの一覧:<br>"; function GoLinks () { var srcwin = window.open('該当ファイルのパス','srcwin',''); if(srcwin.document.links.length != 0){ for (i=0; i<srcwin.document.links.length; i++){ msg = msg + srcwin.document.links[i] + "<br>"; } setTimeout('LinkCount()',3000); }else{ msg = msg + "このページにリンクは存在しません。<br><br><br><br>"; setTimeout('LinkCount()',3000); 　} } function LinkCount(){ var win1 = window.open('','newwin1',''); win1.document.write(msg); } 問題は、たとえば同じディレクトリの index.html のリンクを読もうとして「該当ファイルのパス」の部分を「index.html」としたところ、ローカルでは正常に動作しました。ところがオンラインでは、index.html は開かれるものの、LinkCount() の結果「このページにリンクは存在しません。」と表示されます。何がおかしいのかわかりません。ついでに、まったくよそのサイト（たとえば http://service.okweb.jp/community/guide/index.html とか）のページを指定した場合には、LinkCount() が動作しません（ウィンドウも開きません）。よそのサイトのリンク情報は取得できないものなのでしょうか。
- ベストアンサー
- JavaScript
scriptリンクの別画面表示
はじめまして。ホームページのトップにブログの件名をニュースとして一覧表示したくて Google AJAX Feed API を利用しました。表示自体はうまくいったのですが、この記事へのリンクを別ウィンドウで開くようにするにはどうすればいいのでしょうか？当方、JavaScriptは全く分からずで困っております・・・おわかりの方、いらっしゃいましたらよろしくお願いいたします。【html　header　部分】 <script type="text/javascript" src="https://www.google.com/jsapi"></script> <script type="text/javascript"> google.load("feeds", "1"); function initialize() { var feed = new google.feeds.Feed("http://blog.XXXXX.XXX"); feed.load(function(result) { if (!result.error) { var container = document.getElementById("feed"); for (var i = 0; i < result.feed.entries.length; i++) { var entry = result.feed.entries[i]; var li = document.createElement("li"); var a = document.createElement("a"); a.href = entry.link ; 　　　　　　var date = new Date(entry.publishedDate); var titlelink = entry.title; a.appendChild(document.createTextNode( "・" + date.toDateString() + "　" +titlelink)); li.appendChild(a); container.appendChild(li); } } }); } google.setOnLoadCallback(initialize); </script> 【html　body　部分】 <div id="feed"></div> 以上、どうぞよろしくお願いいたします。
- ベストアンサー
- JavaScript
ホームページに画像とコメントを表示する。
今回初めてホームページをつくります。 htmlのサンプル集から作っているのですがなかなかうまくいかずに困ってます。横にサムネイルを表示してクリックされたら大きい画像と画像の下にコメントを表示するように作りたいのですがどうしてもコメントがでません。 ---------- <SCRIPT language="JavaScript">  photo=new Array(); photo[pn++] = "1.jpg"; photo[pn++] = "2.jpg"; photo[pn++] = "3.jpg"; pn=0  msg=new Array(); msg[pn++] = "test。"; msg[pn++] = "test2。"; msg[pn++] = "test3。"; var n=photo.length,keno,tid,tate=50;  for(i=0;i<n;i++){document.write("<IMG class='s' style='width:120;' src="+photo[i]+" onclick='keno="+i+";m_out();'><BR><BR>");}  function m_out(){document.getElementById("myimg").src=photo[keno].replace(/thum/,"pic");}  //--> </SCRIPT>   <IMG id="myimg" style="width:400;border:4px ridge #eeffff;" src="1.jpg">   ---------- 多分、☆の位置にコメント用のfunctionと★の位置にコメントを表示する何かを書けば出るのかと思いいろいろ試してみたのですがなかなかうまくいかず。。。どうかよろしくお願いします。
- ベストアンサー
- JavaScript
javascriptによる動的なリンクの変更
javascriptによって、ラジオボタンをチェックする度に(チェックを変える度に) 動的にリンクを変更したいのですが、上手くいきません。すみませんが、どなたか教えていただけないでしょうか？ちなみに、下記は私が試したコードです。(全く動きませんが。) ラジオボタンのチェックを変えると、<a>タグのhrefの中身のURLが、そのボタンのvalueに対応して変わるようにしたいのですが。。 <FORM NAME="sample"> 選択して下さい -->　 <input type="radio" name="list" OnChange="UpdateLink()" value="http://www.yahoo.co.jp" />s <input type="radio" name="list" OnChange="UpdateLink()" value="http://www.vector.co.jp/authors/VA011407/" />m <input type="radio" name="list" OnChange="UpdateLink()" value="mailto:akirayu@a2.mbn.or.jp" />l <A href="samplelink">リンク更新!!</A> </FORM> <SCRIPT LANGUAGE="JavaScript">  </SCRIPT>
- ベストアンサー
- JavaScript
JavaScriptのソース一部が画面にそのまま表示されてしまう
下記のリストは投稿する画像の確認をするPearCGIのJavaScriptです <SCRIPT language="JavaScript">  </SCRIPT> ************************* CGIを実行すると下記のJavaScriptのソースが画面の上部に表示されてしまいますどこが間違っているのか分かりませんよろしくお願いします。 ****************************** "); // new2.document.writeln(""); // idata = window.document.Form1.pr.value; // new2.document.writeln(lineX(idata)); // new2.document.writeln("<"+"/FONT>"); // new2.document.writeln(" "); // imag = "file:///" + document.Form1.file_1.value.replace(/\\/g, '/'); // new2.document.writeln(""); // new2.document.writeln("<"+"/CENTER>"); // new2.document.writeln("
- 締切済み
- JavaScript
java scriptで読み込むtxtでリンクする
java scriptを使って外部テキストデータをhtml内に表示させることはできたのですが、そのテキストからさらに別ページへのリンクを貼る方法はあるでしょうか？ ■java script内 var data = [ [2010.12.12,ここにコメント], [2010.11.11,'ここにコメント'], [2010.10.10,'ここにコメント'] ]; ※ここにコメントの全文または一部分をリンクさせたいです。 ■html内 <script type="text/javascript" src="data.js"></script> <script type="text/javascript"> for(var i=0;i<data.length;i++) document.write(data[i][0]+'   '+data[i][1]+'<br>'); </script> よろしくお願いします。
- 締切済み
- JavaScript
スクリプトで<div id="links">
下記スクリプトで<div id="links"></div>のところを開いた瞬間 <ul> <li><a href="http://foo.com/">foo</a></li> <li><a href="http://bar.com/">bar</a></li> </ul> に変換したいのですがうまくいきませんどこをどのように変更すれば変換されるのでしょうか【スクリプト】 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <script type="text/javascript"> var URL = new Array("http://foo.com/","http://bar.co.jp/"); var TITLE = new Array("foo","bar"); // 表示用コンテナ var container = document.getElementById('links'); // リセット container.innerHTML=''; var ul=document.createElement('ul'); container.appendChild(ul); for(var i=0;i<URL.length;i++){ var li=document.createElement('li'); var a=document.createElement('a'); // 'href'属性の設定 a.setAttribute('href',URL[i]); // ラベル a.appendChild(document.createTextNode(TITLE[i])); li.appendChild(a); ul.appendChild(li); } </script> </head> <body> <div id="links"></div> </body> </html>
- 締切済み
- AJAX
カテゴリをクリックして、リンク先一覧を表示させたい
テーブル内のカテゴリをクリックすると、別テーブルにリンク先一覧を表示させるような、リンクページを作りたいのですが、下記のように組むと、「リンク１」をクリック→別テーブルにちゃんとリンク先一覧が表示される。次に「リンク２」をクリックすると「リンク１」のリンク先一覧の下に「リンク２」のリンク先一覧も表示されてしまう。しかも２回クリックしないと表示されません（泣「リンク２」をクリックしたら「リンク１」で表示させたリンク先一覧と入れ替えで、リンク先を表示させたいのですが、やり方が分かる方いらしたら、ご教授お願いします。 <HEAD> <SCRIPT language="JavaScript">  </SCRIPT> </HEAD> <BODY> <TABLE border="1"> <TBODY> <TR> <TD><A href="javaScript:pullDown01()">リンク１</a><BR> <BR> <A href="javaScript:pullDown02()">リンク２</a><BR> </TD> <TD style="width:380px;height:190px"> <DIV id="ID01" style="visibility: hidden;"> <A href="http://www.yahoo.co.jp/">■Yahoo!</A><BR> </DIV> <DIV id="ID02" style="visibility: hidden;"> <A href="http://bb.yahoo.co.jp/">■Yahoo! BB</A><BR> </DIV> </TD> </TR> </TBODY> </TABLE> </BODY>
- ベストアンサー
- JavaScript
windows7　シンボリックリンク　一覧表示
お世話になります。 windows7sp1でのお話です。 ipadやiphone等のバックアップ先や、ドキュメント内容などを、容量の関係で余裕のある別ドライブのフォルダーにシンボリックリンクしたらしいのですが、あちこちシンボリックリンクしたので、なにをシンボリックしたかわからなくなってしまったらしいのです。再インストールするらしく、シンボリックしたものを把握しておきたいとのことで相談頂きましたが、本心である「管理してないのが悪い」とも言えず、一覧表示させるコマンドかフリーソフトがあるかなと探しているのですが、意外にヒットしません。一つ見つけたのはスクリプトか何かを組んで表示（抜出）するものぐらいでした。できればフリーソフト等で一覧表示させるものがあれば助かるのですが、最悪コマンドベースでも構わないので、シンボリックリンクされているディレクトリの見分け方、というよりも、シンボリックリンクのディレクトリだけを抜き出して一覧表示する方法・ソフトをご存知の方いらっしゃいましたら、教えて頂けますと幸いです。ご教示よろしくお願い致します。
- 締切済み
- その他（ITシステム運用・管理）
リンクの表示文字を変えたい
リンクの表示文字を変えようとしています。 document.link.textを使用して実現しようとしているのですが、エラーになってしまいます。何か良い方法はありませんでしょうか。参考までに、自分の作ったコードを記載します。 <![CDATA[ <script type="text/javascript"> function disp() { 　var n = q.getNumber(0); 　n.dispNumber(); } function Number(number) { 　this.number = number; } Number.prototype.dispNumber = function(){ 　document.write("<div style=\"position: relative;\">"); d　ocument.write("<a href=\"JavaScript:q.checkNumber(" + this.number + ")\">"); 　document.write("<IMG src=" + this.URL + " width=" + this.size + " height=" + this.size + " name=\"img\" border=\"0\">"); document.write("<div style=\"top:" + this.size / 2 + "px; left:" + this.size / 2 + "px; position:absolute; z-index:2;\" id=\"Layer4\" align=\"center\">"); 　document.write(this.number); 　document.write("</div>"); 　document.write("</a>"); 　document.write("</div>"); } Number.prototype.setNumber = function(number){ 　this.number = number; } function Question() { 　this.number = new Array(); } Question.prototype.checkNumber = function(number) { 　alert(number + "がクリックされました。"); 　document.link.text = -100; } Question.prototype.createNumbers = function() { 　this.number[0] = new Number(1); } Question.prototype.getNumber = function(i) { 　return this.number[i]; } </script> <div id="hoge"> <script language="JavaScript"> </script> </div> ]]> よろしくお願いします。
- ベストアンサー
- JavaScript