Как сделать домашнюю ссылку с помощью панелей с быстрыми вкладками

У меня есть сайт, который в основном использует быстрые панели с вкладками для связи между страницами. В самом верху сайта у меня есть логотип, который я хотел бы использовать в качестве ссылки, чтобы либо обновить страницу, либо вернуться на исходную вкладку. Проблема в том, что, поскольку я использовал быстрые панели с вкладками, URL-адрес никогда не менялся на сайте, когда я переходил с одной страницы с вкладками на другую, что делало невозможной ссылку на "домой".

Кто-нибудь знает, как сделать ссылку на моем сайте с logo.jpeg, которая обновит страницу или откроет исходную вкладку?

Вот сайт: http://emilymagnuson.com/trustbank/index.html

Спасибо!


javascript hyperlink dreamweaver panels spry
person Emily Magnuson    schedule 25.01.2013    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Панели с вкладками Spry в основном представляют собой JavaScript. Похоже, что нет простого способа подключить пользовательский вызов JavaScript к скрипту, чтобы внешний элемент, например логотип, вызывал отображение вкладки. Поэтому я бы порекомендовал быстрый & простое решение. Оберните изображение логотипа в ссылку, которая полностью перезагрузит страницу. Итак, это:

<img src="images/logo.jpg" width="100" height="100">

Превращается в это:

<a href="/" target="_top"><img src="images/logo.jpg" width="100" height="100"></a>

Или, может быть, это, если вы не возражаете против показа index.html:

<a href="index.html" target="_top"><img src="images/logo.jpg" width="100" height="100"></a>

РЕДАКТИРОВАТЬ/ЧИСТОЕ РЕШЕНИЕ: Хорошо, я только что нашел это официальное Документация Adobe, поэтому кажется, что можно выполнить внешний вызов JavaScript. В частности, обратитесь к разделу «Использование ссылок для открытия вкладок». Итак, вы можете сделать это:

<a href="#" onclick="TabbedPanels1.showPanel(0); return false;"><img src="images/logo.jpg" width="100" height="100"></a>

Или сделайте это:

<a href="#" onclick="TabbedPanels6.showPanel('first'); return false;"><img src="images/logo.jpg" width="100" height="100"></a>

Но я нахожу эти рекомендуемые способы добавления тега <a href> неуклюжими, поэтому я бы попробовал их вместо этого. Само изображение можно щелкнуть без дополнительного кода, а просто с помощью простого события JavaScript onclick:

<img src="images/logo.jpg" width="100" height="100" onclick="TabbedPanels1.showPanel(0); return false;">

<img src="images/logo.jpg" width="100" height="100" onclick="TabbedPanels6.showPanel('first'); return false;">

Надеюсь это поможет!

person Giacomo1968    schedule 25.01.2013
comment
Большое спасибо! Я использовал ‹img src=images/logo.jpg width=100 height=100 onclick=TabbedPanels1.showPanel(0); вернуть ложь;› - person Emily Magnuson; 25.01.2013