0

中国語の学生にインタラクティブなフラッシュカード演習を提供するために、レッスンページから開くことができる JavaScript で生成された Web ページを作成しました。これは、フレーム ページを持つ 3 つの「列」を持つ (現在は非推奨です!) フレームセット ページで機能し、その 2 番目と 3 番目は、最初のフレーム ページで JavaScript によってオンザフライで書き込まれます。2 番目と 3 番目の各フレーム ページには、同じ構造のコードで記述された html 選択ドロップダウンがあります。ただし、3 番目のフレーム ページのドロップダウンは垂直スクロールバーで表示されますが、2 番目のフレーム ページのドロップダウンには (a) スクロールバーがなく、(b) (Linux プラットフォームの Firefox では) 「ドロップアップ」して、メイン ブラウザー ウィンドウの上端に移動し、ドロップダウン リストの上部にアクセスできなくなります。select タグを含む html フォームの構造は次のとおりです。

<form>
  <select size="1" name="sel_py" id="sel_py">
    <option class="lucidasansu" value="">CHOOSE</option>
    <option class="lucidasansu" value="er4">èr</option>
    <option class="lucidasansu" value="hang2">háng</option>
    <option class="lucidasansu" value="hao3">hǎo</option>
    ....
    <option class="lucidasansu" value="ye3">yě</option>
    <option class="lucidasansu" value="yi1">yī </option>
  </select>
  <span id="py_butt"><input type="button" name="py_button" value="CHECK" onClick="test_py(this.form.sel_py.value)"></span>
</form>

このタグには 'action' 値がありません。これは、py_button として識別されるボタンに対する onClick の効果がフレーム ページのグループ内で機能し、選択の有効性をチェックし、最初の選択が終了すると 3 番目のフレーム ページに同様のボタンが表示されるためです。成功しました。

私は W3C マークアップ バリデーターで 2 番目と 3 番目のフレーム ページの両方のコードをチェックアウトしましたが、それらは軽微な警告のみでチェックアウトしたため、明らかに同じ構造の 2 つのドロップダウンがなぜこのように異なるパフォーマンスを持つべきなのか理解できません。

4

1 に答える 1

0

したがって、これは非常に奇妙です。読み込まれた CSS がないように見えるので、それが問題の一部である<frame>可能性がありますが、HTML5 が問題の原因である可能性があると考えています..

HTML5 とフレームの詳細については、このリンクを確認してください。

<frameset> は HTML5 で動作しますか?

Firebugをいじっているとき、このCSSを選択タグに追加することで、正しい方向にドロップダウンを行うことができました。ですので、簡単な修正として CSS で解決できると思います。しかし、私が前に述べたように。フレームを使用していると考えており、HTML5 が根本的な原因である可能性があります。

#sel_py {
    display: block;
    height: 24px;
}

また、注： 再び混乱することなく、選択に高さを追加することはできませんでした。

これは、あなたが探している答えではないかもしれません。しかし、これが役立つことを願っています。

于 2012-08-03T04:54:01.480 に答える