[ERLEDIGT] Navigationsleiste funktioniert nicht in Threads!

Fragen zur Bedienung von phpBB 3.0.x, Probleme bei der Benutzung und alle weiteren Fragen inkl. Update auf die neuste phpBB 3.0.14 Version
Forumsregeln
phpBB 3.0 hat das Ende seiner Lebenszeit überschritten
phpBB 3.0 wird nicht mehr aktiv unterstützt. Insbesondere werden - auch bei Sicherheitslücken - keine Patches mehr bereitgestellt. Der Einsatz von phpBB 3.0 erfolgt daher auf eigene Gefahr. Wir empfehlen einen Umstieg auf die neuste phpBB-Version, welches aktiv weiterentwickelt wird und für welches regelmäßig Updates zur Verfügung gestellt werden.
Antworten
Benutzeravatar
EselsOhr
Mitglied
Beiträge: 7
Registriert: 05.06.2014 01:26

[ERLEDIGT] Navigationsleiste funktioniert nicht in Threads!

Beitrag 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
Zuletzt geändert von EselsOhr am 16.06.2014 21:07, insgesamt 1-mal geändert.
Herr, schmeiss Hirn vom Himmel - Du da drüben, Fang auf! unbekannt
Eselsohr.at Bibliothek mit über 10000 Ebooks Klassikern und Raritäten. Sammlung enthält Volltextausgaben und Faksimile-Exemplare. Teilweise nicht mehr erhältlich.
Lehrling
Ehemaliges Teammitglied
Beiträge: 3833
Registriert: 15.01.2012 20:00
Kontaktdaten:

Re: JS Overlay Navigationsleiste funktioniert nicht in Threa

Beitrag 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
Benutzeravatar
EselsOhr
Mitglied
Beiträge: 7
Registriert: 05.06.2014 01:26

Re: JS Overlay Navigationsleiste funktioniert nicht in Threa

Beitrag 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
Herr, schmeiss Hirn vom Himmel - Du da drüben, Fang auf! unbekannt
Eselsohr.at Bibliothek mit über 10000 Ebooks Klassikern und Raritäten. Sammlung enthält Volltextausgaben und Faksimile-Exemplare. Teilweise nicht mehr erhältlich.
Benutzeravatar
HabNurNeFrage
Ehemaliges Teammitglied
Beiträge: 1627
Registriert: 17.01.2010 20:22
Wohnort: An der Ostsee
Kontaktdaten:

Re: JS Overlay Navigationsleiste funktioniert nicht in Threa

Beitrag 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
| HomeStory.org - the friendly Community | Forum für alle Lebenslagen | <"}))}~ | Nicht nachmachen: Meine phpBB Spielereien |
var shoppen = geld.replace (/geld/g, 'bloedsinn'); if (geld < 1) { return home; };
Benutzeravatar
EselsOhr
Mitglied
Beiträge: 7
Registriert: 05.06.2014 01:26

Re: JS Overlay Navigationsleiste funktioniert nicht in Threa

Beitrag von EselsOhr »

@ HabNurNeFrage: Vielen Dank, werds gleich mal antesten. Sieht bei Dir schon sehr vielversprechend aus!

LG Michael
Herr, schmeiss Hirn vom Himmel - Du da drüben, Fang auf! unbekannt
Eselsohr.at Bibliothek mit über 10000 Ebooks Klassikern und Raritäten. Sammlung enthält Volltextausgaben und Faksimile-Exemplare. Teilweise nicht mehr erhältlich.
Benutzeravatar
HabNurNeFrage
Ehemaliges Teammitglied
Beiträge: 1627
Registriert: 17.01.2010 20:22
Wohnort: An der Ostsee
Kontaktdaten:

Re: JS Overlay Navigationsleiste funktioniert nicht in Threa

Beitrag 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
| HomeStory.org - the friendly Community | Forum für alle Lebenslagen | <"}))}~ | Nicht nachmachen: Meine phpBB Spielereien |
var shoppen = geld.replace (/geld/g, 'bloedsinn'); if (geld < 1) { return home; };
Benutzeravatar
EselsOhr
Mitglied
Beiträge: 7
Registriert: 05.06.2014 01:26

Re: JS Overlay Navigationsleiste funktioniert nicht in Threa

Beitrag 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
Herr, schmeiss Hirn vom Himmel - Du da drüben, Fang auf! unbekannt
Eselsohr.at Bibliothek mit über 10000 Ebooks Klassikern und Raritäten. Sammlung enthält Volltextausgaben und Faksimile-Exemplare. Teilweise nicht mehr erhältlich.
Antworten

Zurück zu „[3.0.x] Administration, Benutzung und Betrieb“