Spoiler Tag defekt

Tanelorn-Treffen

Erweiterte Suche

[Server-Spenden]

IMPRESSUM

Datenschutz

Hausordnung

FAQ

Die Redaktion

Support

Server-Spenden

Spieler-Börse

Webcomics

A R C H I V

Tanelorn-SHOP

G A L E R I E Neueste Bilder Neueste Kommentare

QUiK-E-NAV

Anduin

Autorenkombinat

BARBAREN!

D.O.R.P.

Fantasy Herold

Audiohelden

Unknown Armies

Das Weltenbuch

Zunftblatt

[Partner werden?]

Agone

Celtic Circle e.V.

DARC

DayToon? DAILOR!

Drachenzwinge

Dreieich-Con

fadingsuns.de

Gothic Castle

Gothic Gilde

Helden.de

Lausch

Limbus Spiele

Manticor-Verlag

Mephisto - Phantastische Spiele

MMORPG Radio

NexoZine

Nightshade

Prometheus Games

RedBrick Germany

Rollenspiel-Almanach

Rollenspiel-News

RPG-Radio

RSP-Blogs

Sphärenmeisters Spiele

Spielerzentrale

Uhrwerk Verlag

Zunftblatt

Partner werden?

[Dein Blog hier?]

1of3´s	?
1W6	?
3W20	?
8t88s Blog	?
Abenteuerblog	?
Ace of Dice	?
Adrians Abyss	?
Also schrieb Drudenfusz	?
Astropia	?
Basteltisch	?
blog.demiurge.eu	?
Boni spielt...	?
Chaos am Spieltisch	?
Chaotic Life	?
Clawdeen spielt	?
Crujachs Blog	?
Cyperpunk2020	?
Des Spielers Chronik	?
DORP-Blog	?
Edalon – Rollenspiele	?
Engelsgleich	?
Fangos Diary	?
FateRPG	?
Felis RPG	?
Golarions Chronisten	?
Greifenklaues Blog	?
Hendriks BLog	?
Hörspielschmiede	?
Infernal Teddy	?
JensBlog	?
KrAutism	?
Lecker ThAC0!	?
legi intellexi condemnavi	?
Malmsturm	?
Maniac Drachenhort	?
Mondbuchstaben	?
Nebelland	?
Nooria RPG	?
Omnia exeunt in mysterium	?
Papierwelten	?
Phantagrafie	?
Pi halbes Heim	?
Pixel Utopia	?
Pointtransit	?
Porta Stellaris	?
RSP-Blogs.de	?
SF&F Rezensionen	?
SirDooms bad company	?
Spielfetzen	?
spielleiten	?
storiesandcharacters	?
Svens Wortschmiede	?
Taysals Abenteuerland	?
Teilzeithelden	?
Tequilas Welt	?
Teylen	?
The Cutting Edge	?
The Great RPG Swindle	?
The Heroic East	?
The Soulsnatcher	?
Threefold Gaming Exercises	?
Timbers Diaries	?
Tobias Niemitz	?
TPK	?
Transmission	?
Verlorene Länder	?
Von der Seifenkiste herab..	?
Wilde Lande	?
Wolkentage	?
Wuerfelheld	?
Würfel, Macht und Gladiatorenspiele	?
Zettelhelden	?

Dein Blog hier?

[8t88]

Beispiel hier:

http://tanelorn.net/index.php/topic,64799.msg1265967.html#msg1265967

Sobald ein Zitat in einem Spoilertag enthalten ist, ist der Text nur noch in 2 Zeilen zu lesen, und man muss in einem winzigem Fenster scrollen.
vllt ist der Fehler (bei mir unter Google Chrome) schon bekannt?

[Wawoozle]

vllt ist der Fehler (bei mir unter Google Chrome) schon bekannt?

Unter Firefox sieht das gut aus.

[Tantalos]

Opera auch

[Teylen]

IE hat auch kein Problem..

[ash70]

Das Problem kenne ich auf von Chrome. Wenn ich mir den Quelltext angucke, dann sieht das Element folgendermaßen aus:

<div class="post" style="height: 36px">
  <div class="spoiler">
  ...
  </div>
</div>

Von daher würde ich sagen, dass Chrome das wie gefordert darstellt...

[Tantalos]

Das Problem kenne ich auf von Chrome. Wenn ich mir den Quelltext angucke, dann sieht das Element folgendermaßen aus:

<div class="post" style="height: 36px">
  <div class="spoiler">
  ...
  </div>
</div>

Von daher würde ich sagen, dass Chrome das wie gefordert darstellt...

Also bei mir ist das nicht so. Find ich auch ganz gut, denn das ist um jedes Post drum, und ich glaube jedes post auf 36px.... das wären bei meiner Auflösung keine zwei Zeilen 

[oliof]

Das Problem tritt nur auf, wenn ein Beitrag *nur* aus einem Spoilertag und sonst nix besteht. Es betrifft alle WebKit-basierten browser, also auch Safari/Safari mobile und andere.

