支配下にあるIDを特定し、Aタグを自動的に置き換えてリンクをクールに仕上げよう！

クリックすると DropBox(Lightbox)拡大表示。拡大後に画像内の左上のアイコンをクリックすると作者のページへ移動できます

あなたは、気軽にリンク文字をブログ記事に付けて来たと思う。わたしも自由気ままに過去記事へのリンクや関連記事のリンクを適当に配して来ました。それは、それで良い。なのに、この記事では、全自動で「新しいタブで開かないリンク」と「新しいタブで開くリンク」を隣り合わせて配置させようと言う試みです。つまり記事総数が多ければ多い程に過去記事の全てと未来の記事の全てを自動処理してしまう試みです。

Facebook Google+

実験検証サンプル

訪問者の判断で、新しいタブや新しいウィンドウで表示させるのか、それとも「このまま表示する」のかを選択できます。益々、「怪しくないブログ」に成長させましょう！ブログを何年も利用して投稿を続けてきたことを考えてみて下さい。過去記事の全てのリンクを手動で入れ替えることを考えてみて下さい。「それは大変！」ですよね。それを自動的に行うツールがコピペで機能するとしたら、あなたはどうしますか？これからブログを始める方にとってはどうでしょうか？「ちまちま手動でリンクを定義」しますか？未来の全ての記事内のリンクも自動的に処理してくれるとしたら、ブログ初心者の方や、ブログの引越しを決意したブログ経験者にとっても、欲しい機能ではありませんか？まずは「私の、あなたのブログで調査する」ソースコードを公開致します。

onload直後に入れ替わります。

