Avatar billede simonp Nybegynder
17. august 2003 - 20:11 Der er 8 kommentarer

Billedlink til nyt vindue uden topbar..

Ohøj.

Jeg sidder og er igang med at lave min hjemmeside og havde problemer med at få åbnet mit link i et nyt vindue uden topbar. Det fandt jeg dog hurtigt svaret på herinde på eksperten.dk, men jeg vil gerne have et billed link, i stedet for tekstlink.

Her er min tekstlink html kode:

<a href="#" onclick="window.open('D:/Billeder/Billedserier/bs1/bs1.htm','hej','height=875,width=1100')">Billedserie1<a/>

Når jeg sidder et billede ind, får jeg følgende html kode:

<a href="file:///D:/Billeder/Billedserier/bs1/bs1.htm">
<img border="0" src="file:///D:/Billeder/Ikoner/hamburg5.jpg" width="200" height="151"></a></body></html>

Jeg har prøvet at integrere de to med hinanden uden held.

Håber der er nogen der kan hjælpe mig.

Simonp
Avatar billede grunken Nybegynder
17. august 2003 - 20:16 #1
du burde nok flytte dette spørgsmål over i en lidt bedre egnet kategori ;)

da spørgsmålet vedr. enten DHTML eller javascript ;), og så er hjælpen hurtigt på vej ;)
Avatar billede miss-g Seniormester
17. august 2003 - 20:49 #2
Avatar billede miss-g Seniormester
17. august 2003 - 20:51 #3
Avatar billede miss-g Seniormester
17. august 2003 - 21:07 #4
Ok - du vil have det skåret ud i pap.....
Avatar billede simonp Nybegynder
17. august 2003 - 21:12 #5
Helst neon.... så kan jeg også læse det om natten!
Avatar billede grunken Nybegynder
17. august 2003 - 21:36 #6
hvis vi skal svare her så må svaret være at det skal se sådan ud!

<a href="#" onclick="window.open('D:/Billeder/Billedserier/bs1/bs1.htm','hej','height=875,width=1100')"><img border="0" src="file:///D:/Billeder/Ikoner/hamburg5.jpg" width="200" height="151"></<a/>

Derudover syntes jeg at det er nemmest at gøre sådan

<img border="0" src="file:///D:/Billeder/Ikoner/hamburg5.jpg" width="200" height="151" onclick="window.open('D:/Billeder/Billedserier/bs1/bs1.htm','hej','height=875,width=1100')">

en anden ting der kan undre mig er at du bruger relative stier til dine billeder/filer, men det løser frontpage måske når det uploader?

og en sidste kommentar, det er en fuldstændig vild størrelse på en popup, hvis du gerne vil være lidt fleksibel i forhold til de mennesker der kigger på siden!
Avatar billede susanne_larsen Nybegynder
18. august 2003 - 19:53 #7
du skal passe på med din henvisning til pics, som grunken påpeger. Du henviser til et pic der ligger lokalt på din disk og IKKE i en mappe der hører under den hp du er ved at udvikle. Det duer ikke - når du så uploader følger dine pics IKKE med. Dine pics skal "integreres" i dit site. Du kan f.eks. vælge at placere dem i den mappe som FP automatisk opretter når du vælger File --> New web.
Åbn en eller anden side der hører under dit site og vælg File -> Import -> Add file og tilføj de pics du vil have på din side. Vælg at placere dem i ex. mappen Images....

Mht. en løsning til det du spørger efter, kunne du f.eks. gøre flg:
(den kode jeg lister åbner et nyt vindue, som placeres midt på din side)

Placer dette mellem <HEAD> og <HEAD> på din side:

<script language="javascript">

var win = null;
function NewWindow(mypage,myname,w,h,scroll){
LeftPosition = (screen.width) ? (screen.width-w)/2 : 0;
TopPosition = (screen.height) ? (screen.height-h)/2 : 0;
settings =
'height='+h+',width='+w+',top='+TopPosition+',left='+LeftPosition+',scrollbars='+scroll+',resizable'
win = window.open(mypage,myname,settings)
}

</script>


Indsæt det billede som du vil bruge som link (jeg har valgt et billede kaldet MitLinkBillede.gif. Jeg ønsker at åbne et billede kaldet crazy.jpg når der klikkes på billed-linket. Jeg har valgt at tilføje parametren NO der disabler scrollbar i pop-up vinduet.

linket omkranses så med lidt kode, så det kommer til at se således ud:

<a href="images/crazy.jpg" onclick="NewWindow(this.href,'name','200','200','no');return false"><img border="0" src="images/MitLinkBillede.gif" width="63" height="55"></a>


Der er rig mulighed for at lege med flere features i scriptet. Ønsker du f.eks. ikke at pop-up vinduet skal kunne maximeres, retter du bare i første del af scriptet, så det kommer til at se således ud:

bl.a. bla. kode...
settings =
'height='+h+',width='+w+',top='+TopPosition+',left='+LeftPosition+',scrollbars='+scroll+',-resizable-'
Avatar billede susanne_larsen Nybegynder
20. august 2003 - 18:07 #8
simonp har du fundet en løsning ?
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Kurser inden for grundlæggende programmering

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester