Demo

Probiere ClanSphere aus und teste daran herum. Demo


Antworten: 18
Seite [1]
b3ndech0


Wannabe poster




Beiträge: 29
# Thema - 14.01.2013 um 11:07 Uhr
Hallo Zusammen

Ich habe ein kleines Problem und brauche Hilfe. Ich benutze den Slider von ich-raffs-nicht.de und dieser Funktioniert einwandfrei. Ich möchte aber nun noch einen anderes Akkordeon Slider einbauen. Verlinke ich nur das Script mit <script src="http://www.extend-of-pandora.de/templates/fx/jquery.tools.min.js"></s cript> funktioniert das Akkordeon nicht. Sobald ich aber {func:javascript} davor hänge, funktioniert das Akkordeon, jedoch wird mir der Slider von Ich-raffs-nicht nicht mehr angezeigt.
Das komische ist, dass ich aktuell noch ein JAvascript für Schneeflocken verwende welches mit oder ohne {func:javascript} funktioniert.

hatt einer eine Idee oder workarround wie ich das zum laufen krieg?

Meine index HTML
mehr... +-

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- saved from url=(0014)about:internet -->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<script type="text/javascript" src="http://www.extend-of-pandora.de/templates/fx/snowflakes.js"></script>
<script src="http://www.extend-of-pandora.de/templates/fx/jquery.tools.min.js"></s cript>

<title>{func:title}</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
{clansphere:navmeta}
<link href="template.css" rel="stylesheet" type="text/css" />
<link href="content.css" rel="stylesheet" type="text/css" />
<link rel="alternate" type="application/rss+xml" href="{func:path}uploads/rss/news.xml" id="rss_news" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="layout.css" rel="stylesheet" type="text/css" />
<link rel="icon" href="http://www.extend-of-pandora.de/favicon.ico" type="image/ico" />

</head>

<body>
<div id="layout">
<div id="sliderbox">
{multislide:navslide:ms_special=sf}
</div>
<div id="centerbox">
<div id="centerbox_top"></div>
<div id="centerbox_middle">
<div class="contentlayout">
{func:show}

</div>
<div class="contentlayout">
<div class="topics">
<div class="topics_head"></div>
<div class="topics_mid">
<div style="margin-left:10px">
{board:navlist}
</div>
</div>
<div class="topics_foot"></div>
</div>
</div>
<div class="contentlayout">
<div class="useronlinelayer">
<div id="onlineusers"> {users:navonline_ava} </div>
<div id="randomuser"> {members:navrand} </div>
</div>
<div class="randomimage">
<div id="randomgallery">{gallery:navlist}</div>
</div>
</div>

<div class="contentlayout">
<div class="topics">
<div class="topics_articles_head"></div>
<div class="topics_mid">
<div style="width:322px; float:left; margin-left:10px;">
{articles:navlist}
</div>
<div style="width:322px; margin-left:5px; float:left;">
{files:navlist}
</div>
</div>
<div class="topics_foot"></div>
</div>
</div>

</div>

