In einer css Datei mit javascript schreiben

[geRt]

Ich habe eine vorgegebene CSS-Datei. In ihr ist, ein Backgroundimage festgelegt. Meine Aufgabe lautet, das wenn man dieses Bild anklickt, sich ein neues Fenster öffnet, in dem es wieder erscheint.

kann ich das in der CSS-Datei lösen?

MFG

[Christian Wansart]

Hallo Gert,

in CSS kann man keine Targets angeben. Du kannst es aber doch mit HTML 4.01 Transitional lösen, dann funktioniert das target-Attribut auch im a-Tag.
Die für dich einfachere Methode ist aber sicherlich mit JavaScript:

  
<!-- head -->  
<script type="text/javascript">

  openImage( id )  
  {  
    imageWindow = window.open( document.getElementById( id ).style.backgroundimage, id );  
    imageWindow.focus( );  
  }

</script>  
<!-- [...] -->  
<!-- body -->  
  <img id="meinBild" onclick="javascript:openImage( this.id );">  
  <!-- usw.. -->  
<!-- rest der Webseite -->  

[Cybaer]

Hi,

Ich habe eine vorgegebene CSS-Datei. In ihr ist, ein Backgroundimage festgelegt. Meine Aufgabe lautet, das wenn man dieses Bild anklickt,

Ein Background-Image ist kein HTML-Element. Es gehört vielmehr zum Layout eines Elements (welchen Elements eigentlich?).

ein neues Fenster öffnet, in dem es wieder erscheint.

Jedes Element kann in JavaScript mit einem onclick-Eventhandler versehen werden. Das JS kann feststellen, welches Hintergrundbild dieses Eleemtn hat, und damit dann ein neues Fenster öffnen (sofern es nicht, wie mittlerweile üblich, von einem Popup-Blocker daran gehindert wird).

kann ich das in der CSS-Datei lösen?

Also: Nein.

Gruß, Cybaer