[Tantalos]

[oliof]

Genau.

[Tantalos]

Ok, ist blöd.
Das Opera App machts aber

[Dr. Jan Itor]

Dann schreiben halt alle brav etwas Erklärendes zu ihren Spoilern dazu (sollte man ja eigentlich eh immer tun) und das Problem ist gelöst. 

[Bad Horse]

Bei meinem Firefox funzt der Spoilerbutton eh nicht. Er steht da, aber nur als "spoiler"-Text und nicht als Icon, und wenn ich mit dem Mauszeiger drüberfahre, flimmert er lustig.

[Selganor]

SpoilerBUTTON heisst deswegen so weil man draufklicken muss

[Bad Horse]

Ha-ha. Genau, auf die Idee wäre ich ja nie gekommen.

Teilweise kriege ich dann als Ergebnis die Liste, und teilweise gar nichts. Und wie gesagt: Ich sehe keinen Button, sondern nur den Text "spoiler".

[Selganor]

Ach du meinst den Kopf bei der Antwort?
Sorry, an den habe ich nicht gedacht, den sehe ich fast nie, da ich so Tags immer selbst tippe (und meistens sowieso nur die Schnellantwort benutze)

[ash70]

So, ich habe jetzt herausgefunden was das Problem ist - auch wenn mir nicht klar ist, warum das offenbar nur bei Webkit Browsern ein Problem ist:

Am Ende der Seite gibt es ein Javascript mit der Funktion smf_codeFix, die beim Laden der Seite ausgeführt wird. Diese Funktion nimmt sich alle <div> Elemente, bei denen als class code, post oder signature gesetzt ist und überprüft ob sie mindestens 20px hoch sind. Wenn das nicht der Fall ist fügt die Funktion dem <div> Element das Attribut style="height: 36px;" hinzu. Gemacht wurde das ganze, weil es wohl Browser gibt (oder zumindest gab), die das <div> Element u.U. zu klein dargestellt haben. Mit dieser Funktion ist dann sichergestellt, das diese <div> Elemente immer mindestens 36px hoch sind. Im Falle eines Spoilers ist das aber eher schlecht, weil das übergeordnete <div> Element dann nämlich immer genau 36px hoch ist.

@Wawoozle:
Könnt Ihr das Seitentemplate bearbeiten? Die einfachste Lösung besteht nämlich darin, in dem Skript die Zeile

Code:

 codeFix[i].style.height = (codeFix[i].offsetHeight + 20) + "px";

durch

Code:

 codeFix[i].style.minHeight = (codeFix[i].offsetHeight + 20) + "px";

zu ersetzen. Damit funktioniert das Spoiler Tag dann auch mit Chrome und der eigentliche Sinn der Funktion (eine mindest Höhe sicherzustellen) wäre immer noch erfüllt.



Edit: Fehler korrigiert (style.minHeight statt style.min-height)

[Bad Horse]

Komisch, wenn der Spoiler das Erste ist, das ich schreibe, dann geht es trotz Gewackel.
Wie es scheint, muss ich bei dem Geflimmer nur zum richtigen Zeitpunkt hinklicken, dann klappt´s.  

[Ein]

Vielleicht mal FF neu installieren?

[Wawoozle]

@Wawoozle:
Könnt Ihr das Seitentemplate bearbeiten? Die einfachste Lösung besteht nämlich darin, in dem Skript die Zeile

Code:

  codeFix[i].style.height = (codeFix[i].offsetHeight + 20) + "px";

durch

Code:

  codeFix[i].style.minHeight = (codeFix[i].offsetHeight + 20) + "px";

zu ersetzen. Damit funktioniert das Spoiler Tag dann auch mit Chrome und der eigentliche Sinn der Funktion (eine mindest Höhe sicherzustellen) wäre immer noch erfüllt.

Ist gemacht, könntet ihr nochmal testen ob es nun funktioniert ?

[ash70]

Ist gemacht, könntet ihr nochmal testen ob es nun funktioniert ?

Vielen Dank, klappt hervorragend!

 

[Wawoozle]

Gern...

Danke für deine Hilfe

[Tantalos]

minHeight wird aber vom IE nicht unterstützt, oder?

[Wawoozle]

minHeight wird aber vom IE nicht unterstützt, oder?

Ab 7 schon.
Aber wer noch nen 6er benutzt dem ist eh nicht zu helfen.

[Master Li]

Aber wer noch nen 6er benutzt dem ist eh nicht zu helfen.

Ich finde schon, dass Ihr auch auf Nischenbrowser Rücksicht nehmen solltet 

[8t88]

Supreme!

Danke Wawoozle!

[Wawoozle]

Danke Wawoozle!

Da musst Du dich bei Tarian bedanken

[8t88]

Danke Tarian!

[ash70]

Kann es sein, dass die Änderung durch irgendein Update wieder verschütt gegangen  ist? Das Problem besteht nämlich wieder (habe ich gerade hier gesehen).

