[B! CSS][JavaScript] nao-tのブックマーク

CSSやtype属性でinputの全角・半角入力を切替える [無料ホームページ作成　まめわざ]

古くはIE独自仕様のime-mode、最近ではHTML5で実装された多様なtypeなど、inputの入力方法を制御するための方法がいくつかあります。しかし、ブラウザーによって利用可否が異なります。日本語特有の悩みということで、検索してもあまり情報が出てこないので、調査をしてまとめてみました。結論から言うと、残念ながら入力方式を完全に制御するクロスブラウザな方法はありません。

nao-t 2023/08/30

リンク

GTMとGA4でモーダルウィンドウの表示を計測する方法【コンテンツの最適化】 | Web改善のレシピ

GA4が難しいと思っている方へ、全体像が理解できる無料eBookを作りました。以下のページからダウンロードしてご利用ください。こうしたお悩みに応える記事です。モーダルウィンドウとは、Webサイト上でユーザーへのお知らせなどをポップアップ表示する小さな画面のことです。バナーやボタンを配置し、申し込みフォームへの誘導枠として使用しているWebサイトも多いでしょう。モーダルウィンドウの表示やクリックは、Google タグマネージャーを使用することで計測可能です。モーダルウィンドウが意図通りにユーザーに見られ、コンバージョンに寄与しているのかを把握したいというWeb担当者の方もいるのではないでしょうか。モーダルウィンドウの表示回数を計測することで、次のようなことを把握し、それに応じた改善策を立てることができます。モーダルウィンドウ内のコンテンツのクリック率を計測することで、どのような

nao-t 2023/06/23

リンク

エフェクト操作：基本｜jQuery APIリファレンス｜Ajax｜PHP & JavaScript Room

マッチした要素をアニメーションしながら表示します。オプションの第2引数callbackを指定した場合は、要素のアニメーション完了時に指定したコールバック関数を実行します。マッチした各要素の高さ・幅・透明度は、指定した速度にしたがって動的に変更されます。 jQuery v1.3からは、paddingとmarginがより滑らかにアニメーションされるようになりました。第1引数speedには、要素を表示時のアニメーション速度を指定します。数値（ミリ秒）あるいは文字列を指定可能です。数値の場合、例えば3秒なら「3000」を指定します。文字列の場合、あらかじめ定義されている速度（「slow」（ゆっくり）、「normal」(通常）、「fast」（速く））のいずれかを指定します。オプションの第2引数callbackには、アニメーションが完了した時に実行する関数を指定します。関数が実行される

nao-t 2012/12/17

リンク

CSSに関するメモ【ComboBox】 - ただの備忘記録

その１ HTMLのフォームでは、SelectBoxとListBoxとして使える<select>というタグがあります。しかし、このタグではあらかじめ準備された文字列か、JavaScriptで追加生成してしか選択できない。テキストボックスに▼ボタンを付けて、テキストを切り替えたり、直接入力できるものはComboBoxと呼ぶそうで、フォームではサポートされていない。 Ajaxを使ったサンプルもあったもののかなり構造が複雑だったので、無理矢理それっぽく作ってみた。 <input type="text"><select><option></select> と並べておいて、selectタグをCSSでwidth:20pxに設定した。 Firefoxでは、左側に少し枠ができて、▼が右にずれて表示される。▼を押すと選択肢が表示される。 IE8では、表示は綺麗に見えるが、▼を押すとその幅のまま選択肢が表示