---

Hej!

Jeg har kigget på mange indlæg vedr. mit lille problem:

"Ved et klik på et billede på min hjemmeside, skal der åbnes et
popup vindue uden toolbars i en bestemt størrelse."

Jeg ved at jeg nok skal bruge JavaScript, hvilket jeg ikke har
kendskab til. Jeg bruger MS FrontPage2000. Hvordan og hvor
indsætter jeg JavaScripten og hvilket JavaScript skal jeg bruge?

Der er flere billeder på siden som skal have hver sit PopUp
vindue.

Jeg håber I kan hjælpe mig

MVH Michael



--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP ???
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

---

Tue, 18 Sep 2001 11:10:51 +0000 (UTC), skrev Michael Holm
<mdh@image.dk>:

>Jeg ved at jeg nok skal bruge JavaScript, hvilket jeg ikke har
>kendskab til. Jeg bruger MS FrontPage2000. Hvordan og hvor
>indsætter jeg JavaScripten og hvilket JavaScript skal jeg bruge?

Læg hvert stort billede ind på en htmlside som baggrundsbillede.
Lad os sige, at du navngiver siderne billede1.htm, billede2.htm
osv

På siden med thumbnail, finder du så de pågældende billeder,
marker billedet, gå i htmlvisning og indsæt flg.:

<a href="billede1.htm" target="popup" onclick=
"window.open('','popup','width=866,height=600,left=100,top=200')"><img
src="lille_billede.jpg" width="144" height="100" border="0"
alt="Lille billedtekst"></a>

Den width og height, der står i parantesen skal svare til
størrelsen på det store billede.

left og top er hvor på skærmen poupbilledet skal åbne.
0 0 er helt oppe til venstre.

Ellers send et link til siden med thumbnails og gerne et af de
store billeder, så skal jeg kave et eksempel, der passer
specifikt på din side.
--
med venlig hilsen
Knud
http://home13.inet.tele.dk/smedpark/

---

"Michael Holm" <mdh@image.dk> wrote in message
news:9o7a3r$9g1$1@sunsite.dk...
> Hej!
>
> "Ved et klik på et billede på min hjemmeside, skal der åbnes et
> popup vindue uden toolbars i en bestemt størrelse."
>

følgende javascript kan bruges:

var width,height
var image,ext
var cond1,cond2
function visBillede(image,msg,width,height) {
if (width==0) cond1=" "
else cond1="width="+(width+50)+"";
if (height==0) {cond2=" "
scroll="yes"}
else {cond2="height="+(height+80)};

var s1 ="<TITLE>"+msg+"</TITLE>"
var s15=""
var s2 ="<CENTER><IMG SRC='"+image+"' BORDER=0><br>"
var s3 ="<FORM><INPUT TYPE='BUTTON' VALUE='Luk'"+
" onClick='self.close()'>"
var s4 ="</FORM></CENTER></BODY>"

ImageWindow=window.open("", "newwin"+width,
"toolbar=no,scrollbars="+scroll+",menubar=no,"+cond1+","+cond2);
ImageWindow.document.write(s1+s15+s2+msg+s3+s4)
ImageWindow.document.close()
}

Jeg har det liggende i en script-fil (visBillede.js) som jeg så kalder med
følgende:

<A href="javascript:visBillede('filnavn.jpg','Tekst til at stå under
billedet',245,282)"><img src="filnavn_thumb.jpg" border="0"
alt="filnavn.jpg" width="88" height="100"></A>

fordelen er, at du i <a href>-tagget angiver dels billedets navn, evt.
tekst, der skal stå under billedet og så billedets dimensioner. Der er lagt
en ramme på hhv 50 / 80 px rundt om for at give lidt luft. Teksten står
centreret, men det er nemt at ændre.

mvh

Chr. D. Reventlow
mail: cd@reventlow.dk
web: www.reventlow.dk