Seite 1 von 1

[ERLEDIGT] Navigationsleiste funktioniert nicht in Threads!

Verfasst: 16.06.2014 03:31
von EselsOhr
Hallo Liebe Community!

Habe ein "so hoff ich doch" kleines Problem.

In meinem Forum unter "eselsohr.at hab ich eine JavaScript Navigationsleiste eingebaut. Diese wird über einen Button (links oben) auf der rechten Seite ein- und ausgeblendet.

Funktioniert auch alles reibungslos.

Der einzige Hacken: Nur wenn ich auf einen schon geschriebenen Thread/Beitrag gehe, lässt sich diese nicht einblenden. Dann kommt nur die externe Html-Datei die normalerweise mit JS geladen werden sollte.

Navigationsleiste Rechts: (head overall_header.html):
CSS:

Code: Alles auswählen

<link rel="stylesheet" type="text/css" href="http://www.eselsohr.at/forums/styles/prosilver/SlidePanel-2.0/css/jquery.slidepanel.css" />
JS: (head overall_header.html):

Code: Alles auswählen

<!--Include jQuery -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<!--Include the slidepanel plugin -->
<script type="text/javascript" src="http://www.eselsohr.at/forums/styles/prosilver/SlidePanel-2.0/js/jquery.slidepanel.js"></script>
DIV: (anfang body overall_header.html)

Code: Alles auswählen

<div id="stopper"><a href="http://www.eselsohr.at/forums/styles/prosilver/template/external.html" data-slidepanel="panel"><img src="http://www.eselsohr.at/forums/styles/prosilver/SlidePanel-2.0/img/seitennavi.jpg" alt="Seitennavigation Forum" /></a></div> 
Button Links: (head overall_header.html)

Code: Alles auswählen

<style type="text/css">
    #stopper {
        position: fixed;
        width: 11px; height: 155px;
        top: 20px; left: 3px;

        /* box color and font styles */
        background: #E7E8E6;  
        color: black;
        line-height: 15px;   /* trick center one line vertically */
        text-align: center;
   
        /* round corners*/
       -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
       -o-border-radius: 5px;
       border-radius: 5px;
    }
</style>
Funktioniert in: Foren, Unterforen, Suche, auf allen Seiten und extra angelegten Seiten, im persönlichen Bereich, Beitrag bearbeiten, neuen Beitrag erstellen
Funktioniert nicht: bei der Anzeige eines Threads/Beitrages

Alles Caches wurden geleert und Styles wurden aktualisiert!

Wo baue ich die Codes ein, damit ich wieder richtig schlafen kann? :lol:

LG Michael

PS: Script von codebomber.com: JavaScript Navigationsleiste

Re: JS Overlay Navigationsleiste funktioniert nicht in Threa

Verfasst: 16.06.2014 11:22
von Lehrling
Hallo,

also ich kann über deine Leiste nichts navigieren. Sie wird zwar angezeigt, aber egal, was ich anklicke, ich sehe immer nur die Index-Seite.

LG Beate

Re: JS Overlay Navigationsleiste funktioniert nicht in Threa

Verfasst: 16.06.2014 11:48
von EselsOhr
Hallo Beate!

Die Leiste befindet sich noch in Testphase, darum habe ich sie noch nicht auf alle Foren und Unterforen verlinkt :wink:

Die TALK Kategorie kannst Du jetzt aber antesten. Hab sie gerade verlinkt!

LG Michael

Re: JS Overlay Navigationsleiste funktioniert nicht in Threa

Verfasst: 16.06.2014 14:18
von HabNurNeFrage
Hi,

warum machst Du das so umständlich mit diesem Plugin?

Speichere doch einfach das komplette HTML mit Animation und allem Heckmeck wie folgt in Deine Datei
http://www.eselsohr.at/forums/styles/pr ... ernal.html

Code: Alles auswählen

