問題タブ [html]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
3 に答える
3348 参照

javascript - 無効なラジオ ボタンを有効にするにはどうすればよいですか?

次のコードは IE ではうまく機能しますが、FF や Safari では機能しません。私は一生、理由を解明することはできません。「2つのラジオボタンを無効にする」オプションを選択すると、コードはラジオボタンを無効にするはずです。「両方のラジオ ボタンを有効にする」オプションを選択すると、ラジオ ボタンが有効になります。これらは両方とも機能します...

ただし、マウスを使用して 2 つのオプション (「有効にする...」と「無効にする...」) の間を移動しない場合、他の場所をクリックするまで、ラジオ ボタンは正しく無効または有効にされないように見えます。ページ上 (ラジオ ボタン自体ではありません)。

時間のある方、興味のある方、役に立ちそうな方は、以下のコードを HTML ページに貼り付けて、ブラウザにロードしてください。IE では問題なく動作しますが、すべて Windows XP の FF (私の場合は 3) と Safari で問題が発生します。

0 投票する
18 に答える
151770 参照

javascript - プロトタイプを使用してテキストエリアを自動サイズ設定するには?

私は現在、私が働いている会社の内部販売アプリケーションに取り組んでおり、ユーザーが配送先住所を変更できるフォームを持っています。

メインアドレスの詳細に使用しているテキストエリアがその中のテキストの領域を占めるだけで、テキストが変更された場合は自動的にサイズが変更されれば、見た目はずっと良くなると思います。

これが現在のスクリーンショットです。

ISO アドレス

何か案は?


@クリス

良い点ですが、サイズを変更したい理由があります。それが占める領域を、それに含まれる情報の領域にしたいと思います。スクリーン ショットでわかるように、テキスト領域を固定すると、垂直方向のスペースがかなり占有されます。

フォントを小さくすることはできますが、住所を大きく読みやすくする必要があります。テキスト領域のサイズを縮小できるようになりましたが、住所行が 3 行または 4 行 (1 行は 5 行) かかる人には問題があります。ユーザーにスクロールバーを使用させる必要があることは、絶対にありません。

もう少し具体的に言うべきだと思います。縦方向のサイズ変更後ですが、幅はそれほど重要ではありません。これで発生する唯一の問題は、ウィンドウの幅が小さすぎる場合 (スクリーンショットでわかるように)、ISO 番号 (大きな「1」) がアドレスの下に押し込まれることです。

ギミックを持つことではありません。ユーザーが編集できるテキスト フィールドを用意して、不要なスペースを占有せず、その中のすべてのテキストを表示することが重要です。

誰かが問題にアプローチする別の方法を思いついた場合でも、私はそれも受け入れます.


少し動作がおかしいので、コードを少し修正しました。入力したばかりの文字が考慮されないため、キーアップでアクティブ化するように変更しました。

0 投票する
10 に答える
19621 参照

html - IE6の選択オーバーラップバグを解決するにはどうすればよいですか?

IEを使用する場合、選択した入力要素の上に絶対位置のdivを配置することはできません。これは、select要素がActiveXオブジェクトと見なされ、ページ内のすべてのHTML要素の上にあるためです。

ポップアップdivを開くときにselectを非表示にしているユーザーを見たことがあります。これにより、ユーザーエクスペリエンスがかなり悪くなり、コントロールが消えてしまいます。

FogBugzには、ポップアップが表示されたときにすべての選択をテキストボックスに変換する、非常にスマートなソリューション(v6より前)が実際にありました。これによりバグが解決され、ユーザーの目を騙しましたが、動作は完全ではありませんでした。

もう1つの解決策は、FogBugz 6にあります。ここでは、select要素を使用せず、どこでも再コーディングします。

私が現在使用している最後の解決策は、IEレンダリングエンジンを台無しにして<div>、ActiveX要素として絶対位置にあるものもレンダリングするように強制し、選択した要素の上に存在できるようにすることです。これは、<iframe>内部に非表示を配置し、次のよう<div>にスタイリングすることで実現されます。

誰かがこれよりもさらに良い解決策を持っていますか?

編集:この質問の目的は、実際の質問であると同時に有益です。この<iframe>トリックは良い解決策だと思いますが、アクセシビリティを低下させるこの醜い役に立たないタグを削除するなどの改善を探しています。

0 投票する
3 に答える
2430 参照

asp.net - asp.netページ内のHtmlエンティティはどのようになっていますか?

asp.netページ内で使用する必要があります

または

どちらの例も同じ出力です。asp.netはすべてのページをutf-8にエンコードするので、htmlエンティティを使用する必要はありませんね。

0 投票する
8 に答える
2756 参照

