もんたメソッドも高校の学習指導計画書に乗ったそうですし、ここらで高校生どころか中卒でも簡単にもんたメソッドをお届けするのもよかろうかと思いまして。
実践例
痛いニュース(ノ∀`):【TBS捏造疑惑】 TBS社長ら「不二家報道、捏造というのはどうか」「みの氏の『不二家、廃業しろ』は励ましの言葉」より拝借
みの氏は不二家報道の翌日の番組冒頭で、不二家について「もうはっきり言って、廃業してもらいたい」と言い放っているが、TBSは「『廃業を覚悟して不退転で臨んでください』という励ましの発言だったのでは」としている。
レシピ
- まずは以下のCSSを用意しておきます。お好みにあわせてカスタマイズしておいてください。
<style> div.mino { border: outset 1px; padding: 0.5em; color: #000 } span.monta { background-color: #000 } </style> - 次にもんたメソッドを適用したい文章を
<div class="mino">でくるみ、該当部分を<span class="monta">で囲みます。 - あとは、以下のScriptを最後に付け加えます。
onloadイベントにhookしてもよいでしょう。<script> function minomonta(){ var spans = document.getElementsByTagName('span'); for (var i = 0, l = spans.length; i < l ; i++){ var span = spans[i]; if (span.className != 'monta') continue; span.setAttribute('title', 'ここをクリックすると...'); span['onclick'] = function(){ this.style.backgroundColor = "transparent" }; } } minomonta(); </script>
ちょっと簡単すぎましたかね。
HTMLもわからないという人は、以下もどうぞ。
Dan the Mino Monter -- Whatever That Means
追記:TBのひろさんとcommentのgSwingさんの添削を反映させました。ありがとうございます。
element['on' + event] = function(){...}は、Crockfordも言っていたのに失念してましたorz。
このブログにコメントするにはログインが必要です。
さんログアウト
この記事には許可ユーザしかコメントができません。