<div id="centerbox_foot"></div>
<div id="subnavigation">
<ul>
<li><a href="{url:joinus_new}" class="navlink">Joinus</a></li>
<li><a href="{url:fightus_new}" class="navlink">Fightus</a></li>
<li><a href="{url:contact_mail}" class="navlink">Mailus</a></li>
<li><a href="{url:contact_imprint}" class="navlink">Imprint</a></li>
<li><a href="{url:clansphere_about}" class="navlink">Scriptinfo</a></li>
</ul>
</div>
</div>
<div id="sidebar_left">
<div class="sidebar_left_top">
<div class="boxtitel">Main</div>
</div>
<div class="sidebar_left_mid">
<ul>
<li><a href="{url:news_recent}" class="navlink">News</a></li>
<li><a href="{url:gbook}" class="navlink">Gästebuch</a></li>
<li><a href="{url:board}" class="navlink">Forum</a></li>
<li><a href="{url:search}" class="navlink">Suche</a></li>
</ul>
</div>
<div class="sidebar_left_top">
<div class="boxtitel">Über EoP</div></div>
<div class="sidebar_left_mid" style="height:200px;">
<ul>
<li><a href="{url:members_list}" class="navlink">Team</a></li>
<li><a href="http://extend-of-pandora.de/bf3leaderboard" target="blank" class="navlink">Leaderboard</a></li>
<li><a href="http://extend-of-pandora.de/index.php?mod=static&action=view&id=3" class="navlink">Servers</a></li>
<li><a href="{url:wars_list}" class="navlink">Clanwars</a></li>
<li><a href="{url:rules_list}" class="navlink">Rules</a></li>
<li><a href="{url:links_list}" class="navlink">Links</a></li>
<li><a href="{url:gallery_list}" class="navlink">Gallery</a></li>
</ul>
</div>
<div class="sidebar_left_top">
<div class="boxtitel">Teamspeak</div></div>
<div class="sidebar_left_mid">
<div class="sidebar_left_content">
<!-- TS-Viewer -->
<div id="ts3viewer_1008178" style="width:; background-color:;"> </div>
<script type="text/javascript" src="http://static.tsviewer.com/short_expire/js/ts3viewer_loader.js"></scr ipt>
<script type="text/javascript">
<!--
var ts3v_url_1 = "http://www.tsviewer.com/ts3viewer.php?ID=1008178&text=ffffff&text_size=10&text_family=4&js=1&text_ s_weight=bold&text_s_style=normal&text_s_variant=normal&text_s_decor ation=none&text_s_color_h=525284&text_s_weight_h=bold&text_s_style_h =normal&text_s_variant_h=normal&text_s_decoration_h=underline&text_i _weight=normal&text_i_style=normal&text_i_variant=normal&text_i_deco ration=none&text_i_color_h=525284&text_i_weight_h=normal&text_i_styl e_h=normal&text_i_variant_h=normal&text_i_decoration_h=underline&tex t_c_weight=normal&text_c_style=normal&text_c_variant=normal&text_c_d ecoration=none&text_c_color_h=525284&text_c_weight_h=normal&text_c_s tyle_h=normal&text_c_variant_h=normal&text_c_decoration_h=underline& text_u_weight=bold&text_u_style=normal&text_u_variant=normal&text_u_ decoration=none&text_u_color_h=525284&text_u_weight_h=bold&text_u_st yle_h=normal&text_u_variant_h=normal&text_u_decoration_h=none";
ts3v_display.init(ts3v_url_1, 1008178, 100);
-->
</script>
<!-- TS-Viewer Ende-->
</div>
</div>
<div class="sidebar_left_foot"></div>
</div>
<div id="sidebar_right">
<div class="sidebar_right_top"><div class="boxtitel">Partner</div></div>
<div class="sidebar_right_mid">
<div class="sidebar_right_content" align="center"><a href="http://www.semperfidelis-clan.com/" target="_blank"><img src="/images/semper.jpeg" width="150" height="150"></a><br />
<a href="http://www.semperfidelis-clan.com/" target="_blank">Semper Fidelis</a>
</div>
</div>
<div class="sidebar_right_top"><div class="boxtitel">Aktuell</div></div>
<!--Accordeon -->

<div id="accordion">
<h2 class="current">First pane</h2>

<div class="pane" style="display:block">
<img src="/media/img/title/javascript24.png"
alt="JavaScript tools" style="float:left; margin:0 15px 15px 0" />

<h3>Lorem ipsum dolor</h3>
<p>
<strong>Fusce semper, nisi nec pellentesque sollicitudin.</strong>
</p>
<p style="clear:both">
Consectetur adipiscing elit. Praesent bibendum eros ac
nulla. Integer vel lacus ac neque viverra ornare. Nulla id
massa nec erat laoreet elementum. Vivamus tristique auctor
odio. Integer mi neque.
</p>
</div>

<h2>Second pane</h2>

<div class="pane">
<h3>Vestibulum ante ipsum</h3>
<p>
Cras diam. Donec dolor lacus, vestibulum at, varius in, mollis
id, dolor. Aliquam erat volutpat. Praesent pretium tristique
est. Maecenas nunc lorem, blandit nec, accumsan nec, facilisis
quis, pede. Aliquam erat volutpat. Donec sit amet urna quis
nisi elementum fermentum.
</p>
</div>

<h2>Third pane</h2>

