Avatar billede rhandersen Nybegynder
30. juli 2006 - 11:48 Der er 9 kommentarer og
2 løsninger

Mini pop-up

Hej Alle

Er der nogen der vil lave et lille script til mig der gør, at når du klikker på et link kommer der en lille boks op med en bestemt html kode i?

Boksen skal være 200x200px.

Mvh RHAndersen
Avatar billede per-olof Nybegynder
30. juli 2006 - 12:02 #1
Følgende kode skal ligge i <head> på din side.

<script language="JavaScript">
<!-- Gem koden for gamle browsere

function PopWin(url,h,w) { var ww = 480, wh = 340, leftPos = null, topPos = null;

IE=(document.all)?true:false;
var wh = (IE)?document.body.clientHeight : window.innerHeight;
var ww = (IE)?document.body.clientWidth : window.innerWidth;

if (top.screen){
  if (screen.width){
    leftPos = Math.round((ww-w-10)/2);
    topPos = Math.round((wh-h-29)/2);
  } else {
    leftPos = 50
    topPos = 50
  }
}

popupWin = window.open(url, 'popup', 'height=' + h + ',width=' + w + ',top=' + topPos + ',left=' + leftPos + '')
}
// -->
</script>

Alm. Link:
<a href="java script:PopWin('din.html',200,200);">Din linktekst</a>

Automatisk når siden åbnes:
<body onLoad="PopWin('din.html',200,200);">
Avatar billede per-olof Nybegynder
30. juli 2006 - 12:07 #2
Du finder PopUp window builder på f. ex http://activedeveloper.dk og http://www.solutions2all.dk
Avatar billede rhandersen Nybegynder
30. juli 2006 - 12:08 #3
Hej

Den skal ikke åbne et nyt dokument, bare en simpel stump kode.

Der skal ikke være hverken minimer eller luk, den skal lukke hvis man klikker udenfor den.

Forhøjer til 200.
Avatar billede mclemens Nybegynder
30. juli 2006 - 12:43 #4
http://www.eksperten.dk/spm/702784

... erstat visibility med display
visible med block
hidden med none

- kør en onclick istedet for onmouseover
... for at skjule kan man bruge den der bruges til onmouseout til
en onclick funktion hvis man skal skjule med en knap istedet ...
Avatar billede mclemens Nybegynder
30. juli 2006 - 13:20 #5
^ - hov, den sidste del var lidt noget sludder ... jeg blandede vist scripts'ene lidt sammen ... 14/04-2006 19:41:31 inde i tråden fortæller hvordan man skjuler den fra en onclick ... der er også noget i denne stil ...  http://www.eksperten.dk/spm/715114#rid6310123 - det matcher dog måske ikke så meget til dit behov (onmouseover skal nok rettes til onclick om ikke andet)
Avatar billede rhandersen Nybegynder
30. juli 2006 - 16:01 #6
Hej, det blev for besværligt, så jeg har fundet en simplere løsning, smid svar begge to.
Avatar billede mclemens Nybegynder
30. juli 2006 - 17:03 #7
Ok :o)
Avatar billede per-olof Nybegynder
30. juli 2006 - 17:51 #8
Ok
Avatar billede per-olof Nybegynder
30. juli 2006 - 17:51 #9
Shit, så va det
Avatar billede per-olof Nybegynder
30. juli 2006 - 18:33 #10
Tak før points
Avatar billede mclemens Nybegynder
30. juli 2006 - 18:56 #11
Tak for point også
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
Vi tilbyder markedets bedste kurser inden for webudvikling

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