Datenschutzerklärung

Popup -Fenster programmieren mit HTML oder Javascript?

Validome - Forum

Startseite Validome
RSS 2.0  
Sie sind nicht angemeldet. Atom 1.0  
Forum Home / Javascript-Forum /

Popup -Fenster programmieren mit HTML oder Javascript?

  Beitrag schreiben
Autor
Beitrag Seiten: 1
TB1975
Mitglied

Registriert: 14.11.2008
Beiträge: 4
Hallo!

Kann mir jemand weiterhelfen?

Ich möchte in einer  Homepage folgendes erreichen:

Durch Mausklick auf eine Bilddatei soll ein Popup-Fenster sich öffen.
Im Popup-Fenster befindet sich eine weitere größere Bilddatei.
Das Popup-Fenster darf eine html-Datei sein.

Die Bilddatei auf welche man drauf klickt sollte von der Pixelgröße
kleiner sein als die Bilddatei im Popup-Fenster.

Wie programmiert man so etwas mit Html oder mit zusätzlich JavaScript?

Danke!

Gruß
Thomas


14.11.2008 14:30:48
  Beitrag schreiben
12fische
Mitglied

Registriert: 04.02.2009
Beiträge: 1
Falls man einfach nur ein neues Fenster aufmachen will reicht es wenn man in dem link noch target=_top mit angibt
<a href=grossbild1.htm target=_top><img src...></a>

Für den fall dass du das popup mit javascript machen willst (weildu grosse und menue einblendung kontrollieren willst) habe ich die folgende javascript zeile auf
  http://www.kielack.de/games.htm gesehen

window.open("/de/balls/index.htm","window","width=300,height=300,history=no,menue=true,status=yes,toolbar=yes,scrollbars=no,resizable=yes");

da der erste Parameter, der an window.open übergeben wird, ein String ist könnte man sogar eine parametrisierbare Function schreiben, falls man mehrere Thumbnails hat.

function openpicture(n)

  {
window.open("grossbild"+n+".htm","window","width=300,height=300,history=no,menue=true,status=yes,toolbar=yes,scrollbars=no,resizable=yes");

  }

um die Bilder gibt es dann links die auf einen click die javascript function aufrufen

<a href='javascript:void()' onclick='openpicture(1)' ><img src=kleinesbild.jpg border=0></a>

wichtig ist das border=0 null sonst gibt es um das Bild einen blauen rand

Beitrag geändert von 12fische (04.02.2009 13:25:24)


04.02.2009 13:22:30
  Beitrag schreiben
Seiten: 1   Beitrag schreiben
Wechsel zu

Valid HTML 4.01