DISQUS コメント
オリジナル: <nobr>DISQUS </nobr> <a href="#disqus_thread">コメント</a>
WordPress
オリジナル: <a href="http://fs4y.com/" target="_blank">WordPress</a>
WordPress
オリジナル: <a href="http://fs4y.com/" target="OTHER">WordPress</a>
Flickr.com の場合、事前にログイン
オリジナル: Flickr.com の場合、事前に<a href="https://www.flickr.com/" target="_blank">ログイン</a>
米国ゲーム配信サイトのSteam
オリジナル: 米国ゲーム配信サイトの<a href="https://store.steampowered.com/" target="_blank"><b>Steam</b></a>
ソウル・ケルン（Soul Cairn）
オリジナル: <a title="Skyrim MAP を表示する" href="https://srmap.uesp.net/?locx=-177219&locy=147389&zoom=13&search=Volkihar&showresults=true" target="MAP">ソウル・ケルン（Soul Cairn）</a>
忘れられた谷（Forgotten Vale）
オリジナル: <a title="Skyrim MAP を表示する" href="https://srmap.uesp.net/?locx=-184547&locy=74793&zoom=18&search=Forgotten%20Vale&showresults=false" target="MAP">忘れられた谷（Forgotten Vale）</a>
ところで、娘となったルシア（Lucia）[養子 - Xbox360／PlayStation3「The Elder Scrolls V：SKYRIM」日本語版wiki
オリジナル: ところで、娘となったルシア（Lucia）[<a href="//miroir.fs4y.com/?l=https://www38.atwiki.jp/tes5/pages/312.html%23id_8e5ac109&n=http://translate.google.com/translate%3Fhl=en%26sl=ja%26tl=en%26u=https%3A%2F%2Fwww38.atwiki.jp%2Ftes5%2Fpages%2F312.html%23id_8e5ac109%26sandbox=1&p=http://shyana.la.coocan.jp/image_skyrim-j7/skyrim_ce345c.JPG" target="WIKI">養子<font size=1> - Xbox360／PlayStation3「The Elder Scrolls V：SKYRIM」日本語版wiki</font></a>

まずはブログ毎に調査しよう！

調査するタイミングは、「デザイン」（テンプレート）を変更した際に必要だと思います。もちろん異なるブログ毎に調査は必要です。ＤＩＶタグによって閉ざされたグループ内のＡタグを全自動で変換しますので、どのＤＩＶタグによって閉ざされているかを判断する必要があります。 <div> ・・・・・ </div> の中で定義されたＡタグのみを自動的に変換します。どのＤＩＶタグを特定しましょうという調査支援を目的とした記事です。ここに簡単なHTMLコードを配置しました。それは「赤い罫線」です。

<div id="HR2018"><hr color="red" style="height: 100px !important; min-width: 100% !important;color: red !important; background-color: red !important;border-radius: 50px;" /></div>

です。

id="HR2018" を包含(内包)するDIVタグをレポートさせます。あなたのブログの記事にコピペするソースコード

CLICK!

ソースコードはここです！

ソースコードをダイレクトに利用してみる

以下のブログでは、前段のソースコードをブログの「追記」にコピー＆ペーストして機能しています。ブログにおいて「プレビュー

」で確認できたブログです。

MovableType 1
MovableType 2
CoCoLog
Livedoor
~~FC2~~ 理由不明。「プレビュー」では正常でしたが、「公開」するとデザインが崩壊しました。

一行スクリプト search4divundercontrol-min.js を指定してみる

一部のブログで、記事「一行スクリプト search4divundercontrol-min.js を指定してみる」を投稿しました。配布中のソースコード「10/14/2018 Version:0.2 Released.」と全く等価な search4divundercontrol-min.js を「DropBox

」と「Evernote

」に保存しました。(Evernote:download

) 周知の通りDropBoxでは「短時間に多数の接続があると接続を拒絶する」仕様です。その場合はダウンロードを行って自分専用の公開サーバーにアップロードしてご利用願います。以下に記事化して検証しました。 DropBoxを利用した埋め込み用アドレスやダウンロードは以下のブログ記事に掲載しています。

最下段にあります「DISQUS コメント

」でレポート中のミラーリングした記事で紹介中のブログにおいて「プレビュー

」で確認できたブログは、~~ここに載せていません~~ 前項「ソースコードをダイレクトに利用してみる」に掲載しています。。「プレビュー」機能が働かなかったブログの対応策です。

調査と検証

前項のソースコードをブログの「追記」にコピー＆ペーストさせると、簡易版ですけど、以下の様なレポートを表示します。（以下のレポートは開発中の特殊仕様です）最終的に記事本文を区別するＤＩＶタグのＩＤかＣＬＡＳＳを指定すると、実際に処理してくれる機能を目指します。異常がないことをチェックしてから、全てのページで機能させます。つまり「下書き」としてブログのオーナーが知ることを目指します。どこかで質問し、誰かのサポートを得たいなら「公開」記事にすることを止めません。「Ｎｉｃｅ！直行便のその後、Kona Linux 64bit Pro Live DVD での実践とｂｓｈスクリプトソースの公開です

」記事内の「家を離れた独身の娘さん」を参照しましょう。

flickr

It found 156 div tags.

Move to the end.

id="HeaderBlock" class=""

id="" class="header"

id="" class="headerNav"

id="" class="nav"

id="MainContainer" class=""

id="ArticleBlock" class=""

id="EntryTextBox" class=""

id="" class="entryText"

FOUND ID "HR2018" included in the upper <div class="entryText" !

id="" class="entryTextMain"

id="" class="entryPsText"

FOUND ID "HR2018" included in the upper <div class="entryPsText" !

SPECIAL LINK ! A tag 70

SKIP! <a name="more"
href=""
target=""
style="null">

SKIP! <a name=""
href="https://twitter.com/share?ref_src=twsrc%5Etfw"
target=""
style="height:28px!important;font-weight:500!important;">

SKIP! <a name=""
href="https://www.facebook.com/sharer.php"
target="_blank"
style="null">

SKIP! <a name=""
href="https://plus.google.com/share"
target="_blank"
style="null">

SKIP! <a name="ExperimentVerificationSample"
href=""
target=""
style="null">

SKIP! <a name="SourceCode"
href=""
target=""
style="null">

SKIP! <a name=""
href="javascript:void(0);"
target=""
style="null">

SKIP! <a name="NeedSupport"
href=""
target=""
style="null">

SKIP! <a name=""
href="javascript:void(0);"
target=""
style="null">

SKIP! <a name="AliveButlersAndaDeadMan"
href=""
target=""
style="null">

SKIP! <a name="disqus_thread"
href=""
target=""
style="null">

SKIP! <a name=""
href="https://ujiki.ni-moe.com/Entry/19#google_translate_element"
target=""
style="null">

SKIP! <a name="GoodBlogsAndUnavailableBlogs"
href=""
target=""
style="null">

SKIP! <a name=""
href="javascript:{alert('You are do CLICK done already!\n\n%E3%81%82%E3%81%AA%E3%81%9F%E3%81%AF%E6%97%A2%E3%81%AB%E3%82%AF%E3%83%AA%E3%83%83%E3%82%AF%E3%81%97%E3%81%A6%E3%81%84%E3%81%BE%E3%81%99%EF%BC%81')}"
target=""
style="null">

id="HR2018" class=""

id="Result2018" class=""

id="" class="elm2018 elm2008A elm2008C"

id="disqus_thread" class="translate"

id="" class="NinjaEntryCommercial"

id="asumi-frame-425-1794" class=""

id="asumi-frame-92-3306" class=""

id="CommentBlock" class="section"

id="" class="aside"

id="" class="aside pluginBlock"

id="" class="section plugin"

id="" class="pluginBody"

id="" class="PluginContents"

id="google_translate_element" class=""

id="" class="section plugin"

id="" class="pluginBody"

id="" class="PluginContents"

id="" class="plugin_data"

id="" class="section plugin"

id="" class="pluginBody"

id="" class="PluginContents"

id="" class="plugin_data"

id="" class="section plugin"

id="" class="pluginBody"

id="" class="PluginContents"

id="" class="plugin_data"

id="" class="section plugin"

id="" class="pluginBody"

id="" class="PluginContents"

id="" class="css3droppanel"

id="" class="content2018"

id="asumi-frame-75-2376" class=""

id="" class="section plugin"

id="" class="pluginBody"

id="" class="PluginContents"

id="" class="aside"

id="FooterBlock" class="footer"

id="" class="asumi_ad_frame"

id="asumi-frame-184-737" class=""

id="topcontrol" class=""

Move to the top.

tumblr

投稿記事を配下にするIDを調べる

記事毎に変動することなく、記事に関係なく固定で定義されるID名を調べましょう。CLASS名しか無いかも知れません。あくまでも「私のブログ」での調査結果です。テーマによって、あるいはスタイルによって変化すると感じます。

WordPress 1 Lovecraft: div class="post-content" ?
WordPress 2 Twenty Sixteen: div ~~class="content-area"~~ class="entry-content" ?
MovableType 1: div id="individual-main" ?
MovableType 2: div id="individual-main" ?
CoCo: div ~~class="body"~~ class="entry-content" ?
FC2: div class="entry_body" ?
ハマゾウ: div ~~id="content"~~ class="ssp_body_more" ?
livedoor: div id="main-inner" ?
BIGLOBE: div id="blog" ?
忍者: div ~~id="ArticleBlock"~~ class="entryPsText" ?
SeeSaa: div class="text" ?

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

tumblr

最下段のレポート「良いブログと利用できないブログ

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

」をご覧ください。不完全なデーターを完全で便利なデーターに変換させるｂａｓｈスクリプトを公開中です。

異なるブログを含めて、統合化処理を行うための速度優先の JavaScript をご案内します。この記事のＤＩＳＱＵＳコメント・システムで案内しますので、DISQUSコメント欄の最下段の左隅の「更新を受取る」をクリックしますと、リアルタイムにメールが届きます。改訂の案内も「DISQUSコメント

」で行います！

サポートが必要ですか？

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

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

※ 記事本文は別サーバーから JavaScriptファイルとして配信しており、配信元のサーバーにおける JavaScriptファイル(YUICOMPRESSOR済み)も、実際にあなたのブログが受信する gzip圧縮済みの JavaScriptファイルも、３０日間のキャッシュ流用を定義していますので、特にご質問の前にブラウザーのキャッシュを削除してから、再度のご訪問と閲覧をお願い致します。
※ DISQUSについては別管理ですので、毎回、最新のDISQUSを表示できています。但し、ご自分のDISQUSコメントを編集した直後に編集後の内容に至らない場合がありますが、DISQUS表示の上部にある「あなたの言語でDISQUSメニューを再表示する！」をクリックしますと最新の状況を表示致します。宜しくご理解願います。

※ どれだけ待ってもDISQUSが表示されない場合は「広告ブロック」機能を切ってみて下さい。
Google Translator.