Tinymce und popupeinstellungen

meta02 · Beitrag von **meta02** » So 26. Feb 2006, 21:08

Liebste Gemeinde,

ich stoße mal wieder an Grenzen.

Folgendes Problem:

Ich habe ganz normale Bilder als thumbnails in einem Text-HTML-Container.

Ich verlinke diese Thumbnails im Tinymce mit einem Popup.
Das tue ich folgendermassen:

1. Ich markiere das Bild
2. Ich wähle Link einfügen/bearbeiten
3. Ich wähle Datei in neuem Fenster öffnen
4. Ich wechsle auf den Reiter Popup
5. Ich aktiviere JavaScript-Popup
5. Ich tätige dort die Einstellungen bezgl. popup-URL, Grösse und Positionierung
6. Ich lasse die Optionen alle deaktiviert und bestätige das Ganze mit Aktualisieren
7. Ich speichere im Tiny die gemachten Änderungen.
8. Alles wunderbar bis hierhin funzt es!

Jetzt wird es spannend:-)

Jetzt möchte ich gerne noch unter Link einfügen/bearbeiten -> Events, wo die Zeile onclick als einzige ausgefüllt erscheint, was nachtragen, nämlich ein onmouseover-event und ein onmouseout-event.

Das tue ich auch.

Ich sage wieder aktualisieren und speichere im tiny.

Allerdings übernimmt der editor die nachträglich gemachten Einstellungen nicht.

Wenn ich den Editor wieder öffne und unter Link einfügen/bearbeiten -> Events nachsehe, ist als einziges wieder nur die Zeile onclick gefüllt, meine nachträglichen Eintragungen sind weg.

Blöd

Kann jemand das nachvollziehen und hat vielleicht jemand eine Idee.

Beste Grüsse und Besten Dank im Voraus

meta02

PS: contenido 4.6.4 mit diversen bugfixes von dodger77 und anderen, bei bluewin.ch gehostet, die die Systemanforderungen erfüllen.

Browser: MSIE 6, SP 2 und Firefox 1.5 (aktuelle Versionen)

peanut · Beitrag von **peanut** » Di 28. Feb 2006, 10:50

also du willst quasi ein rollover effekt des bildes incl. pop up onclick ?

meta02 · Beitrag von **meta02** » Di 28. Feb 2006, 11:40

peanut hat geschrieben:also du willst quasi ein rollover effekt des bildes incl. pop up onclick ?

Ganz genau und dabei handelt es sich nicht um einen normalen rollover effekt, der nur das Bild austauscht sondern um eine showhidelayer funktion in Javascript, die das Bild stehen lässt und bei onmouseover unter dem Bild eine Textzeile einblenden soll.

Der Text steht quasi schon da in einem unsichtbaren layer unter dem Bild, die JavaScript-Funktion im Quelltext des Layouts aber wo, wenn nicht im tiny-> Linkeinstellungen spreche ich die an?

meta02

peanut · Beitrag von **peanut** » Di 28. Feb 2006, 12:24

puhh ... das kann ich dir leider auch nicht sagen ... ich denke da musst du schon von Hand das Java Script anpassen.

Generell gesehen aber ist Text und Bild in Java nicht Suchmaschinenfreundlich .....

meta02 · Beitrag von **meta02** » Di 28. Feb 2006, 12:43

Any other suggestions?

meta02

kloevekorn · Beitrag von **kloevekorn** » Di 28. Feb 2006, 13:06

meta02 hat geschrieben:Any other suggestions?

meta02

JavaScript vergessen und das vielleicht mit CSS machen...

in etwa so:

Code: Alles auswählen

<html><head>
<style type="text/css">
<!--
div.rollovereffekt p {margin-left:-500em;}
div.rollovereffekt:hover p {margin:0;}

-->
</style>
</head><body>
<div class="rollovereffekt"><img src="bild-deiner-wahl"/><p>unsichtbar?</p></div>

</body></html>

IE nicht getestet (könnte sein, dass dieses inkompatible Ding hovers nur bei Links kann)

Aber einen Versuch ists Wert.

meta02 · Beitrag von **meta02** » Mi 1. Mär 2006, 14:40

Das bringt mich alles nicht wirklich weiter. Der code klappt so auf jeden Fall nicht und ist auch eher eine Notlösung.

Ich dachte auch, dass der parameter hover ausschließlich für das <a>-tag reserviert ist und in kombination mit p keinen Sinn macht, oder?