Edit: Zur schnellen Selbsthilfe verwende ich jetzt das folgende Greasmonkey Skript (getestet mit Chrome, sollte aber auch mit FF funktionieren):

// ==UserScript==
// @name            Fix Spoiler Tag
// @include         http://tanelorn.net/*
// ==/UserScript==

function undo_code_fix() {
  var posts = document.evaluate("//descendant::div[@class='post']", document, null, XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE, null)
  for (var i = 0; i < posts.snapshotLength; ++i) {
    if (posts.snapshotItem(i).style.height="36px") {
      posts.snapshotItem(i).style.height=""
      console.log(posts.snapshotItem(i))
    }
  }
}
window.addEventListener("load", undo_code_fix, false)
undo_code_fix()

Einfach als tanelorn.user.js speichern und mit Chrome öffnen und installieren dann funktioniert auch das Spoiler Tag.

Edit: Skript korrigiert (zusätzlicher Aufruf von undo_code_fix() am Ende)

[Bad Horse]

Ich hab das Problem grad auch, da ich von Firefox auf Chrome umgestiegen bin. 

[8t88]

Kann es sein, dass die Änderung durch irgendein Update wieder verschütt gegangen  ist? Das Problem besteht nämlich wieder (habe ich gerade hier gesehen).

Edit: Zur schnellen Selbsthilfe verwende ich jetzt das folgende Greasmonkey Skript (getestet mit Chrome, sollte aber auch mit FF funktionieren):

Einfach als tanelorn.user.js speichern und mit Chrome öffnen und installieren dann funktioniert auch das Spoiler Tag.

Supreme!

[Bad Horse]

...und jetzt noch mal für mich n00b: Wo soll ich das Skript speichern? 

[ash70]

Bei Chrome ist das eigentlich ganz einfach: Speichere das Skript irgendwo und ziehe es dann per Drag & Drop auf das Chrome Fenster. Chrome erkennt das Skript als Erweiterung und fragt nach ob er es installieren soll. Wenn Du dem zustimmst wird das ganze installiert und danach kannst Du die Datei auch wieder löschen.

Ich habe allerdings inzwischen festgestellt, dass das Skript nicht ganz zuverlässig funktioniert. Mir ist noch nicht so ganz klar warum, aber mal gehts, mal nicht. Werde ich noch mal anpassen müssen.

[Ranor]

Ich benutze Chrome und bei mir funktioniert das Script auf dem von dir verlinkten Beispiel nicht.

[8t88]

Ich benutze Chrome und bei mir funktioniert das Script auf dem von dir verlinkten Beispiel nicht.

bei mir klappts mit chrome...
Nach scriptinstallation, einmal browser abschalten (also alles Prozesse von Chrome platt machen).
Dann ging es bei mir.

[Ranor]

Nö, klappt nicht. Auch ein Systemneustart hat daran nichts geändert.

[ash70]

Nö, klappt nicht. Auch ein Systemneustart hat daran nichts geändert.

Ich habe allerdings inzwischen festgestellt, dass das Skript nicht ganz zuverlässig funktioniert. Mir ist noch nicht so ganz klar warum, aber mal gehts, mal nicht. Werde ich noch mal anpassen müssen.

Soweit ich das momentan überblicke hängt das damit zusammen in welcher Reinfolge die verschiedenen Skripte ausgeführt werden. An dem Tag an dem ich das Skript geschrieben habe hat das ganze bei mir auch funktioniert, einen Tag später nicht mehr und heute geht es wieder. Ich kümmer mich noch darum, allerdings werde ich wahrscheinlich erst am Mittwoch dazu kommen. Bis dahin bitte ich um Geduld.

[Ranor]

Ich kümmer mich noch darum, allerdings werde ich wahrscheinlich erst am Mittwoch dazu kommen. Bis dahin bitte ich um Geduld.

Klar, bloß keine Hektik. Ich freue mich, dass sich überhaupt jemand drum kümmert 

[ash70]

War dann doch viel einfacher als gedacht (obwohl ich den Verdacht habe, dass das irgendwie noch eleganter gehen muss). Das Skript habe ich im Beitrag oben korrigiert, alternativ könnt Ihr euch das auch über Dropbox laden. Keine Ahnung wie das bei Firefox ist, aber Chrome erkennt das dann gleich als Erweiterung und Ihr könnt es sofort installieren ohne lästiges speichern.

Und das ist auch ganz bestimmt genau das Skript, das ich oben gepostet habe. Ihr könnt das also völlig bedenkenlos installieren ohne befürchten zu müssen, dass ich da irgendeinen Trojaner mit eingebaut habe   

[Ranor]

Funktioniert!

Besten Dank! 

[Bad Horse]

Super, Tarian. Vielen Dank!

[Wawoozle]

Die Änderungen sollten nun wieder im Code drin sein.
Das dauert nur immer ein wenig weil wir, gefühlt, 1 Bazillion unterschiedliche Themes haben und das in jedem einzelnen Theme separat eingepflegt werden muss