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 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! am 03.06.2010 um 06:13 Uhr (1x Editiert) |
Inaktiv |
|
hajo 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 |
Inaktiv |
|
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; } } </script> ------------------ |
Inaktiv |
|
sgraewe 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: <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js"></script > das muss dann in deinen head. Oder du lädst dir jQuery selbst runter auf http://jquery.com/ Zuletzt editiert von equaL 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 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. |