html/javascript

html/javascript

iPhoneのSafariで電話番号表示が消えるなんてある?

とあるサイトで、PCでみても、住所や電話番号が表示されていました。 しかし、iPhoneでそのサイトをみたら、電話番号だけがブランクになっているという不思議な現象が起きていました。 結果として、iPhoneの電話番号自動認識機能があるので、...
html/javascript

Javascriptでスマホ専用ページにリダイレクトする方法

.htaccessでスマホページを/spに飛ばすというものはぐぐると出てくるけれども、 全体の中の1ページだけ、スマホページを用意。 スマホでもPC版を見たい場合だけ、特定のURL?from=spとパラメータを付けるとスマホでもPC版が見れ...
html/javascript

HTML5のvideoタグの自動再生が急に止まった事例【iPhone】

ソースコードを変更していないにも関わらず、videoタグで、自動再生をしていたサイトが止まってしまいました。 原因を探っていくと…。 低電力モードが原因のようでした…。 一人で、この問題にぶち当たったら、なかなか解決できないですね。 隣の人...
html/javascript

おしゃれに画像を拡大表示するprettyPhotoはXSSになるお話

prettyPhotoを使っているページがあり、非常にいいなと思っていました。 ただ、よくよく調べていくXSSの脆弱性もあるみたいです。 cookie経由のXSSの話 脆弱性"&'<<>\ Advent Calendar 2016 (4日目...
html/javascript

入力ボックスの初期値でサンプル文字の表示

入力ボックスだけでは、何を入力したらいいのかわからない時ってありませんか? また、ユーザによって、お問い合わせで、いつもここの項目が意図している回答と違うというケースありませんか? 例えば、電話番号の入力でハイフンで入れてほしい場合。 正直...
html/javascript

JavaScriptでDOMException: Blocked a frame with origin “null”エラー対処

親ページからwindow.openで子ページを開く。 子ページから親ページに書き込むというサイトを作っていた。 具体的に書くと、 親ページにチャット画面があり、 ボタンを押すと、子のチャットのテンプレートページが開く。 子で選んだチャットの...
html/javascript

フォームで送信時、Javascriptで確認を出す方法

フォームで送信時、Javascriptで確認を出す方法。 用途:全件検索をする時、表示件数が遅くなる場合があるので、全件検索をするのか、一度尋ねる。 <input type="submit" value="検索" onclick="Chec...
html/javascript

TableタグとFormタグ、どちらが先が正しいのか。

このようにtableタグの次にformタグを入れるパターン <table><form><tr><td>..... </td></tr></form></table> このようにformタグの中にtableタグを入れるパターン <form><...
html/javascript

HTMLでの円グラフの表示Chart.jsまとめ

仕事で、円グラフの表示が必要だったのChart.jsを今回仕様してみました。理由は表示が格好いいからというシンプルな理由。 ダウンロード先 ドキュメント ラベルを付けたかったので、こちらのブログを参考にしました。 便利、便利。
html/javascript

html5でチェックボックスを必須項目にするには

最初にラジオボタンで必須項目にするとき、html5で簡単に書けます。 よくアンケートでこのような項目がありますが、 <label><input type="radio" name="example" value="はい" required>...