html/javascript

html/javascript

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

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

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

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

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

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

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

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

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

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

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

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

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

最初にラジオボタンで必須項目にするとき、html5で簡単に書けます。 よくアンケートでこのような項目がありますが、 下記はサンプルです。どこにも飛びません。 はい いいえ どちらでもない というように、書くこ...
NO IMAGE html/javascript

CSSのクラスを複数設定する方法

無知ということは怖いなということで、書いておきます。 <div class="test test1">testtest</div> というhtmlがあったとき、 CSSを反映させたいとき .test te...
NO IMAGE html/javascript

簡単な正規表現の復習のために、問題を作ってみました。

Webエンジニアの雄大です。 前も少し、正規表現を取り上げたのですが、 正規表現のおさらいとして、問題を考えてみました。 次のパターンに文字列がマッチするか、○か×か (1) パターン:{3} 文字列:111...
NO IMAGE html/javascript

もし100万回アクセスしたら、秘密のパスワードを教えてあげるというサイトがあったら…。クッキーは簡単に書き換えられる

Webエンジニアの雄大です。 100万回アクセスしたら、秘密のパスワードを教えてあげるというサイトをサンプルで作って Cookieは簡単に書き換えられてしまうという例です。 例えば、あるサイトがPVをあげたいために、 100...