ペーストが禁止されているHTMLフォームに無理やりペーストするワンライナー｜TechRacho by BPS株式会社
会員登録フォームなどで、たまにクリップボードからのペースト（貼り付け）が禁止されているサイトがあります。 これは不便なので、強引にペーストしてしまおうという内容です。 注意点 本記事で紹介している手法は、開発者ツールやJavaScriptの実行を伴うものです。 一般論として、「開発者ツールでこう操作すると良いよ」「このJavaScriptを貼り付けると良いよ」という記事を理解せずに鵜呑みにすることは、高いセキュリティリスクを伴います。利用の判断は慎重にお願いします。 なぜ困るのか パスワードは通常パスワードマネージャや適当なジェネレータで生成すると思います。 英数記号を含む20文字以上の文字列を、1文字ずつ I と l と 1 を間違えないように気をつけながら心を込めて打ち込むのも趣がありますが、忙しいときにはそんなことはしたくありません。パスワードマネージャのauto type機能を使え
FireFoxのスクロールバー分のズレをとるCSS
FireFoxのスクロールバー分のズレをとるCSS 2006年9月26日 FireFoxで表示したときページが縦方向にきっちり収まっているとき、スクロールバーの分だけスクロール時で表示されている時と比べてズレてしまいます。 デザイン自体には問題はありませんが、コンテンツが縦にきっちり収まっているページからコンテンツの長いページにページ移動する際にカクっとズレの動きが生じてしまいます。 な～んか気持ち悪いなぁと思ったときは body { overflow-y:scroll; } とするとページ移動の際のズレの動きがなくなります。 しかし、ＩＥ6、IE7ではブラウザ自体のスクロールバーとは別にもうひとつ内側にスクロールバーができてしまいます。 そこで対処法としてＩＥ６用CSSハックの*htmlとＩＥ7用CSSハックの*+htmlを利用して *html body { /*IE6だけに適
文字数の違う複数の項目をliタグを使って綺麗に並べるTIps
フォームの選択項目をliタグとcssのfloat、min-height、white-spaceを使って綺麗に並べるTipsです。 登録フォームを動的に作っていると、選択項目がとにかく多い！という事態に遭遇します。 静的なら1つずつtdで切って、文字が長ければcolspanで〜とできるわけですが、 動的に出してるとそういう細かい芸当は無駄にややこしいので、 できるだけ手軽に、できるだけ見栄えよく並べるために、リストタグを活用します。 並べたい項目は以下の通り。 たぬきうどん きつねそば 天丼 鶏ガラしょうゆラーメン 特選月見そば みそラーメン 明太子スパゲッティ ざるそば もりそば ナポリタン 森のきのことじゃこの和風スパ ざるうどん ペペロンチーノ 縦に並べるとページが長くなってしまうので、横に並べる事にします。 cssはこんなカンジ。 li { float: left; mar
画像にキャプションを入れたい - ホームページテンプレートのdecoweb
画像の下にキャプション（説明文）を入れる方法を教えます。 ※当サイトでの方法は多数あるやり方の中の一つとお考え下さい。 Step1 【画像左寄せの回り込みにキャプションを入れる】 このように画像の右脇にテキストが回り込みます。このように画像の右脇にテキストが回り込みます。このように画像の右脇にテキストが回り込みます。このように画像の右脇にテキストが回り込みます。 上の画像の下にキャプションを入れてみましょう。 imgを<div>で囲み、<span>でキャプションを囲みます。最後に回り込みを解除します。 （class名はご自分でわかりやすい名前にしてもOKです） <div class="imagebox_left"> <img src="my_images/picture1.jpg" alt="イメージ画像"><span>画像のキャプション</span> </div> <p>このように画像の
教えて下さい。ランダムにバナー配置
試しに書いてみました。 ご質問で求められている動作は確保できていると思います。 <html> <head> <title></title> <script type="text/javascript"><!-- rndnum= new Array(); rndindx= new Array(); tmpimg = new Array(); rndimg = new Array(); tmpimg[0]="***0.gif"; tmpimg[1]="***1.gif"; tmpimg[2]="***2.gif"; tmpimg[3]="***3.gif"; tmpimg[4]="***4.gif"; tmpimg[5]="***5.gif"; tmpimg[6]="***6.gif"; tmpimg[7]="***7.gif"; tmpimg[8]="***8.gif"; tmpimg[9]
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Web標準HTMLコーディングのHomeWeb-coding｜パンくずリストをどのように表現する？
ブラウザ のキャッシュを制御する/no-cache
