Login

Gobee129 · 14.03.2014, 16:42

Moin Moin,

ich versuche momentan, ein Logo unter meinem Header zu platzieren, das von der thread id abhängt, mit anderen Worten: Ich möchte ein Logo über ausgewählten/bestimmten Threads.

Ich habe eine simple Zeile unter die Header Variable in meinem Showthread Template eingesetzt:

Code:
{$header}

<center><img src="images/fanclub/{$thread['tid']}.png"></center>

Dieses Prinzip funktioniert zwar, allerdings fügt es über JEDEM Thread ein Logo hinzu, und ich möchte eben nur bei bestimmten/ausgewählten threads ein Logo hinzufügen.

Und da mein Forum über 1.000 threads hat, möchte ich nich 1000 "unsichtbare" logos erstellen^^

Deshalb wollte ich eine if-Abfrage implementieren:

Code:
<script type="text/javascript">

function logo () {var thread = "{$thread['tid']}"; var bild = "0";

    if (thread == 3) {bild = "logo";  }

}

</script>

...

<body onload="logo()">

{$header}

<center><img src="images/fanclub/{$bild}.png"></center>

Um mal auszuprobieren, ob ich es hinbekomme, dass der Thread mit der id=3 das gewünschte Logo erhält, während alle anderen Threads ein unsichtbares Logo bekommen.

Leider sind meine Programmierfähigkeiten (wie ihr wahrscheinlich an dem Code erkannt habt), alles andere als wirkliche Fähigkeiten.^^

Deshalb brauch ich schnell mal eure Hilfe. Was habe ich in der script function logo falsch gemacht, und wie muss ich es ändern?

Vielen Dank Smile

MrBrechreiz · 14.03.2014, 19:41

Falls Du dieses Plugin verwendest, kannst Du dies so machen.

In dein showthread Temüplate unter

Code:
{$header}

dies einfügen

Code:
<if $thread['tid'] == 'xx' then>

<center><img src="images/deinBild.png" alt="" /></center>

</if>

Gobee129 · 14.03.2014, 19:54

Um ehrlich zu sein, würde ich ungern ein plugin dafür installieren Wink

Es geht mit Sicherheit auch über das template, auch wenn das dann um einiges komplizierter wird wie es scheint.

MrBrechreiz · 14.03.2014, 19:58

Ja, aber mit jscript würde ich es dennoch nicht machen, da viele User dies deaktiviert oder unterdrücken in ihrem Browser.

Gobee129 · Beiträge: 104 Themen: 23 Registriert seit: 20.12.2013 MyBB-Version: 1.6

(14.03.2014, 19:58)MrBrechreiz schrieb: Ja, aber mit jscript würde ich es dennoch nicht machen, da viele User dies deaktiviert oder unterdrücken in ihrem Browser.

Ich habe meinen JS code geändert, und jetzt funktioniert es.

Allerdings bist du nicht der einzige, de rmir conditional templates empfohlen hat. Meine Frage: Ist die Lösung über JS denn irendwie riskant oder hat große Nachteile, neben dem bereits genannten?

modercol · (Dieser Beitrag wurde zuletzt bearbeitet: 15.03.2014, 00:44 von modercol.)

Ich sehe das nicht so kritisch mit deaktiviertem JS. Ein großteil der heutigen Seiten werden mit jQuery und Bootstrap erstellt. Ohne JS geht da gar nichts, da wird ganz schnell aus einer (wie man so schön sagt) "Rich Webapplication" (= Modals, Dialoge, Dropdowns, Suche-Autovervollständigung, etc pp), etwas was nur noch rudimentär benutzt werden kann, weil man einfach JS braucht, um bestimmte Funktionalitäten anbieten zu können.
Im MyBB würden auch einige Funktionen nicht benutzbar sein, wie z.B. der Beitragseditor (die Buttons), mit MyBB 1.8 wird auch jQuery eingesetzt.

Dein Code bringt keine Nachteile und birgt keine Sicherheitslücken, da du nicht mit Benutzereingaben umgehen musst.

Hier ist eine verbesserte Version:

Code:
<script type="text/javascript">

function logo () {

    var threadIdsWithImages = [12, 45, 78];

    if (threadIdsWithImages.indexOf({$thread['tid']}) != -1) {

        document.getElementById('threadImageContainer').innerHTML = '<img src="images/fanclub/threadimage-{$thread['tid']}.png">';

    }

}

</script>

 ...

 <body onload="logo()">

 {$header}

 <div id="threadImageContainer" style="text-align: center;"></div>

Gobee129 · 15.03.2014, 02:24

Okay danke dir Smile

Ich habe diesen Code benutzt:

Code:
<script type="text/javascript">

document.observe('dom:loaded', function(){

   var l_tidimg = document.getElementById('ImageBasedOnTid');

   var l_tid = {$thread['tid']};

   if(l_tid == 1469)

   l_tidimg.src = "images/fanclub/minato fc.png";

});

</script>

...

 <center><img id="ImageBasedOnTid" src="images/fanclub/0.png" alt="" /></center></br>

Login
Benutzername:
Passwort:	Passwort vergessen?
	Merken

Möglicherweise verwandte Themen…
Thema		Verfasser	Antworten	Ansichten	Letzter Beitrag
	Forum Logo fest machen, bzw das man das Logo nicht Kopieren oder klauen kann?=/	BattlieldAD	44	14.844	07.06.2014, 15:07 Letzter Beitrag: MrBrechreiz
	Logo links + Logo rechts	press	45	19.830	28.01.2014, 15:49 Letzter Beitrag: MrBrechreiz
	[Erledigt]Logo NAVIGATION Logo	Jan	4	3.508	01.04.2006, 07:37 Letzter Beitrag: Jan