<div>
<script type="text/javascript">
//<![CDATA[
if (typeof jQuery == 'undefined') { var script = document.createElement('script'); script.type = "text/javascript"; script.src = "http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"; document.getElementsByTagName('head')[0].appendChild(script); };
//]]>
</script>
<div style="width:320px;position:fixed;top:0px;right:-300px;border-bottom-left-radius:5px;padding:4px;background:#e7e8e6;border-bottom: 1px solid silver;border-left: 1px solid silver;box-shadow:2px 2px 6px silver;" onmouseover="$(this).stop().animate({right: 0}, 444);" onmouseout="$(this).stop().animate({right: -300}, 444);">
<img style="margin-right:8px;float:left;" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAYVJREFUeNqsVLFugzAQPaMu6Zq5Gds9UyayIkIIihS+IX/AN/AHfANDJESUHSbyCemClM7donaAhPqs2DKOoVGbJ6EHx/H8zpyPNE0DhJBnABjSawB/wze9PqnW19M1MFytVkcqLDKuC7W+0sU44jgeURKCg9PpBNPpFIIggDAMIcsy9tyHPM/lRVh15Bp4nUwmB+6CQ+dQfccFi6J4o/fv3CGMx2P4D6ggYyFYlmWrZCzHNM1eEdwWtZJfS+YlyXxXyb7vw3q91v7Nvme8j6LotmRMqOsaNpsNLJdLxl1OeczzPMaGYYhcIYhBFHRdF87nM2PVlSyOwDz+badgkiSwWCwYqyVyRmfyXvcKOo7DVp7NZtpeRGCeDDmntYeXywXSNGWi2+22t2Xm83m/QxSsqgosy2IOkOU/qe6f7FLrEFfBUne7Hdi2zVgFxnWQHYrGptPmoHOkomvi0GnTbux7p40qiHm6o/dCj95RbQ/dqeg6jvv9fkT5gzx6YhO5QR+BHwEGAJFhHPhBfYOsAAAAAElFTkSuQmCC" alt="*" />

<div style="height:444px;overflow-y:auto;overflow-x:hidden;">
<div style="margin-left:12px;">

<a href="http://www.eselsohr.at/forums/viewforum.php?f=3"><b>TALK</b></a><br />
<a href="http://www.eselsohr.at/forums/viewforum.php?f=4">Real-Life</a><br />
<a href="http://www.eselsohr.at/forums/viewforum.php?f=15">Off Topic</a><br />
<a href="http://www.eselsohr.at/forums/viewforum.php?f=13">News</a><br />
- <a href="http://www.eselsohr.at/forums/viewforum.php?f=14">Politik, Umwelt u. Gesellschaft</a><br />
- <a href="http://www.eselsohr.at/forums/viewforum.php?f=18">Wissenschaft u. Forschung</a><br />
<a href="http://www.eselsohr.at/forums/viewforum.php?f=16">Sport u. Fitness</a><br />
- <a href="http://www.eselsohr.at/forums/viewforum.php?f=17">Gesundheit u. K&ouml;rperpflege</a><br />
- <a href="http://www.eselsohr.at/forums/viewforum.php?f=19">Essen u. Trinken</a><br />
<a href="http://www.eselsohr.at/forums/viewforum.php?f=25">Schule, Beruf u. Ausbildung</a><br />
<a href="http://www.eselsohr.at/forums/viewforum.php?f=28">Autos u. Motor</a><br />
- <a href="http://www.eselsohr.at/forums/viewforum.php?f=29">Urlaub u. Reisen</a><br />
<a href="http://www.eselsohr.at/forums/viewforum.php?f=30">Haus u. Garten</a><br />
- <a href="http://www.eselsohr.at/forums/viewforum.php?f=31">Hund, Katze u. Co</a><br />
- <a href="http://www.eselsohr.at/forums/viewforum.php?f=32">Finanzen u. Versicherungen</a>
<hr />
<a href=""><b>UNTERHALTUNG</b></a><br />
<a href="">Kino, Filme, Serien u. TV</a><br />
- <a href="">Kabel u. SAT</a><br />
<a href="">Kunst u. Literatur</a><br />
<a href="">Musik, Musiker u. Banks</a><br />
<a href="">Fun, Humor, Skurriles u. Satire</a>
<hr />
<a href=""><b>GAMER ECKE</b></a><br />
<a href="">PC, Mac, Linux u. Co Spiele</a><br />
<a href="">Konsolen u. Konsolen Spiele</a><br />
- <a href="">Xbox</a> / <a href="">Xbox360</a> / <a href="">XboxOne</a><br />
- <a href="">Playstation 1 u. 2</a> / <a href="">3</a> / <a href="">4</a><br />
- <a href="">PSP u. PS Vita</a><br />
- <a href="">NES, SNES, N64, GB, GBC u. GBA</a><br />
- <a href="">NDS, NDS Lite u. 3DS</a><br />
- <a href="">Wii u. Wii - U</a><br />
<a href="">Retro Konsolen u. Emulation</a>
<hr />
<a href=""><b>MULTIMEDIA U. DESIGN</b></a><br />
<a href="">Video u. Audio</a><br />
<a href="">Grafik u. Fotografie</a><br />
- <a href="">Showroom</a> / <a href="">Anfragen</a> / <a href="">Tutorials</a><br />
<a href="">Rippen u. Brennen</a>
<hr />
<a href=""><b>SOFTWARE U. HARDWARE</b></a><br />
<a href="">Hardware u. Zubeh&ouml;r</a><br />
- <a href="">Elektronik u. Elektrotechnik</a><br />
- <a href="">Overclocking, Benchmarks u. Tuning</a><br />
<a href="">Kaufberatung</a><br />
<a href="">Microsoft</a><br />
- <a href="">Win 8</a> / <a href="">7</a> / <a href="">Win (sonsige Versionen)</a><br />
- <a href="">Windows Phone</a><br />
- <a href="">Anwendersoftware</a><br />
<a href="">Apple</a><br />
- <a href="">Mac</a> / <a href="">iPad</a> / <a href="">iPhone</a> / <a href="">iPod</a><br />
- <a href="">Apple TV</a> / <a href="">iTunes</a><br />
<a href="">Android u. Apps</a><br />
<a href="">Linux u. Co</a><br />
<a href="">PDA, Organizer u. NAVI</a><br />
<a href="">Netzwerk, Internet u. Mobilfunkbetreiber</a><br />
<a href="">Programmierung u. Entwicklung</a><br />
<a href="">Sicherheit u. Anonymit&auml;t</a>
<hr />
<a href=""><b>WEBMASTER U. NETZWELT</b></a><br />
<a href="">Webentwicklung</a><br />
- <a href="">Webdesign</a> / <a href="">User Projekte</a><br />
<a href="">Hosting, Server u. Webspace</a><br />
<a href="">Netzwelt</a><br />
- <a href="">Datenaustausch u. Filesharing</a>
<hr />
<a href=""><b>MARKETING U. SEO</b></a><br />
<a href="">SEO, Marketing u. Werbetechniken</a><br />
<a href="">Partnerprogramme u. -netzwerke</a><br />
<a href="">N&uuml;tzliche Links u. Webseiten</a>

