記事「支配下にあるIDを特定し、Aタグを自動的に置き換えてリンクをクールに仕上げよう！」で配布中の公開ソースを、そのままでは実行できないブログに対して、外部サーバーから提供してみます。接続数が短い時間内に増え過ぎると接続を遮断する「DropBox」からの提供です。接続不能時には、「DropBox」からダウンロードして、みなさんの公開サーバーにアップロードし直してご利用願います。

サンプル(その１)


location.hostname : 

20x20(px)の「新しいタブで開く」用の画像のアドレスを指定して下さい。
クッキーはブログページによっては保存限界近くまで利用している可能性がありますので、ここでは  JavaScriptによる  localStorage.setItem  機能を利用して、あなたのブラウザーが、あなたのブラウザーのキャッシュ領域（固定ディスク）に４つのデータ名：  「NEWTABURL2018」、  「MyButton2018」、  「ID___2018」、  「CLASS2018」  を保存します。ご了解願います。ブラウザーのセキュリティー設定ソフトの影響で保存を許可しない場合は、画像アドレス名、ID名やCLASS名に「ｎｕｌｌ」と表示されるだけで、この画面で設定して追加処理を継続利用することはできません。保存されるタイミングは、画像アドレス名を変更した時、ID名を変更した時、CLASS名を変更した時、ラジオボタンをクリックした時です。本ページを最初に読み込んだ時に３つのデータ名に長さゼロの文字列（＝””）を保存します。
<div id="" />内部のＡタグのみ処理します</div><div class="" />内部のＡタグのみ処理します</div>
ここに簡単なHTMLコードを配置しました。赤い罫線です。
です。特に必要ありませんが、理解を深める必要を覚えた場合、テキストエリア内のコードを「追記」の前にもコピー＆ペーストしてみても良いです。
id="HR2018" を包含(内包)するDIVタグをレポートさせます。