html - メイン サイトのモバイル対応サイトの計画と構築

クライアントの 1 人のためにモバイル サイトを構築する計画の初期段階にあります。このモバイル サイトは、既に構築済みのメイン サイトに追加されます。コンテンツはメイン サイトの小さなサブセクションであり、サイトを使用すると予想される主な対象者をターゲットにすることが決定されました。

いくつかのサンプル モバイル サイトを調べたところ、URL に WAP が含まれているサイトの多くは、実際には単純化された HTML ファイルであることがわかりました。 http://wap.mlb.comは実際には WAP 対応ではなく、単純な HTML です。

私の質問は、WAP は過去の考えですか? スマートフォンと iPhone がサイトをそのまま表示できるようになったので、WML と WAP について心配する必要がありますか?それとも、簡素化された HTML バージョンで十分でしょうか?

また、ブログやチュートリアルをお勧めするか、モバイル デバイスを確認する最善の方法について以下に回答していただけますか? プログラマーは、ユーザー エージェントをモバイル サイトにリダイレクトするために、ユーザー エージェントの各バリエーションを知る必要がありますか?

最後に、iPhone/Touch Safari ブラウザ用のモバイル サイトをプログラムしますか、それともサイトをそのままにしておきますか?

0 投票する
6 に答える
3652 参照

html - ブラウザのアドレスバーの URL アドレスの横にパーソナライズされたアイコン?

会社のアイコンがブラウザのアドレス バーの URL アドレスの左側に表示されるコードを作成するにはどうすればよいですか?

0 投票する
9 に答える
44548 参照

javascript - Firefox、Opera、Safari でスタイル表示が動作しない - (IE7 は問題ありません)

divユーザーがリンクをクリックしたときに表示したい絶対位置があります。リンクのonclickは、div の表示をブロックに設定する js 関数を呼び出します (「」、、、、なども試しましinlinetable-cell) inline-table。これは IE7 ではうまく機能しますが、私が試した他のすべてのブラウザー (FF2、FF3、Opera 9.5、Safari) ではまったく機能しません。

通話の前後にアラートを追加しようとしましたが、表示が からnoneに変わったことが表示されますblockが、は表示されdivません。

FirebugのHTMLインスペクターを使用して表示値を変更すると(ただし、Firebugのコンソールからjavascriptを実行することはできませんdiv)、FF3で表示することができます-画面外に表示されるだけではないことがわかります。

以下を含め、考えられるすべてのことを試しました。

  • 別の doctype (XHTML 1、HTML 4 など) を使用する
  • display block/none の代わりに、visible/hidden の可視性を使用する
  • 関数呼び出しの代わりにインライン JavaScript を使用する
  • 異なるマシンからのテスト

これを引き起こす原因についてのアイデアはありますか?

0 投票する
17 に答える
121184 参照

html - 番号付きリストの番号をどのようにカスタマイズできますか?

番号付きリストの数字を左揃えにするにはどうすればよいですか?

番号付きリストの数字の後の文字を変更する

ol 要素で type 属性を使用する代わりに、数字からアルファベット/ローマ字のリストに変更する CSS ソリューションもあります。

私は主に Firefox 3 で動作する回答に興味があります。

0 投票する
3 に答える
28819 参照

html - スパン内の CSS ですべてのブラウザ互換のぶら下げインデント スタイルを作成する方法

私が見つけた唯一のものは次のとおりです。

これが機能する唯一の方法は、テキストを段落に入れることです。これにより、ひどく見苦しい余分な行が発生します。私はむしろそれらをある種のものに入れたいと思っています<span class="hang"></span>

また、単一レベルのぶら下げだけでなく、さらにインデントする方法も探しています。段落を使用してインデントを積み重ねても機能しません。

0 投票する
4 に答える
3508 参照

html - Web フォームを使用して HTTP POST 経由でファイルをアップロードする最良の方法は何ですか?

基本的に、これよりも優れたもの:

まず第一に、browseボタンはブラウザごとに異なって見えます。フォームのボタンとは異なり、スタイルを設定するにはハック的submitな方法を考え出す必要があります。

次に、アップロードされたファイルの量を示す進行状況インジケーターがありません。通常、複数の送信を無効にする何らかのクライアント側の方法を実装する必要があります (たとえば、送信ボタンを「フォーム送信中... お待ちください」を示す無効なボタンに変更する) か、巨大な警告を点滅させます。

Flash や Java を使用しない、これに対する適切な解決策はありますか?

Yaakov : その製品はまさに私が探していたものに見えますが、価格は 1000 ドルで、特にASP.NET. 同じまたは類似の機能をカバーするオープン ソース プロジェクトはありますか?