1

私は、主に spry タブ付きパネルを使用してページ間をリンクするサイトを持っています。サイトの一番上に、ページを更新するか、元のタブに戻すためのリンクとして使用したいロゴがあります。問題は、Spry タブ付きパネルを使用しているため、あるタブ付きページから別のタブ付きページに移動してもサイト内の URL が変更されず、「ホーム」リンクが不可能になることです。

私のサイトに logo.jpeg を使ってページを更新したり、元のタブを元に戻したりするリンクを作成する方法を知っている人はいますか?

ここにサイトがあります： http://emilymagnuson.com/trustbank/index.html

ありがとうございました！

4

1 に答える 1

1

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>

EDIT/CLEANER SOLUTION:オーケー、アドビの公式ドキュメントを見つけたので、外部 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>しかし、タグを追加するこれらの推奨される方法は扱いにくいので、代わりにこれらを試してみます。画像自体は追加のコードなしでクリックできますが、単純な JavaScriptonclickイベントだけです。

<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;">

お役に立てれば！

于 2013-01-25T15:50:27.493 に答える