It found 81 div tags.

  1. id="" class="header-wrapper"
  2. id="" class="header section bg-white small-padding"
  3. id="" class="section-inner"
  4. id="" class="clear"
  5. id="" class="toggles"
  6. id="" class="bar"
  7. id="" class="bar"
  8. id="" class="bar"
  9. id="" class="genericon genericon-search"
  10. id="" class="clear"
  11. id="" class="navigation bg-white no-padding"
  12. id="" class="section-inner"
  13. id="" class="mobile-search"
  14. id="" class="genericon genericon-search"
  15. id="" class="clear"
  16. id="bg-video" class="header-image bg-image"
  17. id="" class="wrapper section"
    • FOUND ID (CLASSNAME) "HR2018" included in the upper
      class="wrapper section" !
  18. id="" class="section-inner"
    • FOUND ID (CLASSNAME) "HR2018" included in the upper
      class="section-inner" !
  19. id="" class="content"
    • FOUND ID (CLASSNAME) "HR2018" included in the upper
      class="content" !
  20. id="post-1084" class="post single post-1084 type-post status-publish format-standard has-post-thumbnail hentry category-free category-javascript category-143 category-156 category-183 category-192 tag-dropbox tag-free tag-javascript tag-1675 tag-1799 tag-2074 tag-2223"
    • FOUND ID (CLASSNAME) "HR2018" included in the upper
      id="post-1084" !
    • FOUND ID (CLASSNAME) "HR2018" included in the upper
      class="post single post-1084 type-post status-publish format-standard has-post-thumbnail hentry category-free category-javascript category-143 category-156 category-183 category-192 tag-dropbox tag-free tag-javascript tag-1675 tag-1799 tag-2074 tag-2223" !
  21. id="" class="post-inner"
    • FOUND ID (CLASSNAME) "HR2018" included in the upper
      class="post-inner" !
  22. id="" class="post-header"
  23. id="" class="post-meta"
  24. id="" class="post-content"
    • FOUND ID (CLASSNAME) "HR2018" included in the upper
      class="post-content" !
  25. id="" class="HR2018"
  26. id="" class="HR2018"
  27. id="Result2018" class=""
  28. id="" class="elm2018 elm2008A elm2008C"
  29. id="disqus_thread" class="translate"
  30. id="" class="clear"
  31. id="" class="post-tags"
  32. id="" class="post-navigation"
  33. id="" class="post-navigation-inner"
  34. id="" class="post-nav-prev"
  35. id="" class="post-nav-next"
  36. id="" class="clear"
  37. id="" class="sidebar"
  38. id="" class="widget_text widget widget_custom_html"
  39. id="" class="widget-content"
  40. id="" class="textwidget custom-html-widget"
  41. id="disqus_thread_counter" class=""
  42. id="google_translate_element" class="google_translate_elements"
  43. id="" class="clear"
  44. id="" class="widget_text widget widget_custom_html"
  45. id="" class="widget-content"
  46. id="" class="textwidget custom-html-widget"
  47. id="" class="clear"
  48. id="" class="widget_text widget widget_custom_html"
  49. id="" class="widget-content"
  50. id="" class="textwidget custom-html-widget"
  51. id="" class="clear"
  52. id="" class="widget_text widget widget_custom_html"
  53. id="" class="widget-content"
  54. id="" class="textwidget custom-html-widget"
  55. id="" class="clear"
  56. id="" class="widget_text widget widget_custom_html"
  57. id="" class="widget-content"
  58. id="" class="textwidget custom-html-widget"
  59. id="" class="widget widget_categories"
  60. id="" class="widget-content"
  61. id="" class="clear"
  62. id="" class="clear"
  63. id="" class="widget_text widget widget_custom_html"
  64. id="" class="widget-content"
  65. id="" class="textwidget custom-html-widget"
  66. id="paneltoggle2" class="css3droppanel"
  67. id="" class="content2018"
  68. id="" class="clear"
  69. id="" class="widget widget_search"
  70. id="" class="widget-content"
  71. id="" class="genericon genericon-search"
  72. id="" class="clear"
  73. id="" class="widget widget_meta"
  74. id="" class="widget-content"
  75. id="" class="clear"
  76. id="" class="clear"
  77. id="" class="credits section bg-dark"
  78. id="" class="credits-inner section-inner"
  79. id="topcontrol" class=""

サンプル(その２)


機能しないブログは断念します！

最下段のレポート 「良いブログと利用できないブログ」をご覧願います。 JavaScript が機能しないブログでは残念ながら利用不能です！ JavaScriptを投稿記事内で利用可能で、「速くて」＋「早い」＋「サクサク表示して」＋「直ぐに表示が完了する」ブログに移転しましょう！ So-netプロバイダーとの契約の縛りが終わる時期に近付いている方は、記事「So-net ブログは movabletype のデーター交換フォーマットをサポートしているから、 movabletype に移動しよう！」をご覧ください。不完全なデーターを完全で便利なデーターに変換させるｂａｓｈスクリプトを公開中です。

サポートが必要ですか？


Support AIt's free and fastSupport BIt's free and fastSupport CIt's free and fast

「無料サポート」に興味があれば
上の丸ボタンをクリック願います。
サーバーから9kbを受信しますのでお待ち願います。

※ このサイトでは全ての配信データーについて３０日間のキャッシュ流用を定義していますので、特にご質問の前にブラウザーのキャッシュを削除してから、再度のご訪問と閲覧をお願い致します。
※ DISQUSについては別管理ですので、毎回、最新のDISQUSを表示できています。 但し、ご自分のDISQUSコメントを編集した直後に編集後の内容に至らない場合がありますが、DISQUS表示の上部にある「あなたの言語でDISQUSメニューを再表示する！」をクリックしますと最新の状況を表示致します。 宜しくご理解願います。
※ どれだけ待ってもDISQUSが表示されない場合は「広告ブロック」機能を切ってみて下さい。
Google Translator.

良いブログと利用できないブログ


  • CLICK!