html/javascriptiPhoneのSafariで電話番号表示が消えるなんてある？
とあるサイトで、PCでみても、住所や電話番号が表示されていました。 しかし、iPhoneでそのサイトをみたら、電話番号だけがブランクになっているという不思議な現象が起きていました。 結果として、iPhoneの電話番号自動認識機能...
html/javascript
html/javascript
html/javascriptJavascriptでスマホ専用ページにリダイレクトする方法
.htaccessでスマホページを/spに飛ばすというものはぐぐると出てくるけれども、 全体の中の1ページだけ、スマホページを用意。 スマホでもPC版を見たい場合だけ、特定のURL?from=spとパラメータを付けるとスマホでもPC...
html/javascriptHTML5のvideoタグの自動再生が急に止まった事例【iPhone】
ソースコードを変更していないにも関わらず、videoタグで、自動再生をしていたサイトが止まってしまいました。 原因を探っていくと…。 低電力モードが原因のようでした…。 一人で、この問題にぶち当たったら、なかなか解決できな...
html/javascriptおしゃれに画像を拡大表示するprettyPhotoはXSSになるお話
prettyPhotoを使っているページがあり、非常にいいなと思っていました。 ただ、よくよく調べていくXSSの脆弱性もあるみたいです。 cookie経由のXSSの話 脆弱性"&'<<>\ Advent Calendar 2016 (4...
html/javascript入力ボックスの初期値でサンプル文字の表示
入力ボックスだけでは、何を入力したらいいのかわからない時ってありませんか？ また、ユーザによって、お問い合わせで、いつもここの項目が意図している回答と違うというケースありませんか？ 例えば、電話番号の入力でハイフンで入れてほしい場合...
html/javascriptJavaScriptでDOMException: Blocked a frame with origin “null”エラー対処
親ページからwindow.openで子ページを開く。 子ページから親ページに書き込むというサイトを作っていた。 具体的に書くと、 親ページにチャット画面があり、 ボタンを押すと、子のチャットのテンプレートページが開く。 子で選んだチャッ...
html/javascriptフォームで送信時、Javascriptで確認を出す方法
フォームで送信時、Javascriptで確認を出す方法。 用途：全件検索をする時、表示件数が遅くなる場合があるので、全件検索をするのか、一度尋ねる。 <input type="submit" value="検索" onclick="Chec...
html/javascriptTableタグとFormタグ、どちらが先が正しいのか。
このようにtableタグの次にformタグを入れるパターン <table><form><tr><td>..... </td></tr></form></table> このようにformタグの中にtableタグを入れるパターン <form><...
html/javascriptHTMLでの円グラフの表示Chart.jsまとめ
仕事で、円グラフの表示が必要だったのChart.jsを今回仕様してみました。理由は表示が格好いいからというシンプルな理由。 ダウンロード先 ドキュメント ラベルを付けたかったので、こちらのブログを参考にしました。 便利、便利。
html/javascripthtml5でチェックボックスを必須項目にするには
最初にラジオボタンで必須項目にするとき、html5で簡単に書けます。 よくアンケートでこのような項目がありますが、 <label><input type="radio" name="example" value="はい" requir...