めも

メモ.

2018-12-24から1日間の記事一覧

cssのattr関数を使ってオンマウス時に要素の周辺に文字列を表示する

web

attr関数 使用例 css 側 html側 表示結果 attr関数 選択された要素の属性の値を受け取ってスタイルシートの中で使うことができるようになる。 javascriptなしで文字列の切り替えなどができるようにできる。 使用例 content: attr(teamname);の箇所で「input[…

マリオカートのタッグ用の即時集計

オンマウス時の表示 出力例 その他の即時 リンク:MK8DXタッグ即時集計 一応作りました。 ただ、6チームもあるとクリック回数が多くなりすぎてレース間に集計できるか微妙ですね、すいません。 マウスをホバーした時に上に入力したチーム名が出るようにした…

atomエディタでの正規表現による選択・交換

例 交換 交換前 交換後 正規表現を学ぶ 例 はじめにCMD+f (Ctrl+f)を押してatomの.*の箇所を有効にする(画像参照)。 atomでの正規表現有効ボタン その後、検索ワードで (.*)value="(F*)"(.*)teamname="(F*)"(.*) とすれば <input type="radio" class="chb" name="3-7" value="F" teamname="F" ><br/> <input type="radio" class="chb" name="3-8" value="F" teamname="F" ><br/> の様な行を全て選択できる。…</br/></br/>