On Click, Kurz- zu Langbeschreibung

Ollowain · 24. Februar 2008, 12:03

Hi,
ich habe ein Problem mit Java Script. Und zwar möchte ich einen Text, den ich mit PHP auf die ersten 150 Zeichen "abgeschnitten" habe, ganz anzeigen lassen wenn man auf den richtigen Button klickt.

Quellcode

<p onclick=\"document.getElementById('txt_".$row['ID']."').firstChild.data='Dies ist die lange Beschreibung...
Schließen'\">Alles anzeigen

Wie ihr seht möchte ich, dass das "Schließen" erst angezeigt wird nachdem man sich hat "Alles anzeigen" lassen.. Doch irgendwie wird der HTML Code im Java Script Teil nicht richtig interpretiert

Was mache ich falsch?

MfG

Torben Brodt · 24. Februar 2008, 12:37

kurz zu lang:

Quellcode

kurz</a>

Ollowain · 24. Februar 2008, 12:53

Ok, Danke =) Soweit war ich ja fast auch schon

Aber wie mache ich es jetzt, dass wieder die kurze Beschreibung kommt wenn ich das Feld verlasse, bzw noch einmal klicke?

MfG

Torben Brodt · 24. Februar 2008, 13:02

dazu merkst du dir den kurztext in einem Attribut:

Quellcode

<script type="text/javascript">
function kurzlang(ob, text) {
if(ob.lang == 1) {
ob.lang = 0;
ob.firstChild.data = ob.toggle;
} else {
ob.lang = 1;
ob.toggle = ob.firstChild.data;
ob.firstChild.data = text;
}
}
</script>
kurz</a>

Alles anzeigen

Ollowain · 26. Februar 2008, 17:16

Ok, funktioniert super

Aber sogleich kommt das nächste Problem auf: Wenn ich das zweite Attribut der kurzlang Funktion mit einem String aus meiner MySQL Datenbank füttere der Anführungszeichen -"- enthält, funktioniert das ganze nichtmehr

Wie kann ich also die Anführungszeichen für JavaScript so escapen, dass es es als String ansieht? addslashes habe ich schon ausprobiert..

Quellcode

echo " ".substr($row['Beschreibung'],0,105)."\n";

z.B.

Quellcode

$row['Beschreibung'] =
"Keine Beschreibung vorhanden"

MfG

Torben Brodt · 26. Februar 2008, 17:50

mit [phpdoc]addslashes[/phpdoc]

Ollowain · 26. Februar 2008, 18:38

Genau das funktioniert ja nicht wie ich geschrieben habe

Irgendwie funktioniert der Backslash als Escapezeichen für JavaScript nicht

MfG

Torben Brodt · 26. Februar 2008, 19:58

dann poste mal was mit Einsatz von addslashes geparst wird.

Hafner · 26. Februar 2008, 20:04

Zeige mal den relevanten HTML-Code, der dir von PHP generiert wird. Das ist in diesem Fall aussagekräftiger, da der String hier schon eingefügt wurde.

Ollowain · 26. Februar 2008, 21:48

Quellcode

echo " ".substr($row['Beschreibung'],0,105)."\n";

--->

Quellcode

"Ich habe nun einmal einen sehr schönen Texteffekt gemacht. Ich habe Ihm einen englischen Namen gegeben d

Genau das kommt dabei raus...Und das rote wird bei mir auch im Firefox angezeigt wenn ich mir den Quelltext ausgeben lasse...

MfG

Torben Brodt · 27. Februar 2008, 13:17

Mach die PHP Funktion mal raus, dann wirst du feststellen, dass der Code immernoch falsch ist.
...onclick='kurzlang(this, '')'...

Ollowain · 27. Februar 2008, 14:58

Das funktioniert leider nicht... Ich hab jetzt mal manuell was eingegeben und es kommt folgendes raus:

Quellcode

onclick="kurzlang(this, '"balbla"')">

bei folgendem PHP Code:

Quellcode

echo ..."onclick=\"kurzlang(this, '\"balbla\"')\">";

Torben Brodt · 27. Februar 2008, 17:19

d0nut schrieb:

...onclick='kurzlang(this, '')'...

Das sollte nur zeigen wie es nicht geht. Die Anführungszeichen darfst du nicht doppelt verwenden. Wenn doch musst du sie auch escapen.

Hafner · 27. Februar 2008, 18:46

Probier mal das:
(ungetestet)

Quellcode

echo "".substr($row['Beschreibung'],0,105)."\n";

Ollowain · 27. Februar 2008, 19:56

Hafner schrieb:

Probier mal das:
(ungetestet)

Quellcode

echo "".substr($row['Beschreibung'],0,105)."\n";

Klappt auch nicht

Ich bin langsam am Verzweifeln.. Ich habe mal ein bisschen gegooglet und anscheinend verträgt JavaScript in dieser Form einfach keine Anführungszeichen + Escapezeichen... Gibt es noch eine andere Möglichkeit wie mir geholfen werden kann??

MfG

Torben Brodt · 27. Februar 2008, 20:15

ich denke mal so wird es funktionieren:
echo " "...
echo " "...

Ollowain · 27. Februar 2008, 20:44

Fast

Jetzt gibt Firefox diesen Quelltext aus:



Jetzt sind nurnoch Klammer und letztes Anführungszeichen rot... Bald haben wir es

MfG

Torben Brodt · 28. Februar 2008, 10:19

echo " "...

Schusselfehler

Schaus dir nochmal an. Wie das mit den einfachen und doppelten Anführungszeichen funktioniert, sollte man sich merken.

Ollowain · 28. Februar 2008, 14:50

Ok, suuper

Das mit dem onclick funktioniert jetzt *freu*
Nur sofort taucht das nächste Problem auf

Im Quelltext wird alles richtig dargestellt, allerdings erscheint im Browser folgendes:

Quellcode

%22Netter%20Texteffekt%2C%20.....

Irgendwie werden alle Sonderzeichen mit diesem Code dargestellt

Woran liegt das nun wieder?

Gruß

Ollo

Torben Brodt · 28. Februar 2008, 16:40

Ollowain schrieb:

Im Quelltext wird alles richtig dargestellt

dann poste den Quelltext mal. In Posting 4 sind auch Leerzeichen dabei und die Version funktioniert.

On Click, Kurz- zu Langbeschreibung

On Click, Kurz- zu Langbeschreibung

Quellcode

Quellcode

Quellcode

Quellcode

Quellcode

Quellcode

Quellcode

Quellcode

Quellcode

d0nut schrieb:

Quellcode

Hafner schrieb:

Quellcode

Quellcode

Ollowain schrieb:

Teilen

Tags