HTML CSS: iframes / динамическая задача

Question

У меня возникли проблемы с созданием экспериментального сайта в «динамическом» стиле. Сайт настроен следующим образом. У пользователя есть меню ссылок на выбор, в частности, с использованием карты изображений. При наведении курсора на выделение появляется (становится видимым) iframe, отображающий некоторые данные. Когда пользователь удаляет мышь, iframe исчезает, пока пользователь не наведет курсор мыши на другую ссылку.

- Кажется, работает хорошо, но только с перерывами. Иногда после выхода из одного из якорей стиль, текст и т. Д. Все еще занимают фрейм даже после того, как я наведу указатель мыши на другую ссылку. Такое поведение кажется довольно случайным, но должен быть способ исправить это.

Вот пример того, что я использую. Функция show устанавливает фрейм видимым, если аргумент равен 1, и скрыт, если 0. frameset устанавливает основной фрейм в нужный HTML-документ. Я попытался выполнить сброс, чтобы установить рамку на что-то пустое после выхода из ссылки, чтобы попытаться исправить ее, но проблема сохраняется.

<area shape="circle" coords="..." href="..." onmouseover="Show('frame', 1);
frameset('page.html');" onmouseout="Show('frame', 0); reset();" />

И функции

function frameset(a)
{
  document.all.frame.src=a;
}

function reset()
{
  document.all.frame.src=blank.html;
}

Это очень сложная проблема для описания, поэтому дайте мне знать, если требуется дополнительная информация или код. Любые лучшие альтернативы моему методу также приветствуются, учитывая, что я не владею javascript :) Спасибо

Answer 1

Я думаю, что то, что вы делаете, может быть выполнено лучше, если использовать более современный подход.

Карта изображения может иметь абсолютно позиционные якорные теги на уровне блоков ... но, похоже, это не проблема.

Вместо использования iframes, я бы порекомендовал использовать AJAX для получения информации и такую ​​структуру, как jQuery, чтобы помочь вам отобразить данные.

Вы можете загрузить AJAX и отобразить окно с загрузочным пульверизатором (http://www.ajaxload.info) при наведении курсора мыши) и проанализировать данные в видимом формате внутри div.

Изучение AJAX

AJAX - это когда страница отправляет http-запрос на сервер, а также может возвращать данные, которые затем используются в Javascript для обновления DOM.

jQuery - это инфраструктура Javascript, предназначенная для абстрагирования кода и несоответствий, характерных для браузера, а также для упрощения использования Javascript.

Ознакомьтесь с AJAX-функциями jQuery

Удачи !!