Wie auch immer möchte ich die genialen Möglichkeiten von tinymce voll ausschöpfen und habe ja oben bereits beschrieben, was nicht funktioniert.

Wofür die vielen schönen Link-Einstellungen ->events, wenn der code, den ich dort eintrage nicht mit in den Link generiert wird?

Nochmal am Quellcode erklärt:

Statisch funktioniert folgendes einwandfrei:

Code: Alles auswählen

<html>
<head>
<title>visibility</title>
<script type="text/javascript">
function show () {
  if (document.getElementById)
    document.getElementById("Ueberschrift").style.visibility = "visible";
}

function hide () {
  if (document.getElementById)
    document.getElementById("Ueberschrift").style.visibility = "hidden";
}

</script>
</head>
<body> 
<p><a href="http://www.google.de" onmouseover="javascript:show()" onmouseout="javascript:hide()"><img src="html/images/image.jpg" width="94" height="88" border="0"></a></p> 
<p id="Ueberschrift" style="visibility:hidden">Die Textzeile Bildbeschreibung</p> 
</body>
</html>

Es geht auch ohne das Bild (habt ihr ja nicht) mit dem Leerbild.

Jetzt baue ich die beiden JavaScript-Funktionen function.show() und function.hide(), so wie sie da stehen in mein Layout fest ein.

Im tinymce generiere ich einen Link auf ein popup, wie im Beitrag oben beschrieben.

Jetzt freue ich mich, dass das so genial funktioniert und will nur noch in den Linkeinstellungen unter events bei onmouseover und onmouseout
die beiden Funktionen eintragen.

Das tue ich auch. gehe in der HTML-Ansicht auf aktualisieren und bestätige im tinymce mit speichern.

tiny ignoriert meine Angaben und spuckt wieder denselben Link aus, wie vorher. Wenn ich erneut das Bild markiere und in die Linkeinstellungen unter events wechsle, sind die beiden Felder bei onmouseover und onmouseout wieder leer.

Wäre schön, wenn das jemand mal versuchen könnte zu reproduzieren und noch schöner wenn mir ein tinycrack das Funktionieren der event-einstellungen mal auseinandersetzen könnte.

Muss ich in den Einstellungen für den tiny noch was ändern? Ich benutze derzeit die default-werte.

Tausend Dank im Voraus

meta02

Beitrag von **Dodger77** » Mi 1. Mär 2006, 14:46

meta02 hat geschrieben:Muss ich in den Einstellungen für den tiny noch was ändern? Ich benutze derzeit die default-werte.

Hast du es mal im TinyMCE-Forum probiert? Die Frage erscheint mir jetzt halt auch weniger contenidospezifisch, so dass du dort vielleicht eher jemanden findest, der etwas ähnliches bereits umgesetzt hat.

Die üblichen Einstellungen hast du aber bereits getestet?

kloevekorn · Beitrag von **kloevekorn** » Mi 1. Mär 2006, 20:23

meta02 hat geschrieben:Das bringt mich alles nicht wirklich weiter. Der code klappt so auf jeden Fall nicht und ist auch eher eine Notlösung.

Ich dachte auch, dass der parameter hover ausschließlich für das <a>-tag reserviert ist und in kombination mit p keinen Sinn macht, oder?

Wie auch immer möchte ich die genialen Möglichkeiten von tinymce voll ausschöpfen und habe ja oben bereits beschrieben, was nicht funktioniert.

Wofür die vielen schönen Link-Einstellungen ->events, wenn der code, den ich dort eintrage nicht mit in den Link generiert wird?

[snip]

meta02

Ganz klar, der tiny soll schon so funktionieren, wie man es sich wünscht und es wird ne Lösung geben - kann ich dir aber nicht bei helfen.

Aber deine Ansicht "CSS sei die Notlösung" ist falsch. CSS ist nicht die Notlösung, sondern die Standard-Lösung. JavaScript ist für deinen Effekt nicht nötig, schließt mehr Leute aus, als die CSS-Version und braucht mehr Code!

Wieso klappt der Code nicht? Bei dir im IE vielleicht nicht. Versuch einen kompatiblen Browser.

was das a-tag und hover angeht: _alle_ -Elemente sind nach w3c-spezifikation hover-tauglich, also standardgemäß! Das Problem ist der IE, der auch hier sein Sondersüppchen kocht. Mit ein bisschen experimentieren würdest du auch eine Lösung finden, die das a-tag hovert und also IE-tauglich ist.