Seite 1 von 1

Hilfe bei jquery einbau.

Verfasst: 04.01.2011 20:18
von crysis992
Hallo,

Ich habe heute versucht diese jquery tabs in meinen footer einzubauen. Doch leider funktioniert es nicht so wie ich mir das vorgestellt hatte.
Den Ordner YUI habe ich in den Template ordner hochgeladen.
Und hier mein footer code.

Code: Alles auswählen

<!-- IF STARGATE --><!-- INCLUDE portal_tail.html --><!-- ENDIF -->
<!-- IF not S_IS_BOT -->
<link href="/YUI/2.6.0/build/fonts/fonts-min.css" rel="stylesheet" type="text/css" />
<link href="/YUI/2.6.0/build/tabview/assets/skins/sam/tabview.css" rel="stylesheet" type="text/css" />
<script src="/YUI//2.6.0/build/yahoo-dom-event/yahoo-dom-event.js" type="text/javascript"></script>
<script src="/YUI/2.6.0/build/element/element-beta-min.js" type="text/javascript"></script>
<script src="/YUI/2.6.0/build/tabview/tabview.js" type="text/javascript"></script>
<script src="jquery.js" type="text/javascript"></script>

<p>{RUN_CRON_TASK}<!-- ENDIF -->
  </div>
  
  <!--
	We request you retain the full copyright notice below including the link to www.phpbb.com.
	This not only gives respect to the large amount of time given freely by the developers
	but also helps build interest, traffic and use of phpBB3. If you (honestly) cannot retain
	the full copyright we ask you at least leave in place the "Powered by phpBB" line, with
	"phpBB" linked to www.phpbb.com. If you refuse to include even this then support on our
	forums may be affected.

	The phpBB Group : 2006
//-->
  
</p>

<div id="wrapfooter">

	<!-- IF U_ACP --><span class="gensmall">[ <a href="{U_ACP}">{L_ACP}</a> ]</span><br /><br /><!-- ENDIF -->
	<span class="copyright">Powered by <a href="http://www.phpbb.com/">phpBB</a><br />
	Portal  <a href="http://gotskillslounge.com/">Prosk8er</a><br />
	<!-- IF STARGATE --><!-- INCLUDE portal_footer_pre.html --><!-- ENDIF -->
	<!-- IF STARGATE --><!-- INCLUDE portal_footer.html --><br /><!-- ENDIF -->
    {S_TIMEZONE} - {CURRENT_TIME}</span>
	<!-- IF TRANSLATION_INFO --><br />{TRANSLATION_INFO}<!-- ENDIF -->
	<!-- IF DEBUG_OUTPUT --><br /><bdo dir="ltr">[ {DEBUG_OUTPUT} ]</bdo><!-- ENDIF --></span>
</div>

	<div id="footer">
	<div id="footer_ls"><a href="javascript:scroll(0,0);"><img src="{T_THEME_PATH}/images/footer_ls.gif" width="52" height="47" border="0" alt="" /></a></div>
	<div id="footer_rs"><img src="{T_THEME_PATH}/images/footer_rs.gif" width="39" height="47" border="0" alt="" /></div>
	</div>

	</div>
	</div>
       
      
</div>

</div>
<!-- IF STARGATE-->
	<!-- IF RAND_BANNER_POSITION == 2 or RAND_BANNER_POSITION == 3 --><div align="center">{RAND_BANNER}</div><!-- ENDIF -->
	</div>
<!-- ENDIF -->
</center>

<div id="yuitabview1" class="yui-navset">
  <ul class="yui-nav">
    <li><a href="#tab1"><em>Tab One Label</em></a></li>
    <li class="selected"><a href="#tab2"><em>Tab Two Label</em></a></li>
    <li><a href="#tab3"><em>Tab Three Label</em></a></li>
  </ul>
  <div class="yui-content">
    <div id="tab1">
      <p>Tab One Content</p>
    </div>
    <div id="tab2">
      <p>Tab Two Content</p>
    </div>
    <div id="tab3">
      <p>Tab Three Content</p>
    </div>
  </div>
</div>
<script type="text/javascript">
// BeginWebWidget YUI_TabView: yuitabview1 
 
      (function() { 
        var cn = document.body.className.toString();
        if (cn.indexOf('yui-skin-sam') == -1) {
          document.body.className += " yui-skin-sam";
        }
      })();
      
      var yuitabview1 = new YAHOO.widget.TabView('yuitabview1');
</script>
</body>
</html>

Wenn ihr jetzt mal auf http://www.the-hot-shots.de/forum geht und ganz runter scrollt, seht ihr was ich meine, die tabs funktionieren nicht. Sie sind einer unternander gelistet :(

,
crysis992

Re: Hilfe bei jquery einbau.

Verfasst: 04.01.2011 20:53
von BNa
Ich sehe keine Tabs.

Re: Hilfe bei jquery einbau.

Verfasst: 04.01.2011 20:57
von crysis992
@BNa:
Das war ja das Problem das dort keine Tabs waren.

-----------------------------------------
Habe den Fehler gefunden :/
Habe den falschen Pfad zu den scripts angegeben. Sorry für das Thema :/


,
crysis992

Re: Hilfe bei jquery einbau.

Verfasst: 04.01.2011 22:33
von franki
Hallo @crysis992

Laut deinem Code ist der Ordner "YUI" und die Datei "jquery.js" inm root-Verzeichnis.

Da Du den Ordner aber in styles/?????/template kopiert hast müsste das ganze so aussehen:

Code: Alles auswählen

<link href="{T_TEMPLATE_PATH}/YUI/2.6.0/build/fonts/fonts-min.css" rel="stylesheet" type="text/css" />
<link href="{T_TEMPLATE_PATH}/YUI/2.6.0/build/tabview/assets/skins/sam/tabview.css" rel="stylesheet" type="text/css" />
<script src="{T_TEMPLATE_PATH}/YUI//2.6.0/build/yahoo-dom-event/yahoo-dom-event.js" type="text/javascript"></script>
<script src="{T_TEMPLATE_PATH}/YUI/2.6.0/build/element/element-beta-min.js" type="text/javascript"></script>
<script src="{T_TEMPLATE_PATH}/YUI/2.6.0/build/tabview/tabview.js" type="text/javascript"></script>
<script src="jquery.js" type="text/javascript"></script>
oder Du kopierst den Ordner ins root-Verzeichnis und behälst deinen Code.

Re: Hilfe bei jquery einbau.

Verfasst: 04.01.2011 23:21
von crysis992
Vielen Dank franki, das mit dem {T_TEMPLATE_PATH} wusste ich nicht.
Es funktioniert jetzt.

,
crysis992