Avatar billede flintstone Novice
24. januar 2004 - 17:25 Der er 37 kommentarer og
3 løsninger

Knaplink og popup vindue

Jeg har en knap som jeg vil bruge som link til et popup vindue.
Jeg har lavet den side som skal poppe up, men den skal kun være 640x480.
Hvordan definerer jeg et popup vindue og hvordan sætter jeg størrelsen?
Avatar billede flintstone Novice
24. januar 2004 - 17:28 #1
Vinduet skal være centreret på skærmen og det må gerne være uden toplinie, altså den øverste linie man har i sit vindue.
Avatar billede flintstone Novice
24. januar 2004 - 17:44 #2
Og så må vinduet gerne have en luk funktion.
Avatar billede n!nja Nybegynder
24. januar 2004 - 17:49 #3
Her så kan du lave den lige som du gerne vil have den :-)

http://activedeveloper.dk/services/builders/windowbuilder.asp
Avatar billede n!nja Nybegynder
24. januar 2004 - 17:52 #4
Placeres mellem dine <head> tags:
-----------------------------------

<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>

Placeres i body:
------------------
<input type="button" value="Åbn vindue" onClick="PopWin('DIN_SIDE.HTML',480,640);">

----------

//N!NJA
Avatar billede flintstone Novice
24. januar 2004 - 17:53 #5
Der har jeg været, men problemet var bare at få min knap til at åbne det vindue
som jeg lavede. Jeg har også prøvet at kopiere javascriptet ind på siden, men
jeg kunne ikke få min egen kanp til at virke ordentligt.
Avatar billede flintstone Novice
24. januar 2004 - 17:54 #6
I body tag'et skulle jeg gerne kunne bruge min egen knap.
Hvordan gør jeg det?
Avatar billede n!nja Nybegynder
24. januar 2004 - 17:57 #7
Kan du vise mig koden til din knap?
Avatar billede flintstone Novice
24. januar 2004 - 18:00 #8
Her er koden:
<img name="kontakt_mig" src="images/kontakt_mig.gif" width="150" height="35" border="0" alt="">

Den er lavet i Fireworks.
Avatar billede flintstone Novice
24. januar 2004 - 18:02 #9
Glemte noget...her er det hele:

<a href="kontakt.htm" onMouseOut="MM_swapImgRestore();" onMouseOver="MM_swapImage('kontakt_mig','','images/kontakt_mig_f2.gif',1);"><img name="kontakt_mig" src="images/kontakt_mig.gif" width="150" height="35" border="0" alt="">
Avatar billede n!nja Nybegynder
24. januar 2004 - 18:02 #10
Prøv med:
--------------
<a href="java script:PopWin('DIN_SIDE.HTML',480,640);"><img name="kontakt_mig" src="images/kontakt_mig.gif" width="150" height="35" border="0" alt=""></a>

--------------

Husk at skifte "DIN_SIDE.HTML" ud med filnavnet på den side du vil vise i vinduet...
Avatar billede n!nja Nybegynder
24. januar 2004 - 18:03 #11
Så prøv med:
-------------------

<a href="java script:PopWin('DIN_SIDE.HTML',480,640);" onMouseOut="MM_swapImgRestore();" onMouseOver="MM_swapImage('kontakt_mig','','images/kontakt_mig_f2.gif',1);"><img name="kontakt_mig" src="images/kontakt_mig.gif" width="150" height="35" border="0" alt="">
Avatar billede n!nja Nybegynder
24. januar 2004 - 18:04 #12
Eller rettere...

