html で検索フォーム HTMLのFormで検索フォームを作ると、検索条件のリセットが欲しくなる。 とくにテストしているとリセットボタンが欲しくなる。 フォームのリセット フォームのリセット、とても簡単です。HTMLの遺物を使えばいいんです。 <form action=search method=get> <input type=search name=user value='' > <input type=submit value=search> <input type=reset value=reset > </form> とても簡単…

html で検索フォーム HTMLのFormで検索フォームを作ると、検索条件のリセットが欲しくなる。 とくにテストしているとリセットボタンが欲しくなる。 フォームのリセット フォームのリセット、とても簡単です。HTMLの遺物を使えばいいんです。 <form action=search method=get> <input type=search name=user value='' > <input type=submit value=search> <input type=reset value=reset > </form> とても簡単…

課題：DOMを直接書き換えると反映されない DOMでValueを書き換えても、反映されないJSのフレームワークが幾つかある。Angularとか。あのあたりをつかったログインフォームをかんたんに入力したい。 方法１ html のイベントをトリガーして文字列を突っ込む 最…

.closest ってめっちゃ便利 document.querySelector('a.current').closest('ul').closest('li') closest で xpath の ancestor的なことが出来るかも− xpath の ancestor 的なことができる。そして jQuery で言うところのparent()的なこと。 jQueryのparents …

xpath で隣り合う要素を取得するには 妹(弟)ノードを取りに行く。 id("gaika_k")/following-sibling::div あるノードの弟ノードをとるには、あるノードを指定してから following-sibling::タグ名とすれば取ることができる。 姉(兄)ノード 姉を取りに行くなら…

Xpathで要素を範囲指定するには position() 関数と組み合わせて戦える。 //tr[ position() > 0 ] これは指定番目を１つ取り出す次の書式の発展系と考えればわかりやすい 1番目のtrを取り出す。 //tr[ 1 ] 1番目より後ろの trを取り出す。 //tr[ position() >…

プレイリスト扱えると便利 WEBサイトに動画や音声をたくさんおいていると、再生が面倒なのでプレイリストを作って対応したい。どのアプリが、どのプレイリストに対応しているか、そもそもプレイリストのファイル形式はどのようなものがあるのだろうか。 プレ…

AMP 対応サイトが辛い件について Google AMPで表示されるサイトが「高速化」されたけど困ったことになってる。 AMPはドメインがGoogle のままになっている。 このままではMITMと変わらない。 Googleが中身を見せてくれる ドメインがGoogleなので、アクセス制…

iframeにはzoom属性があって、zoom属性を使ってサイトをサムネイルのように埋め込むことができた。IEがサポートしていたはずだけれどいまはどうなったのか。と思って調べてみたら、html5のtransformで実現可能なことがわかった。 スタイルだけで実現するサム…

ＳＶＧは今後の本命技術になりそうなのでちゃんと勉強したいなと思ってる。HTML5で盛り上がってる方が多いけど、ＪＳの仕様はJavascript APIとして別系統。 新しいCSSはCSS3として定義されているので、純粋なHTML5はVideoタグとSectionタグ？ Videoタグはコ…

Operaのスライドショー機能をm61kに教えて貰いました。Operaのスライドショー機能の存在は知ってたけど、まともに動いているのを間近に見たのは初めてでした。Operaにはスライドショー機能がありまして。Styleシートを定義するだけで使える。 JavaScriptもい…

visibility / display の使い分けたまに間違って説明している人とか、テーブル行がウマく消えずに苦しんでる人を見かけるので、説明しようとするのだけど、いつも忘れているのでちゃんとまとめておく。 CSS属性 効果 display:none エレメントが表示エリアか…