<div class="pane">
<h3>Curabitur vel dolor</h3>
<p>
Non lectus lacinia egestas. Nulla hendrerit, felis quis
elementum viverra, purus felis egestas magna, non vulputate
libero justo nec sem. Nullam arcu. Donec pellentesque
vestibulum urna. In mauris odio, fringilla commodo, commodo
ac, dignissim ac, augue.
</p>
</div>
</div>
<!-- activate tabs with JavaScript -->
<script>
$(function() {
$("#accordion").tabs(
"#accordion div.pane",
{tabs: 'h2', effect: 'slide', initialIndex: null}
);
&#125;
</script>
<!--Accordeon -->
<div class="sidebar_right_top"><div class="boxtitel">Shoutbox</div></div>
<div class="sidebar_right_mid">
<div class="sidebar_right_content">{shoutbox:navlist}</div>
</div>
<div class="sidebar_right_top"><div class="boxtitel">Kalender</div></div>
<div class="sidebar_right_mid">
<div class="sidebar_right_content">{events:navcal}</div>
</div>
<div class="sidebar_right_foot"></div>
</div>
<div id="logolayer"> <div id="topbox"><div id="topbox2">{ticker:display}</div></div>< /div>
<div id="navigationlayer">
<ul>
<li><a href="http://extend-of-pandora.de/index#static/view/id/1" class="navlink">Home</a></li>
<li><a href="{url:news_recent}" class="navlink">News</a></li>
<li><a href="{url:board}" class="navlink">Forum</a></li>
<li><a href="{url:contact_mail}" class="navlink">Mail Us</a></li>
<li><a href="{url:fightus_new}" class="navlink">Fight Us</a></li>
<li><a href="{url:joinus_new}" class="navlink">Join Us</a></li>
</ul>
</div>
<div id="usermenulayer">
{users:navlogin}
</div>
</div>
</body>
</html>


Link zum Akkordeon Slider
http://jquerytools.org/demos/tabs/accordion.html
Inaktiv
ev0lution


Geekboy





Beiträge: 1103
# Antwort: 1 - 14.01.2013 um 11:17 Uhr
mach mal das copyright von http://www.fx-interfaces.com wieder ins template ...


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


Inaktiv
|
b3ndech0
Thread-Ersteller


Wannabe poster




Beiträge: 29
# Antwort: 2 - 14.01.2013 um 11:25 Uhr
14.01.2013 um 11:17 Uhr - ev0lution:
mach mal das copyright von http://www.fx-interfaces.com wieder ins template ...


wieso ich hab das doch gekauft?


Inaktiv
|
ev0lution


Geekboy





Beiträge: 1103
# Antwort: 3 - 14.01.2013 um 11:27 Uhr
ein freetemplate hast du gekauft ?
mir solls egal sein wenns so ist. war nur ein netter hinweis bevor sich Seron hier noch meldet


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


Inaktiv
|
b3ndech0
Thread-Ersteller


Wannabe poster




Beiträge: 29
# Antwort: 4 - 14.01.2013 um 11:30 Uhr
14.01.2013 um 11:27 Uhr - ev0lution:
ein freetemplate hast du gekauft ?
mir solls egal sein wenns so ist. war nur ein netter hinweis bevor sich Seron hier noch meldet


http://www.fx-interfaces.com/index.php#mod=static&action=freeTemplate5

Premium Package

If you like our templates, please buy a "Premium Upgrade". Every payment motivates us, to create new free high quality CMS-templates for the community

The premium-packege includes:

- four color-variation packages for the template (see pictures)

- licence to remove the "design by FX-Interfaces.com" branding from the bottom of the template. You can replace it with your own logo.

- Images to remove the branding


Seh somit kein Problem damit, dass ich das by fx-interfaces entfernt habe.

Nun aber back to topic, kann mir da einer helfen?

mfg


Inaktiv
|
ev0lution


Geekboy





Beiträge: 1103
# Antwort: 5 - 14.01.2013 um 11:32 Uhr
dann entschuldige bitte und zu deinem problem

hast du mal deine script einbindung mit "type" versucht? wüsste sonst ersmal nicht woran es liegen könnte.


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


Inaktiv
|
b3ndech0
Thread-Ersteller


Wannabe poster




Beiträge: 29
# Antwort: 6 - 14.01.2013 um 11:42 Uhr
kein Problem, konntest du ja nicht wissen

ich hab das script jetzt so eingebunden:
<script type="text/javascript" src="http://www.extend-of-pandora.de/templates/fx/jquery.tools.min.js"></s cript>

das geht aber auch nicht. Sobald ich aber wieder die {func:javascript} vor hin mach gehts zerhaut mir aber den Slider von Matze...

Macht für mich auch keinen Sinn :/

Edit:

Der Akkordeon Slider benätigt noch folgenden code in der Index

<!-- activate tabs with JavaScript -->
<script>
$(function() {
$("#accordion").tabs(
"#accordion div.pane",
{tabs: 'h2', effect: 'slide', initialIndex: null}
);
&#125;
</script>

könnte es sein, dass er durch den Slider von Matze hier in der falschen Javadatei nachschauen geht? Ich hab leider 0-Plan von java von daher weiss ich jetzt nicht ob diese Aussage Sinn macht


Zuletzt editiert von b3ndech0 am 14.01.2013 um 11:52 Uhr (1x Editiert)
Inaktiv
|
palle ClanSphere Team

Supporter
Supporter




Beiträge: 3073
# Antwort: 7 - 14.01.2013 um 11:53 Uhr
Macht für mich auch keinen Sinn :/

Für mich aber, man kann doch kein Jquery Plugin laden ohne vorher die Bibliothek geladen zu haben.
Der Platzhalter {func:javascript} ist nötig im die Bibliothek vor deinem Script zu laden.
So wäre das wohl richtig:


 
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
1. / 2. / ... 
 {func:javascript}
<
script src="jquery.tools.min.js" type="text/javascript"></script>
<
script type="text/javascript">
  $(function() {
    $(
"#accordion").tabs(
    
"#accordion div.pane",
    {
tabs'h2'effect'slide'initialIndexnull}
  );
    });
</
script>



Aber warum das jetzt nicht gehen soll müsste man gucken, wenn beides im Template vorhanden ist.


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



Zuletzt editiert von palle ClanSphere Team am 14.01.2013 um 11:54 Uhr (2x Editiert)
Inaktiv
|
b3ndech0
Thread-Ersteller


Wannabe poster




Beiträge: 29
# Antwort: 8 - 14.01.2013 um 12:06 Uhr
hmm macht doch Sinn und so gehts auch aber nur der Akkordeon und nicht mehr der Slider von Matze :(
hast du mir vlt irgendeinen Ansatz wo ich anfangen könne nach dem Problem zu suchen? bin wie gesagt ein mega java noobie


Zuletzt editiert von b3ndech0 am 14.01.2013 um 12:07 Uhr (1x Editiert)
Inaktiv
|
Deaktiviert

Supporter
Supporter



Beiträge: 1287
# Antwort: 9 - 14.01.2013 um 13:19 Uhr
Also bei mir geht alles?


Inaktiv
|
b3ndech0
Thread-Ersteller


Wannabe poster




Beiträge: 29
# Antwort: 10 - 14.01.2013 um 13:45 Uhr
das heisst? hast du auch den slider von matze und ein zweites jquery script am laufen? wenn ja darf ich deine index datei sehen?

mgf


Inaktiv
|
Deaktiviert

Supporter
Supporter



Beiträge: 1287
# Antwort: 11 - 14.01.2013 um 14:39 Uhr
Ich bin auf deiner Seite.

Ich sehe bloß den Slider über deinem Content, oder welchen meinst du?


Inaktiv
|
b3ndech0
Thread-Ersteller


Wannabe poster




Beiträge: 29
# Antwort: 12 - 14.01.2013 um 14:47 Uhr
ach soo

ich hab den zweiten Slider wieder entfernt der slider den du jetzt siehst funktioniert ohne Probleme. Sobald ich aber den zweiten Einbau, geht dieser nicht mehr.



Inaktiv
|
palle ClanSphere Team

Supporter
Supporter




Beiträge: 3073
# Antwort: 13 - 14.01.2013 um 14:56 Uhr
Um dir helfen zu können muss aber beides drin sein.
Ich bin jetzt aber erstmal unterwegs.
Evtl. hat Schalla Zeit und lust.

Gruß


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



Zuletzt editiert von palle ClanSphere Team am 14.01.2013 um 14:57 Uhr (1x Editiert)
Inaktiv
|
b3ndech0
Thread-Ersteller


Wannabe poster




Beiträge: 29
# Antwort: 14 - 14.01.2013 um 14:58 Uhr
jetzt wärs drinn


Inaktiv
|
palle ClanSphere Team

Supporter
Supporter




Beiträge: 3073
# Antwort: 15 - 14.01.2013 um 15:04 Uhr
Ich habe aber jetzt keine Zeit wie bereits oben erwähnt.


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



Inaktiv
|
b3ndech0
Thread-Ersteller


Wannabe poster




Beiträge: 29
# Antwort: 16 - 14.01.2013 um 15:33 Uhr
also hab jetzt beide drinn und sobald ich die " {func:javascript}" reinmache, geht mein Akkordeon Slider (da er dann die Bibliotheken lädt wie ich eben gelernt habe) aber der Multislider von Matze nicht mehr. Entferne ich {func:javascript} geht der Multislider wieder und das Akkordeon wieder nicht..


blick nicht durch

edit:

Huraaa ich habs geschafft!! ich hab die {func:javascript} inkl script nich im header platziert, sondern direkt im body im DIV des Accordeon sliders. jetzt funktionierts


Zuletzt editiert von b3ndech0 am 14.01.2013 um 16:00 Uhr (1x Editiert)
Inaktiv
|
ev0lution


Geekboy





Beiträge: 1103
# Antwort: 17 - 14.01.2013 um 17:48 Uhr
hat palle doch oben geschrieben

 
1.
2.
3.
4.
5.
6.
7.
8.
1. / 2. / ... 
 <script type="text/javascript">
  $(function() {
    $(
"#accordion").tabs(
    
"#accordion div.pane",
    {
tabs'h2'effect'slide'initialIndexnull}
  );
    });
</
script>


befand sich ja von anfang an in deinem body und in antwort 7 steht es doch auch übereinander


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


Inaktiv
|
b3ndech0
Thread-Ersteller


Wannabe poster




Beiträge: 29
# Antwort: 18 - 15.01.2013 um 00:00 Uhr
dass hab ich wohl nicht verstanden

danke auf jedenfall für die hilfe an alle!!

sehr lieb


Inaktiv
|
Antworten: 18
Seite [1]


Sie müssen sich registrieren, um zu antworten.