</div>
</div>
</div>
</div>
Dann öffnest Du Deine overall_footer.html und setzt ganz am Ende (direkt vor </body>) folgendes ein:
<!-- INCLUDE external.html -->

Du kannst dann alles wieder ausbauen, was Du bis jetzt in overall_header.html für das Plugin eingebaut hast:
<link rel="stylesheet" type="text/css" href="http://www.eselsohr.at/forums/styles/pr ... epanel.css" />
<!--Include jQuery -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jq ... "></script>
<!--Include the slidepanel plugin -->
<script type="text/javascript" src="http://www.eselsohr.at/forums/styles/pr ... "></script>

Du hast weiter unten sowieso noch einmal jQuery eingebunden.

Hier ist eine Demo: http://bild4.bplaced.net/testboard/view ... p?f=12&t=6 (Die Schrift passt sich bei Dir natürlich Deinem Style an)

LG

Re: JS Overlay Navigationsleiste funktioniert nicht in Threa

Verfasst: 16.06.2014 17:51
von EselsOhr
@ HabNurNeFrage: Vielen Dank, werds gleich mal antesten. Sieht bei Dir schon sehr vielversprechend aus!

LG Michael

Re: JS Overlay Navigationsleiste funktioniert nicht in Threa

Verfasst: 16.06.2014 18:11
von HabNurNeFrage
Hi,

prima geworden :D

Da dieser <!-- INCLUDE external.html --> Befehl das HTML direkt einbindet, solltest Du dort noch das HTML vor und nach meinem Code entfernen.
Das ist überflüssig, da es sich nicht um einen iFrame handelt, sondern einfach ein bissl Text, der zusätzlich ins HTML Deines Forums integriert wird.

Weg machen solltest Du vor dem Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Seitenleiste Forum</title>
</head>
<body>


und danach:
</body>
</html>


Es reicht das restliche HTML in der Datei external.html.

LG

Re: JS Overlay Navigationsleiste funktioniert nicht in Threa

Verfasst: 16.06.2014 18:23
von EselsOhr
@ HabNurNeFrage:
Hochwürden, ich danke Dir. Ich kann endlich wieder richtig schlafen. :P

Funktioniert einwandfrei!
warum machst Du das so umständlich mit diesem Plugin?
Gefällt mir die Frage, hab ich glatt überlesen.
Antwort: Wäre nie auf diese Lösung gekommen - ganz einfach, weil ich nicht wusste, das es so eine Lösung überhaupt gibt :lol:

Da gibts ja noch einiges, was ich in Sachen phpbb lernen kann. Vielen Dank für Deine Hilfe!

LG Michael
Der Esel