Shopsystem ShopPilot

ShopPilot => ShopPilot Enterprise => Thema gestartet von: admin am Oktober 25, 2013, 12:15:12

Titel: Nutzung von tabs aus jquery-ui (Bug in jquery-ui widget with base-tag)
Beitrag von: admin am Oktober 25, 2013, 12:15:12
In neueren Versionen von jquery-ui funktioniert das Umschalten von Tabs innerhalb von dynamischen
Shoppilot Seiten nicht mehr.
Es handelt sich nach meiner Meinung um einen Bug  
in Zusammenhang mit dem base-tag, welches auf dynamischen Seiten verwendet wird.
siehe hier/ (http://tjvantoll.com/2013/02/17/using-jquery-ui-tabs-with-the-base-tag)

Ich möchte zeigen, wie man das Problem umgehen kann. Nämlich wie in dem Artikel vorgeschlagen, indem man bei dem
href im a-Tag eine absolute URL angibt, die auf die eigene Seite verweist.

Beispielcode:

  <!--start tabs-->
  <!--spmacro:module(tabhelper)
   sub fullurl {
my $url = ssp::pageurl();
$url =~ s/^http:\/\///; # http:// entfernen
main::mprint($url);
   }
    -->
       <div id="tabs">
         <ul>
           <li><a href="http://__tabhelper::fullurl__#tabs-1">Erste Lasche</a></li>
           <li><a href="http://__tabhelper::fullurl__#tabs-2">Zweite</a></li>
         </ul>
         <div id="tabs-1">
           <p>Text 1</p>
         </div>
         <div id="tabs-2">
           <p>Text 2</p>
         </div>
  </div>
   <!--Ende tabs-->