<a href="java script:PopWin('kontakt.htm',480,640);" onMouseOut="MM_swapImgRestore();" onMouseOver="MM_swapImage('kontakt_mig','','images/kontakt_mig_f2.gif',1);"><img name="kontakt_mig" src="images/kontakt_mig.gif" width="150" height="35" border="0" alt="">
Avatar billede flintstone Novice
24. januar 2004 - 18:14 #13
Damn...så får jeg en script fejl.....!
Avatar billede flintstone Novice
24. januar 2004 - 18:16 #14
Det er mig der vrøvler....havde glemt head tag'et...sorry.
Avatar billede flintstone Novice
24. januar 2004 - 18:17 #15
Vinduet popper godt nok frem, men indhold er der ikke noget af.....
hvad gør jeg så.....eller kommer det af sig selv når jeg uploader?
Avatar billede n!nja Nybegynder
24. januar 2004 - 18:22 #16
Har du husket at linke den til den fil du vil åbne?
Avatar billede flintstone Novice
24. januar 2004 - 18:25 #17
Jepper...ligesom du skrev 18:04:42....så jeg er lidt på bar bund.
Avatar billede n!nja Nybegynder
24. januar 2004 - 18:26 #18
og filerne ligger i samme mappe?
Avatar billede flintstone Novice
24. januar 2004 - 18:27 #19
Ja, alt det jeg bruger ligger i samme mappe
Avatar billede n!nja Nybegynder
24. januar 2004 - 18:29 #20
og filen hedder "kontakt.htm" og ikke "kontakt.html"...?
Avatar billede flintstone Novice
24. januar 2004 - 18:30 #21
Yes...kontakt.htm
Avatar billede n!nja Nybegynder
24. januar 2004 - 18:31 #22
hmmm
Avatar billede n!nja Nybegynder
24. januar 2004 - 18:33 #23
Prøv denne - havde glemt at afslutte med </a>:
--------------------

