1回のブックマークレットで複数のURIをまとめて表示する方法
- 某サイトのファイルのURIをまとめて表示する方法について質問があります。
- 現在、以下のブックマークレットを使用してURIを表示していますが、複数のURIをまとめて表示する方法が知りたいです。
- URIは改行して表示されると便利です。どのようにブックマークレットを書き換えれば良いでしょうか？
- ベストアンサー
URIをまとめて表示したい
お世話になります。 某サイトのファイルのURIをまとめて表示したいと思っています。 自分はJavascriptに関してはまったくの無知ですが、色々なサイトを見回って以下のようなブックマークレットを作りました。 javascript:(function(){ document.body.innerHTML=decodeURIComponent(sources[*]) })(); このブックマークレットのsources[*]は変数で、その変数がURIになっています。 *には 0≦ の数字が入り、sources[0]とsources[1]で2つのURIになります。 仮に表示中のページに1つ以上のURIがあったとして、それらのURIを1回のブックマークレットの実行で全て表示するには、このブックマークレットをどのように書き換えればいいのでしょうか？ URIはそれぞれ改行して表示できれば尚よいです。 よろしくお願いします。
- mirrorky
- お礼率100% (1/1)
- JavaScript
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
こんにちは。 for(var i=0;i<sources.length;i++){ document.body.innerHTML+=decodeURIComponent(sources[i])+'<br>'; } 書き出しの部分をforでループしてあげればsourcesの配列の要素数分書き出しを実行します。 的を射ていなかったらごめんなさい。
関連するQ&A
- スクリプトがIE6だけ正常に動かない
スクリプトがIE6だけ正常に動かない 下記のようなブックマークレット用のスクリプトなのですがIE6では動きません． Opera9，Mozilla Firefox1.5では期待通りに作動しました． javascript:(function(){document.body.innerHTML=document.body.innerHTML.replace(/<a\s+href=\x22#\x22\s+onclick=\x22func\d+\w+\(\x27([^\x27]+)\x27[^>]+>/ig,'<a href=\x22$1\x22>$1');})(); やろうとしていることは，次のようなHTMLの記述の文字列を操作したい，というものです． <a href="#" onclick="func01_abc('あいうえお','abc')">LINK</a> 試しにブックマークレットではなく，HTMLに<script>タグで直接スクリプトを記述してテストしてみましたが，やはりIE6だけは作動しません． アドバイスよろしくお願いします．
- ベストアンサー
- JavaScript
- JavaScript表示切替の問題
ボタンを押すたびに、こんにちはとこんばんはが切り替わるようにしたいのですが、 切り替わりません。なぜかわかる方がいたら教えて頂けると助かります。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"/> </head> <body> <div id="1">こんにちは</div> <input type="button" value="切替" onclick="func_switch()"> <script language="javascript" type="text/javascript"> function func_switch(){ if(document.getElementById(1).innerHTML="こんにちは"){ document.getElementById(1).innerHTML="こんばんは"; } else{ document.getElementById(1).innerHTML="こんばんは"; } } </script> </body> </html>
- ベストアンサー
- JavaScript
- ブックマークレット勉強中 javascript:void
javascriptの入門書を２さつよみました。 そこでブックマークレットをつくっています。 javascript:void(document.body.style.lineHeight='1.6em') ↑のようなブックマークレットで、いろいろリファレンスを調べたのですが、void の意味が良く分かりません。 どなたか詳しい意味使い方をおしえてください。 たしかに void の部分がないとうまく機能しないので、必要なのは分かるのですが……
- 締切済み
- ブラウザ
- HTMLソースをコピーするブックマークレット
よろしくお願いします。 タイトルのとおり、HTMLソースをコピーするブックマークレットを作りたいのですが、 IEからメモ帳でソースを開いた時と全く同じ内容をクリップボードにコピーしたいのですが、 以下のスクリプトではそのように動作しませんで、困っています。 javascript:alert(document.parentWindow.clipboardData.setData("text", document.body.innerHTML)?'コピー完了':'false'); 上記ので駄目だったので、以下のスクリプトも試しましたが、駄目でした。 javascript:alert(document.parentWindow.clipboardData.setData("text", document.getElementsByTagName('html')[0].innerHTML)?'コピー完了':'false'); 上記スクリプトでは<HEAD>～</BODY>までの間しかコピーされず(その前後の<script >関連などがコピーされません)、また、改行やインデントなども消去されてしまっています。 コピーしたデータをPHPのプログラムでデータとして処理しているため、IEのソースを表示でメモ帳で開いたデータと全く同じ様式にしてコピーしたいのですが…。 詳しい方がおられましたら、どうかよろしくお願い致します。
- 締切済み
- JavaScript
- javascriptのブックマークレット作成
javascript初心者です。 以下のコードをブックマークに登録して、フォームに自動で入力されることが確認できました。 そもそも根本的なことがわかっていないのですがいくつか質問をさせてください。 ■コード javascript:(function(){arrs=document.getElementsByName("simei");arrs[0].value="かきくけこ"})(); ＜質問１＞ 上記のコードは変数を使用せずに記述はできないのでしょうか？ ■やりたいイメージ javascript:(function(){document.getElementsByName("simei").value="かきくけこ";})(); ＜質問２＞ macを使用しているのですが、ブックマークレットではなく ローカルファイルとして実行させて、現状開いているWEBフォームへ値を設定させることは可能でしょうか。 また、どのようにすればよいでしょうか。 ざっくばらんな質問で申し訳ありません。 ヒントとなる単語だけでもよいので教えてください。 よろしくお願いします。
- ベストアンサー
- JavaScript
- 構造がよく分かりません
以下のJavascriptのコードで、クリックすると ---変数テスト なし あり グローバル変数 となり、debug()が３つありますが、どのような構造がよく分かりません。つまりfunction debug(str)とfunction debugClear()の意味がよく分かりません。 <html> <head><title>ゆーざーかんり</title> <meta http-equiv="content-type" content="text/html; charset=Shift_JIS"> <script type="text/javascript"> var globalVar= "グローバル変数"; function varTest(){ debugClear(); debug("---変数テスト"); val1 = "なし"; debug(val1); var val2 ="あり"; debug(val2); debug(globalVar); } function debug(str){ document.getElementById("debug"). innerHTML += "<br/>" +str; } function debugClear(){ document.getElementById("debug").innerHTML = ""; } </script> </head> <body> <input type="button" value="変数のテスト" onclick="varTest()"/><br/> <div id="debug">デバッグ</div> </body> </html>
- ベストアンサー
- JavaScript
- innerHTMLに変数表示は？
innerHTMLに変数表示は？ innerHTMLに変数を入れて数値などをその都度 表示したいのですが、上手くいきません。 document.getElementById("kazu").innerHTML = suuzi=suuzi+1; など。 innerHTMLではむりならば、他の方法を知りたいです。。
- ベストアンサー
- JavaScript
- innnerHTMLがうまくいきません
JavaScriptで、HTMLのbody内をinnerHTMLを使って書き換えをしたいのですが、うまくいきません。どなたかご教示くださると助かります。 以下がJavascriptのソースです。 window.onload = focusline; function focusline() { var test = document.getElementsByTagName('body'); for (var i = 0; i < test.length; i++) { test[i].onclick = clicked; } } function clicked() { test.innerHTML = test.innerHTML + '<p>書き換えました</P>'; }
- ベストアンサー
- JavaScript
- ネスケでjavascriptを動作させたいのですが・・・
こんにちは。 javascriptである画像をクリックすると、任意の場所にその画像を説明 するテキスト文を表示させる、ということをしたいのですが、IE、mozilla ではそれができるのですが、ネスケではどうしたものかテキスト文が表示 されません。 ソースは以下を使用しています。 <script language="Javascript"> function Click_Sub1() { document.all.div1.innerHTML="出た！"; } function Click_Sub2() { document.all.div1.innerHTML="消えた！？"; } function Click_Sub3() { document.all.div1.innerHTML="出た！"; } function Click_Sub4() { document.all.div1.innerHTML="でてるよ・・・"; } function Click_Sub5() { document.all.div1.innerHTML="ひいー"; } function Click_Sub6() { document.all.div1.innerHTML="わおわおわお～"; } </script> これを<head>内に記述して、<body>内の任意の場所に <DIV id="div1" STYLE="position:absolute;left:164px;top:477px; width: 469px; height: 69px;"></DIV> としています。 このソースではネスケはたとえば上の「出た！」といったテキスト文が まったく表示されません。ネスケの「仕様」なのか、ネスケでも実現できる のか、できるとしたらどのような指定方法なのか、ご存知の方がいたらご教授 願います。よろしくお願いします。 色々調べたのですが、コピペできるソースを配布してる素材やさんでも サンプルをネスケで閲覧するとやっぱりでない、という状況なので、なかなか 難しいのでしょうか・・・。
- ベストアンサー
- その他（インターネット・Webサービス）
- textareaで入力した文字を改行したままで表示したいのですが。
textareaに複数行で入力した文字を改行したままで表示したいのですが 改行されずに表示されます。 改行したままで表示するのはどうすればいいでしょうか？ <HTML> <HEAD> <STYLE type="text/css"> <!-- INPUT {font-size: 12px;} --> </STYLE> <SCRIPT language="JavaScript"> <!-- function check(){ var strName; strName = document.nform.textN.value; var test = document.getElementById("test"); test.innerHTML = strName; } //--> </SCRIPT> </HEAD> <BODY> <FORM name="nform" > <textarea cols="30" rows="10" name="textN"></textarea> <input type="button" value=" 確認 " onClick="check()"> </FORM> <DIV id="test" style="position:absolute;font-size:24px;"> </DIV> </BODY> </HTML>
- ベストアンサー
- HTML
お礼
回答の通り実行したらうまくいきました。 ありがとうございました。