Problem bei onclick

Anacondi

Erfahrenes Mitglied
hallo.
ich schreib erst mal den Code, den ich habe und dann das Problem:

Code:
 <?php 
      $bild1 = "<img src='01start.gif' width='389' height='497' border='0' />";
      $bild1_knast = "<img src=01knast.gif' width='389' height='497' border='0' />";
?>

Code:
<script type="text/javascript" charset="UTF-8">
//<!--
function ChangeText(NewText)
   {
           document.getElementById('Textausgabe').innerHTML=NewText;
   }
  //-->
</script>

Code:
 <div id="Textausgabe" style="text-align:center; height:389px;color:#fefcfb"><?php echo $bild1; ?></div>

<img src="background_20.jpg" width="130" height="135" alt="" style="cursor:pointer"; onclick="ChangeText('<?php echo $bild1_knast; ?>')">

Ich habe den Code verkürzt dargestellt.
Also beim start der page wird bild1 im Div angezeigt, aber bei onclick wechelt er nicht zum bild1_knast.

Ich habe anstatt bilder bei $bild1 und $bild1_knast mal text eingegeben, der wird beim klick auf onclick gewechselt.

Lönnt ihr mr helfenß
ich komme nicht weiter, so das die bilder wechseln.
 
ist nicht aus dritter Hand, sondern aus meiner seite....
aber es wird docht als textwechsel genutzt.
und ich dachte könnte es so auch als bild wechsel nutzen
 
ist nicht aus dritter Hand, sondern aus meiner seite....
aber es wird docht als textwechsel genutzt.
und ich dachte könnte es so auch als bild wechsel nutzen
Na denn... wenn Du dafür kein typisches Script -mit der Funktion ChangeImage() :D- anlegen/einsetzen willst, hier die Lösung für das Problem:
PHP:
$bild1 = "<img src='01start.gif' width='389' height='497' border='0' />";
$bild1_knast = "<img src=\'01knast.gif\' width=\'389\' height=\'497\' border=\'0\' />";
Die Maskierung dieser Anführungszeichen gilt grundsätzlich in JS (ohne PHP):
HTML:
 onclick="ChangeText('<img src=\'01knast.gif\' width=\'389\' height=\'497\' border=\'0\' />')"
In Deinem PHP-Script fehlt zudem für diese Bildquelle das öffnende Anführungszeichen im src-Attribut.

Und
HTML:
style="cursor:pointer";
gehört entweder so
HTML:
style="cursor:pointer;"
oder so
HTML:
style="cursor:pointer" <!-- weil einzige / letzte CSS-Regel -->

[edit]Tipp-Ex[/edit]
 
Zuletzt bearbeitet:
Zurück