:: ClanSphere :: Free OpenSource Clan CMS :: - Forum - Probleme mit einbinden von Javascript

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">

<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">

<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">

</script>

</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>


<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>

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

;
</script>

<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


<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

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', initialIndex: null}
  );
    });
</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 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

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

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

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 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

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. / ...

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.

Forum - Thema
Nächstes Thema ->
Forum -> Support -> Allgemein (Support) -> Probleme mit einbinden von Javascript