それマグで!

知識はカップより、マグでゆっくり頂きます。 takuya_1stのブログ

習慣に早くから配慮した者は、 おそらく人生の実りも大きい。

html

HTMLのリセット(reset)ボタンで検索条件をクリアのときに、すでにデータがあるとクリアされない

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のリセット(reset)ボタンで検索条件をクリアのときに、すでにデータがあるとクリアされない

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フォームのinputにイベントで文字列の値を突っ込む。スクレーパー用に使う。

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

jsのDOM APIで親要素はclosest。使える親を要素的に辿っていく(jquery のfind parents 的なこと

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

Xpathで隣り合う前後要素を取得/ 兄弟・姉妹要素を取る

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

xpath で要素をRange(範囲)指定する。( index で範囲指定 )

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

プレイリストのファイル形式を色々試してみる。

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

AMP 対応サイトが辛い件

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

iframeで、WEBサイトのサムネイルみたいに表示する。

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

SVGをお勧めする理由

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

OperaでHTMLをスライドショー する。お手軽テクニック

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

visibility:hidden/display:none の使い分け

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