Demo

Probiere ClanSphere aus und teste daran herum. Demo


Antworten: 7
Seite [1]
MrSmart


Rock the board





Beiträge: 54
# Thema - 03.06.2010 um 04:02 Uhr
hey leute .. ich hab ein kleines Problem. und zwar habe ich den code aus dem tutorial:
http://www.sohtanaka.com/web-design/simple-tabs-w-css-jquery

in meine .css datei und html datei geschrieben.

das ergebnis könnt ihr hier betrachten:
http://www.enginewarz.de/testforum/index.php

so mein problem besteht nun darin dass die box alle 3 punkte zur selben zeit anzeigt.
was ist hier fals wie kann ich das beheben?

ich denke das liegt iwie am jQuery, aber ich kenne mich damit kaum aus.
ich bitte um schnelle Hilfe.


------------------
Inaktiv
palle ClanSphere Team

Supporter
Supporter




Beiträge: 3073
# Antwort: 1 - 03.06.2010 um 06:12 Uhr
ich kann kein jquery bei dir finden^^
http://jquery.com/


------------------
I like the part where it says 'nyan'



Zuletzt editiert von PAlle! ClanSphere Team am 03.06.2010 um 06:13 Uhr (1x Editiert)
Inaktiv
|
hajo ClanSphere Team


VIP - Poster




Herkunft: Barsbüttel
Beiträge: 9411
# Antwort: 2 - 03.06.2010 um 06:31 Uhr
zudem sollte direkt in der htm datei vom template kein javascript code rein, bitte möglichst in externe dateien auslagern


------------------
ClanSphere - professional clan care starts here

Offline
|
MrSmart
Thread-Ersteller


Rock the board





Beiträge: 54
# Antwort: 3 - 03.06.2010 um 12:09 Uhr
das mit nem externen hatte ich schon vorher ... hat auch nicht geklappt

ist das nicht jquery?

<script type="text/javascript">

$(document).ready(function() {

//Default Action
$(".tab_content").hide(); //Hide all content
$("ul.tabs li:first").addClass("active").show(); //Activate first tab
$(".tab_content:first").show(); //Show first tab content

//On Click Event
$("ul.tabs li").click(function() {
$("ul.tabs li").removeClass("active"); //Remove any "active" class
$(this).addClass("active"); //Add "active" class to selected tab
$(".tab_content").hide(); //Hide all tab content
var activeTab = $(this).find("a").attr("href"); //Find the rel attribute value to identify the active tab + content
$(activeTab).fadeIn(); //Fade in the active content
return false;
&#125;

&#125;
</script>


------------------


Inaktiv
|
sgraewe ClanSphere Team

Supporter
Supporter




Beiträge: 6116
# Antwort: 4 - 03.06.2010 um 12:19 Uhr
Nöö, das ist der jscript text damit die Tabs funktionieren.

jQuery kannst z.B. direkt über google einbinden:


das muss dann in deinen head.

Oder du lädst dir jQuery selbst runter auf http://jquery.com/


Zuletzt editiert von equaL ClanSphere Team am 03.06.2010 um 12:19 Uhr (1x Editiert)
Inaktiv
|
MrSmart
Thread-Ersteller


Rock the board





Beiträge: 54
# Antwort: 5 - 03.06.2010 um 13:33 Uhr
also muss ich das erst einbinden ... aber dann funktionierts? oder musss ich nochwas machen?


------------------


Inaktiv
|
Jam2 ClanSphere Team


Highlander





Beiträge: 3291
# Antwort: 6 - 03.06.2010 um 13:44 Uhr
theoretisch ja, da dein js code auf jquery aufbaut^^


------------------
Gruß/ Best regards
Jam2

Nützliche Forumbeiträge/Codepastes: (Useful comments in our board / codepastes)
Template Switch for index.php
Board Navlist last posts

Edi: könnte man denn auch hier eine erweiterung einfügen?
Jam2: das web ist wie toyota.....
Edi: hö ?
Jam2: nichts ist unmöglich!


Inaktiv
|
MrSmart
Thread-Ersteller


Rock the board





Beiträge: 54
# Antwort: 7 - 03.06.2010 um 13:56 Uhr
jo klappt !

danke für die schnelle hilfe!


------------------


Inaktiv
|
Antworten: 7
Seite [1]


Sie müssen sich registrieren, um zu antworten.