<a href="java script:PopWin('kontakt.htm',480,640);" onMouseOut="MM_swapImgRestore();" onMouseOver="MM_swapImage('kontakt_mig','','images/kontakt_mig_f2.gif',1);"><img name="kontakt_mig" src="images/kontakt_mig.gif" width="150" height="35" border="0" alt=""></a>
Avatar billede flintstone Novice
24. januar 2004 - 18:33 #24
Ja...det siger jeg også.
Avatar billede flintstone Novice
24. januar 2004 - 18:34 #25
har husket </a>
Avatar billede n!nja Nybegynder
24. januar 2004 - 18:36 #26
kan du prøve at pase hele din kode?
Avatar billede n!nja Nybegynder
24. januar 2004 - 18:36 #27
*paste
Avatar billede flintstone Novice
24. januar 2004 - 18:37 #28
Til hele siden?
Avatar billede n!nja Nybegynder
24. januar 2004 - 18:38 #29
Jeps...
Avatar billede flintstone Novice
24. januar 2004 - 18:39 #30
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta http-equiv="Content-Language" content="da">
<title>Den 5. provins</title>
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=12)">
<style type="text/css">  body { overflow:auto;}
                            a { text-decoration:none;}
                      a:hover { color:#CC0C00;}
</style>               

<script language="JavaScript">
<!--
function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
  if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
  var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
  if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

//-->
</script>
<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>

<meta name="Microsoft Theme" content="betonmur-2 011, default">
<meta name="Microsoft Border" content="none">
</head>

<body>
<p align="left"><font size="6"><b>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
Den 5. provins</b></font>&nbsp; <b>v/
organisationspsykolog Hanne Kuhlmann&nbsp;&nbsp;&nbsp;</b></p>
<hr align="center">
<p align="center"><a href="side_2.htm" onMouseOut="MM_swapImgRestore();" onMouseOver="MM_swapImage('Den205_blaa','','images/Den%205_blaa_f2.gif',1);"><img name="Den205_blaa" src="images/Den%205_blaa.gif" border="0" alt="Den 5 provins ..........hvad er det?" width="150" height="35"></a><a href="http://www.prax-is.dk/symphon/index.html" onMouseOut="MM_swapImgRestore();" onMouseOver="MM_swapImage('Symphon_blaa','','images/Symphon_blaa_f2.gif',1);"><img name="Symphon_blaa" src="images/Symphon_blaa.gif" border="0" alt="" width="150" height="35"></a><a href="alt_index_1024X768.htm" onMouseOut="MM_swapImgRestore();" onMouseOver="MM_swapImage('n1024x768','','images/1024x768_f2.jpg',1);"><img name="n1024x768" src="images/1024x768.jpg" border="0" alt="Se siden i et større format" width="150" height="35"></a><a href="java script:PopWin('kontakt.htm',480,640);" onMouseOut="MM_swapImgRestore();" onMouseOver="MM_swapImage('kontakt_mig','','images/kontakt_mig_f2.gif',1);"><img name="kontakt_mig" src="images/kontakt_mig.gif" width="150" height="35" border="0" alt=""></a></p>
  <center><table border="0" width="716" height="269" cellspacing="0" cellpadding="0">
    <tr>
      <td width="207" height="183" bordercolor="#000080" bordercolorlight="#000080" bordercolordark="#000080"><span style="position: absolute; left: 234; top: 1444"><a href="mailto:hanne@den5provins.com"><img border="1" src="a1kuvert.jpg" width="39" height="38" alt="E-mail til Hanne Kuhlmann"></a></span><span style="position: absolute; left: 17; top: 179"><img border="" src="Hanne_edit_1_blur.jpg" alt="Hanne Kuhlmann" width="200" height="299"></span></td>
      <td width="509" height="269" bordercolor="#000080" bordercolorlight="#000080" bordercolordark="#000080" valign="top">
        <p>&nbsp;</p>
        <p><font size="3" face="Arial">Jeg hedder Hanne Kuhlmann og er født i 1959.</font></p>
        <p><font size="3" face="Arial">Oprindeligt er jeg uddannet indenfor finanssektoren.</font></p>
        <p><font size="3" face="Arial">Jeg blev cand.psych. fra Københavns Universitet i 1993.</font></p>
        <p><font size="3" face="Arial">Jeg har haft selvstændig konsulentvirksomhed siden
        1994, og har sideløbende med min praksis efteruddannet mig inden for
        systemisk teori og metode.&nbsp;<o:p>
        </o:p>
        </font>
        </p>
        <p><font size="3" face="Arial">Mit fokusområde er ”mennesker og arbejde” og
        mine fokuspunkter er:&nbsp;<o:p>
        </o:p>
        </font></p>
        <p style="margin-left:39.0pt;text-indent:-18.0pt;mso-list:l4 level1 lfo7;
tab-stops:list 39.0pt"><font size="3" face="Arial"><span style="font-style: normal; font-variant: normal; font-weight: normal"><img border="0" src="_themes/sumipntg/sumbul3a.gif" width="12" height="12">&nbsp;&nbsp;
        </span>det enkelte menneske</font></p>
        <p style="margin-left:39.0pt;text-indent:-18.0pt;mso-list:l4 level1 lfo7;
tab-stops:list 39.0pt"><font size="3" face="Arial"><span style="font-style: normal; font-variant: normal; font-weight: normal"><img border="0" src="_themes/sumipntg/sumbul3a.gif" width="12" height="12">&nbsp;&nbsp;
        </span>de mellemmenneskelige relationer</font></p>
        <p style="margin-left:39.0pt;text-indent:-18.0pt;mso-list:l4 level1 lfo7;
tab-stops:list 39.0pt"><font size="3" face="Arial"><span style="font-style: normal; font-variant: normal; font-weight: normal"><img border="0" src="_themes/sumipntg/sumbul3a.gif" width="12" height="12">&nbsp;&nbsp;
        </span>de betingelser menneskene har at udfolde sig i</font></p>
        <p><font size="3" face="Arial">&nbsp;<o:p>
        </o:p>
        </font>
        </p>
        <p><font size="3" face="Arial">En af mine grundideer er, at al læring og
        udvikling skabes med udgangspunkt i det den enkelte og organisationen
        allerede ved og gør. I min praksis betyder det, at det er i det felt
        jeg møder den enkelte og organisationen, og med det udgangspunkt lærings-
        og udviklingsprocessen tilrettelægges og gennemføres.&nbsp;<o:p>
        </o:p>
        </font>
        </p>
        <p><font size="3" face="Arial">Jeg løser opgaver i både offentlige og private
        virksomheder indenfor følgende områder:&nbsp;<o:p>
        </o:p>
        </font></p>
        <p style="margin-left:39.0pt;text-indent:-18.0pt;mso-list:l4 level1 lfo7;
tab-stops:list 39.0pt"><font size="3" face="Arial"><span style="font-style: normal; font-variant: normal; font-weight: normal"><img border="0" src="_themes/sumipntg/sumbul3a.gif" width="12" height="12">&nbsp;&nbsp;
        </span>Lederudvikling</font></p>
        <p style="margin-left:39.0pt;text-indent:-18.0pt;mso-list:l4 level1 lfo7;
tab-stops:list 39.0pt"><font size="3" face="Arial"><span style="font-style: normal; font-variant: normal; font-weight: normal"><img border="0" src="_themes/sumipntg/sumbul3a.gif" width="12" height="12">&nbsp;&nbsp;
        </span>Lederuddannelse</font></p>
        <p style="margin-left:39.0pt;text-indent:-18.0pt;mso-list:l4 level1 lfo7;
tab-stops:list 39.0pt"><font size="3" face="Arial"><span style="font-style: normal; font-variant: normal; font-weight: normal"><img border="0" src="_themes/sumipntg/sumbul3a.gif" width="12" height="12">&nbsp;&nbsp;
        </span>Mødeledelse</font></p>
        <p style="margin-left:39.0pt;text-indent:-18.0pt;mso-list:l4 level1 lfo7;
tab-stops:list 39.0pt"><font size="3" face="Arial"><span style="font-style: normal; font-variant: normal; font-weight: normal"><img border="0" src="_themes/sumipntg/sumbul3a.gif" width="12" height="12">&nbsp;&nbsp;
        </span>Konfliktløsning</font></p>
        <p style="margin-left:39.0pt;text-indent:-18.0pt;mso-list:l4 level1 lfo7;
tab-stops:list 39.0pt"><font size="3" face="Arial"><span style="font-style: normal; font-variant: normal; font-weight: normal"><img border="0" src="_themes/sumipntg/sumbul3a.gif" width="12" height="12">&nbsp;&nbsp;
        </span>Medarbejderudviklingssamtaler</font></p>
        <p style="margin-left:39.0pt;text-indent:-18.0pt;mso-list:l4 level1 lfo7;
tab-stops:list 39.0pt"><font size="3" face="Arial"><span style="font-style: normal; font-variant: normal; font-weight: normal"><img border="0" src="_themes/sumipntg/sumbul3a.gif" width="12" height="12">&nbsp;&nbsp;
        </span>Teamudvikling</font></p>
        <p style="margin-left:39.0pt;text-indent:-18.0pt;mso-list:l4 level1 lfo7;
tab-stops:list 39.0pt"><font size="3" face="Arial"><span style="font-style: normal; font-variant: normal; font-weight: normal"><img border="0" src="_themes/sumipntg/sumbul3a.gif" width="12" height="12">&nbsp;&nbsp;
        </span>Værdiafklaring og implementering</font></p>
        <p style="margin-left:39.0pt;text-indent:-18.0pt;mso-list:l4 level1 lfo7;
tab-stops:list 39.0pt"><font size="3" face="Arial"><span style="font-style: normal; font-variant: normal; font-weight: normal"><img border="0" src="_themes/sumipntg/sumbul3a.gif" width="12" height="12">&nbsp;&nbsp;
        </span>Coaching</font></p>
        <p style="margin-left:39.0pt;text-indent:-18.0pt;mso-list:l4 level1 lfo7;
tab-stops:list 39.0pt"><font size="3" face="Arial"><span style="font-style: normal; font-variant: normal; font-weight: normal"><img border="0" src="_themes/sumipntg/sumbul3a.gif" width="12" height="12">&nbsp;&nbsp;
        </span>Supervision</font></p>
        <p style="margin-left:18.0pt"><font size="3" face="Arial">&nbsp;<o:p>
        </o:p>
        </font>
        </p>
        <p><font size="3" face="Arial">Min rolle i opgaveløsningen kan både være som
        underviser,<span style="mso-spacerun: yes">&nbsp; </span>proceskonsulent,
        supervisor og coach.&nbsp;<o:p>
        </o:p>
        </font>
        </p>
        <p><b><font size="3" face="Arial">Mine samarbejdspartnere:<o:p>
        </o:p>
        </font>
        </b></p>
        <span style="mso-fareast-font-family: Times New Roman; mso-ansi-language: DA; mso-fareast-language: DA; mso-bidi-language: AR-SA"><font size="3" face="Arial">Jeg er en del af netværket
        <a href="http://www.prax-is.dk/symphon/index.html" target="_blank">Symphon</a>, samarbejder med <a href="http://www.aktiv-proces.dk" target="_blank"> Aktiv
        Proces</a>
        og har endvidere et bredt samarbejde med såvel organisationspsykologer som kliniske psykologer. Det betyder, at jeg kan
        tilbyde stor bredde og professionalisme i opgaveløsningen.</font></span>
        <p>&nbsp;</p>
        <p><span style="mso-fareast-font-family: Times New Roman; mso-ansi-language: DA; mso-fareast-language: DA; mso-bidi-language: AR-SA"><font size="3" face="Arial">Hvis
        du vil vide mere, så kontakt mig da på følgende måde.</font></span></p>
      </center>
      <p align="left"><span style="mso-fareast-font-family: Times New Roman; mso-ansi-language: DA; mso-fareast-language: DA; mso-bidi-language: AR-SA"><font size="3" face="Arial">Hanne
      Kuhlmann Norasvej 18 St. 2920 Charlottenlund</font></span></p>
      <p align="left"><span style="mso-fareast-font-family: Times New Roman; mso-ansi-language: DA; mso-fareast-language: DA; mso-bidi-language: AR-SA"><font size="3" face="Arial">3963
      1757 / 2637 1757</font></span></p>
      <p align="left">&nbsp;</p>
      <p align="left"><font face="Arial" size="3">&nbsp;</font></td>
    </tr>
  </table><p style="line-height: 100%; margin-top: 1; margin-bottom: 1">&nbsp;</p>
<p style="line-height: 100%; margin-top: 1; margin-bottom: 1">&nbsp;</p>
<p style="line-height: 100%; margin-top: 1; margin-bottom: 1">&nbsp;</p>
<table width="100%">
  <tr>
  <td align="left"><font face="Arial" size="2">Copyright © <a href="mailto:webmaster@den5provins.com?subject=Feedback"> Hassing Design</a></font>
  <td align=center><font face="Arial" size="2">Optimeret til 800 x 600</font>
  <td align="right"><font face="Arial" size="2"><script language="JavaScript" type="text/javascript">
var modDate = new Date(document.lastModified)
var modMonth = modDate.getMonth()+1
var modYear = modDate.getYear()
var modDay = modDate.getDate()
if(modDay<10) modDay = "0" + modDay
if(modMonth<10) modMonth= "0" + modMonth
if(modYear<1000) modYear+=1900
     
document.write("Sidst opdateret: " + modDay + "." + modMonth +  "." + modYear+"")
</script>
</table></body>
</html>
Avatar billede flintstone Novice
24. januar 2004 - 18:39 #31
Det er hovedsiden
Avatar billede n!nja Nybegynder
24. januar 2004 - 18:41 #32
Ok - har lige prøvet at gemme den på mit skrivebord, sammen med en fil der hedder "kontakt.htm" er der virker det fint...
Avatar billede flintstone Novice
24. januar 2004 - 18:45 #33
Får du indhold frem i vinduet?
Avatar billede n!nja Nybegynder
24. januar 2004 - 18:47 #34
Jeps - siger den "siden kan ikke vises" til dig eller hvad siger den?
Avatar billede flintstone Novice
24. januar 2004 - 18:48 #35
Ja, lige præcis det.
Avatar billede flintstone Novice
24. januar 2004 - 18:49 #36
kl. 18:17:18 da virkede det jo første gang, der var bare ikke noget i vinduet.
Det er det som undrer mig lidt.
Avatar billede flintstone Novice
24. januar 2004 - 18:50 #37
Det kan da ikke passe at det skal uploades før det virker!
Avatar billede flintstone Novice
24. januar 2004 - 19:07 #38
Har uploadet og ændret "kontakt.htm" til "www.den5provins.com/kontakt.htm" og
så virker det tilsyneladende.
Avatar billede flintstone Novice
24. januar 2004 - 19:08 #39
Tusind tak for din tålmodighed med mig (newbie).
Avatar billede n!nja Nybegynder
24. januar 2004 - 20:00 #40
Det var så lidt :-)
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