jQueryからNativeJavaScriptへの変換規則的なTips 1個1個の記事は薄めでも25個で脱jQueryを目指します。 blog:https://q-az.net/ Twitter:https://twitter.com/gzzdino

jQueryからNativeJavaScriptへの変換規則的なTips 1個1個の記事は薄めでも25個で脱jQueryを目指します。 blog:https://q-az.net/ Twitter:https://twitter.com/gzzdino
Facebookで人物を補完すると、その人物名の周りに枠が表示されて強調されますよね(gif画像参照)。 これのやり方を解説します。 TL;DR textareaの強調表示は、textareaを透明にして後ろにいい感じの背景を設置してるだけ textareaの中にDOMを入れても表示されない パッと考えるとtextareaの中にDOMツリーを入れるとそれが表示されるんじゃないか、と思うかも知れません が、ぜんぜんそんなことは無くて、そのまま文字列が表示されてしまいます。 ご存知のようにtextareaやinputは、他の要素のように子要素を表示するのではなく、自身のvalue属性の値を画面に表示する働きをします。value属性は文字列を格納するためのものなのでDOMを入れられないわけですね。 強調用のDOMを重ねあわせる textareaにはDOMをそのまま入れられないので、仕方がなく周り
調べ物してて、途中経過をTwitterでつぶやいてました。それをTogetterでまとめて、非公開にして、自分用のメモにしてました。でも、一部の人には見せたい。Togetterでは、そのようなアクセスコントロールはできません。そこで、TogetterでまとめたツイートをHTML化して、サーバーに置き、Basic認証をかけておきました。 その手順。 TogetterでHTML化したいまとめを開きます。つぶやき件数が多い場合は、下の方の「残りを読む」ボタンをクリックして、つぶやきを表示しておきます。そして、このブックマークレットを実行。 javascript:(function(){$('body').html($.map($('a[href*=status]'),function(a,i){return $(a).attr('href');}).join('<br />'));})(); い
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く