2024-10-01から1ヶ月間の記事一覧
単体テスト、観点リストを作成します。 行うことはshowModalWindowで書かれたIE専用の箇所をEdgeで表示するためにwindow.openで書き直した所の修正テストです、子画面で開くのはカレンダーです、子画面で日付をチェックして、設定を押すと親画面の該当フィー…
vlookup ファイル名をエクセルに転記する方法について説明します。以下の方法で、フォルダ内のファイル名を簡単にエクセルに転記できます。 1. コマンドプロンプトを使う方法(Windows): コマンドプロンプトを開く: 「Windowsキー + R」を押し、「cmd」と…
dialogWindow && !dialogWindow.closed を使うことで、子ウィンドウが開いているかどうかを確認できるため、isDialogOpen フラグは実際には不要になります。この場合、dialogWindow の状態を直接チェックすることで、子ウィンドウの管理ができます。 修正例 …
横方向に勝手にスクロールバーが表示される一般的な例を以下に示します。この問題は、width: 100%を設定した要素にpaddingやmarginが加わると、親要素の幅を超えてしまうことが原因です。 HTML <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>横スクロールバーの例</title> </meta></meta></head></html>
!importantを使わずに.button3:hoverがinput[type="button"]:hoverよりも優先されるようにするためには、特異性を高める必要があります。特異性を高めるためには、より具体的なセレクタを使うか、異なるクラスを適切に使用する必要があります。 方法1: 特異…
selectの見栄えを調整するメモです Internet Explorerでの選択状態の色が青っぽいことを再現するためには、背景色を青に変更しつつ、文字色を白に設定することができます。下記のようにCSSを調整して、選択後に青い背景色が適用されるようにしましょう。 <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"></meta></meta></head></html>…
bodyにheight: 100vhをセットせずに、スクロールができるようにすることは可能です。height: 100vhを使用することで、bodyタグが画面全体の高さに固定されますが、これが不要な場合、bodyの高さをコンテンツの高さに応じて自動的に調整させることでスクロー…
selectタグのスクロール制御メモ スクロール幅調整1 スクロールバーを非表示にするためには、いくつかの方法があります。以下の2つのアプローチを試してみてください。 オプション1: CSSのoverflowプロパティを使用する overflow-y: auto; を使用すると、必…
<dialog>要素を使用する場合、同じHTMLドキュメント内でダイアログの内容を管理するため、再利用性に乏しく、複数のメニューや機能で同じモーダルダイアログを使用する場合には少々不便です。このような場合、モーダルダイアログを共通化する方法として、次のような</dialog>…
はじめに 先日以下をメモりました。 ただ改善すべき箇所もありめもっておきます。 対応したいこと 1.親ウィンドウをクリックできないようにしたい。 2.子ウィンドウを常に親ウィンドウの前に出したい。 3.親画面遷移時、子ウィンドウを閉じたい 1の例 一般的…