HTML несколько кадров навигации - PullRequest
0 голосов
/ 24 мая 2010

Ребята, я хочу создать веб-страницу с тремя панелями (frameLeft, frameMiddle, frameRight)

  • Содержимое на самой левой панели представляет собой список из файла list.html

  • После нажатия на элемент в крайней левой панели он загружает соответствующий HTML-файл (назовите его listLvl2.html) в средней панели.Это тоже список.

  • При дальнейшем нажатии на элемент в средней панели следует загрузить соответствующий HTML-файл в третьем кадре (назовем его content.html)

Я сделал файл index.html с тремя фреймами.frameLeft загружает list.html.Я кодировал list.html, чтобы каждая ссылка открывалась в target = "frameMiddle".Это хорошо работает

Проблема заключается в открытии content.html в frameRight.Что я должен указать в качестве цели в моих ссылках listLvl2.html, чтобы они открывались в frameRight?Я попытался поставить его как frameRight, но вместо этого он открывается в новом окне.Я думаю, это потому, что для listLvl2.html frameRight не определен.

1 Ответ

2 голосов
/ 24 мая 2010

Я очень советую против этого. Использование Framesets убивает способности закладки и вызывает все виды других проблем.

Создайте одну страницу, которая использует общие фрагменты кода для отображения содержимого верхнего и левого столбцов.

Сначала наборы кадров кажутся отличной идеей - загружайте в кадры только то, что вам нужно ... но затем возникают другие проблемы. Каждый фрейм должен загружать свою собственную копию ресурсов CSS и JavaScript, пользователи не могут добавить в закладки подстраницу, заголовок никогда не обновляется до нужной страницы, а также URL-адрес.

Позже, если вы видите раскрывающееся каскадное меню поверх одного кадра из другого, вы быстро узнаете, что это невозможно - точка.

Нет. HTTP-запросов для типичной страницы:

  1. HTML
  2. CSS
  3. JS

Нет. HTTP-запросов для типичного набора кадров (вверху, слева, справа)

  1. HTML (из набора фреймов)
  2. HTML (сверху)
  3. CSS (сверху)
  4. JS (сверху)
  5. HTML (слева)
  6. CSS (слева)
  7. JS (слева)
  8. HTML (справа)
  9. CSS (справа)
  10. JS (справа)
...