Avatar billede morgel Nybegynder
27. juni 2001 - 18:29 Der er 12 kommentarer og
2 løsninger

popup vindue uden tingeltangel !

jeg har ikke noget specielt at bruge det til lige nu, - men har ofte brug for det.
Koden til at lave et popup-window der kommer frem efter at ha\' klikket på et link.
popup\'en skal komme frem øverst til venstre i hovedvinduet (den side hvor linket til selve popup\'en er), - og popup\'en skal være af en bestemt højde x bredde og uden knapper eller noget tilsvarrende.

Er spørgsmåelt forstået eller er det for udsvævende ???
Avatar billede nuki Nybegynder
27. juni 2001 - 18:32 #1
i head:

<script language=\"javascript\" type=\"text/javascript\">

/*
Auto center window script- Eric King (http://redrival.com/eak/index.shtml)
*/

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)
if(win.window.focus){win.window.focus();}
}

</script>


i body

<a href=\"index2.htm\" onclick=\"NewWindow(this.href,\'name\',\'600\',\'600\',\'yes\');return false\">ditlink</a>
Avatar billede keysersoze Ekspert
27. juni 2001 - 18:32 #2
Avatar billede morgel Nybegynder
27. juni 2001 - 18:33 #3
øhh... - måske skal hele snakken om \"popup\", - ændres til \"nyt vindue\", - en popup er vel egentlig bare en irreterende foranstaltning, - og den kan jeg forøvrigt allerede lave i dreamweaver.

- så her spørges altså om koden til et \"nyt vindue\" i en bestemt størrelse og uden noget halløjsa !
Avatar billede nuki Nybegynder
27. juni 2001 - 18:33 #4
Håber det er det du leder efter!

-Nuki
Avatar billede morgel Nybegynder
27. juni 2001 - 18:34 #5
nå for dén, - allerede svar, - ja så ser jeg lige på det...
Avatar billede morgel Nybegynder
27. juni 2001 - 18:56 #6
nu har jeg gjort som i begge har foreslået... - men der sker ikke en disse ! - enten fordi jeg bare ikke skal finde ud af hvordan det skal gøres, - eller også fordi der er noget i vejen med måden JEG gør det på, - og det har jeg gjort således:

<html>
<head>
<title>Amorosa XXXlV</title>
<meta http-equiv=\"Content-Type\" content=\"text/html; charset=iso-8859-1\">
<script language=\"JavaScript\">
<!--

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];}}
}

function MM_findObj(n, d) { //v4.0
  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 && document.getElementById) x=document.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 PopWin(url,h,w) {
 popupWin = window.open(url, \'Help\', \'scrollbars,height=\' + h + \',width=\' + w + \',top=50,left=25\')
}

//-->
</script>
</head>

<body bgcolor=\"#660000\" text=\"#FFFFFF\" leftmargin=\"0\" topmargin=\"0\" onLoad=\"MM_preloadImages(\'../../../grafikbase/menu/info2.gif\',\'../../../grafikbase/menu/history2.gif\',\'../../../grafikbase/menu/contact2.gif\',\'../../../grafikbase/menu/stable2.gif\',\'../../../grafikbase/menu/sale2.gif\',\'../../../grafikbase/menu/gallery2.gif\',\'../../../grafikbase/menu/links2.gif\')\" link=\"#FFFFFF\" vlink=\"#FFFFFF\" alink=\"#FF0000\">
<table width=\"100%\" border=\"0\" name=\"hoved table\" height=\"100%\" cellspacing=\"0\" cellpadding=\"0\">
  <tr align=\"left\" valign=\"top\">
    <td width=\"150\" background=\"../../../grafikbase/grafik/venstrebjelke.gif\">
      <table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\" background=\"../../../grafikbase/grafik/venstrebjelke.gif\">
        <tr>
          <td height=\"200\" align=\"left\" valign=\"top\"><a href=\"../../../index.html\" target=\"_parent\"><img src=\"../../../grafikbase/grafik/menu_bjaelke_billede.gif\" width=\"150\" height=\"160\" border=\"0\" alt=\"Home !\"></a>
            <div align=\"left\"></div>
          </td>
        </tr>
        <tr>
          <td align=\"left\" valign=\"top\"><a href=\"../../../information.html\" onMouseOut=\"MM_swapImgRestore()\" onMouseOver=\"MM_swapImage(\'Image8\',\'\',\'../../../grafikbase/menu/info2.gif\',1)\" target=\"_parent\"><img name=\"Image8\" border=\"0\" src=\"../../../grafikbase/menu/info1.gif\" width=\"150\" height=\"30\"></a></td>
        </tr>
        <tr>
          <td align=\"left\" valign=\"top\"><a href=\"../../../history.html\" onMouseOut=\"MM_swapImgRestore()\" onMouseOver=\"MM_swapImage(\'Image9\',\'\',\'../../../grafikbase/menu/history2.gif\',1)\" target=\"_parent\"><img name=\"Image9\" border=\"0\" src=\"../../../grafikbase/menu/history1.gif\" width=\"150\" height=\"30\"></a></td>
        </tr>
        <tr>
          <td align=\"left\" valign=\"top\"><a href=\"../../../breedingfarm.html\" onMouseOut=\"MM_swapImgRestore()\" onMouseOver=\"MM_swapImage(\'Image7\',\'\',\'../../../grafikbase/menu/stable2.gif\',1)\" target=\"_parent\"><img name=\"Image7\" border=\"0\" src=\"../../../grafikbase/menu/stable1.gif\" width=\"150\" height=\"30\"></a></td>
        </tr>
        <tr>
          <td align=\"left\" valign=\"top\"><a href=\"../../../sale.html\" onMouseOut=\"MM_swapImgRestore()\" onMouseOver=\"MM_swapImage(\'Image11\',\'\',\'../../../grafikbase/menu/sale2.gif\',1)\" target=\"_parent\"><img name=\"Image11\" border=\"0\" src=\"../../../grafikbase/menu/sale1.gif\" width=\"150\" height=\"30\"></a></td>
        </tr>
        <tr>
          <td align=\"left\" valign=\"top\"><a href=\"../../../gallery.html\" onMouseOut=\"MM_swapImgRestore()\" onMouseOver=\"MM_swapImage(\'Image14\',\'\',\'../../../grafikbase/menu/gallery2.gif\',1)\" target=\"_parent\"><img name=\"Image14\" border=\"0\" src=\"../../../grafikbase/menu/gallery1.gif\" width=\"150\" height=\"30\"></a></td>
        </tr>
        <tr>
          <td align=\"left\" valign=\"top\"><a href=\"../../../links.html\" onMouseOut=\"MM_swapImgRestore()\" onMouseOver=\"MM_swapImage(\'Image15\',\'\',\'../../../grafikbase/menu/links2.gif\',1)\" target=\"_parent\"><img name=\"Image15\" border=\"0\" src=\"../../../grafikbase/menu/links1.gif\" width=\"150\" height=\"30\"></a></td>
        </tr>
        <tr>
          <td align=\"left\" valign=\"top\"><a href=\"../../../contact.html\" onMouseOut=\"MM_swapImgRestore()\" onMouseOver=\"MM_swapImage(\'Image10\',\'\',\'../../../grafikbase/menu/contact2.gif\',1)\" target=\"_parent\"><img name=\"Image10\" border=\"0\" src=\"../../../grafikbase/menu/contact1.gif\" width=\"150\" height=\"30\"></a></td>
        </tr>
        <tr>
          <td align=\"left\" valign=\"top\">&nbsp;</td>
        </tr>
      </table>
    </td>
    <td width=\"600\">
      <table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">
        <tr>
          <td height=\"50\" valign=\"middle\" align=\"left\">
            <div align=\"center\"><img src=\"../grafik/name.gif\" width=\"227\" height=\"30\"><br>
              <font face=\"Verdana, Arial, Helvetica, sans-serif\" size=\"1\"><a href=\"java script:PopWin(\'help.html\',200,400);\">Please
              wait, - download may take a few minutes...</a> </font> </div>
          </td>
        </tr>
        <tr>
          <td align=\"left\" valign=\"top\">
            <div align=\"center\">
              <table width=\"400\" cellspacing=\"0\" cellpadding=\"0\" height=\"255\" bordercolor=\"#FFFFFF\" bgcolor=\"#000000\" border=\"0\">
                <tr>
                  <td align=\"center\" valign=\"top\" height=\"255\"><embed src=\"amorosa.mov\" width=\"320\" height=\"255\" autoplay=\"true\" CONTROLLER=\"true\" pluginspage=\"http://www.apple.com/quicktime/download/\">
                    </embed></td>
                </tr>
              </table>
              <img src=\"../../../video/grafik/select_mov_avi.gif\" width=\"400\" height=\"25\" usemap=\"#Map\" border=\"0\" href=\"video/avi.html\">
              <map name=\"Map\">
                <area shape=\"rect\" coords=\"233,4,307,21\" href=\"mov.html\" target=\"_parent\">
                <area shape=\"rect\" coords=\"317,4,393,21\" href=\"avi.html\" target=\"_parent\">
              </map>
            </div>
          </td>
        </tr>
        <tr>
          <td align=\"left\" valign=\"top\">
            <table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">
              <tr>
                <td width=\"50%\" align=\"left\" valign=\"top\" height=\"100%\">
                  <table width=\"400\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\" align=\"center\">
                    <tr>
                      <td align=\"left\" valign=\"top\" height=\"100%\" width=\"50%\">&nbsp;</td>
                      <td align=\"left\" valign=\"top\" height=\"100%\">&nbsp;</td>
                    </tr>
                    <tr>
                      <td width=\"50%\" align=\"left\" valign=\"top\"><font face=\"Verdana, Arial, Helvetica, sans-serif\" size=\"2\">Name</font></td>
                      <td align=\"left\" valign=\"top\"><font face=\"Verdana, Arial, Helvetica, sans-serif\" size=\"2\">:
                        AMOROSA XXXIV </font></td>
                    </tr>
                    <tr>
                      <td width=\"50%\" align=\"left\" valign=\"top\"><font face=\"Verdana, Arial, Helvetica, sans-serif\" size=\"2\">Born</font></td>
                      <td align=\"left\" valign=\"top\"><font face=\"Verdana, Arial, Helvetica, sans-serif\" size=\"2\">:
                        4th of February 1994</font></td>
                    </tr>
                    <tr>
                      <td width=\"50%\" align=\"left\" valign=\"top\"><font face=\"Verdana, Arial, Helvetica, sans-serif\" size=\"2\">Sex</font></td>
                      <td align=\"left\" valign=\"top\"><font face=\"Verdana, Arial, Helvetica, sans-serif\" size=\"2\">:
                        Mare</font></td>
                    </tr>
                    <tr>
                      <td width=\"50%\" align=\"left\" valign=\"top\"><font face=\"Verdana, Arial, Helvetica, sans-serif\" size=\"2\">Hight
                        at the withers</font></td>
                      <td align=\"left\" valign=\"top\"><font face=\"Verdana, Arial, Helvetica, sans-serif\" size=\"2\">
                        : 160cm</font></td>
                    </tr>
                    <tr>
                      <td width=\"50%\" align=\"left\" valign=\"top\"><font face=\"Verdana, Arial, Helvetica, sans-serif\" size=\"2\">Coat</font></td>
                      <td align=\"left\" valign=\"top\"><font face=\"Verdana, Arial, Helvetica, sans-serif\" size=\"2\">:
                        Grey </font></td>
                    </tr>
                    <tr>
                      <td width=\"50%\" align=\"left\" valign=\"top\"><font size=\"2\" face=\"Verdana, Arial, Helvetica, sans-serif\">Breeder</font></td>
                      <td align=\"left\" valign=\"top\"><font size=\"2\" face=\"Verdana, Arial, Helvetica, sans-serif\">
                        : Iba&ntilde;ez Lopez</font></td>
                    </tr>
                  </table>
                  <div align=\"center\"></div>
                </td>
              </tr>
            </table>
            <div align=\"center\"></div>
          </td>
        </tr>
        <tr>
          <td align=\"left\" valign=\"top\">
            <table width=\"400\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\" align=\"center\">
              <tr>
                <td><font face=\"Verdana, Arial, Helvetica, sans-serif\" size=\"2\"><br>
                  This mare is ridden. <br>
                  Very good mover. <br>
                  Nice temper.<br>
                  Silver medal in Spain in movements and morphology</font></td>
              </tr>
            </table>
            <div align=\"center\"></div>
          </td>
        </tr>
      </table>
    </td>
    <td bgcolor=\"#333333\" background=\"../../../grafikbase/grafik/hoejrebjaelke.gif\" align=\"left\">
      <table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">
        <tr>
          <td align=\"center\" valign=\"bottom\" height=\"107\"><a href=\"../../kan5/kan.html\" target=\"_parent\"><img src=\"../../kan5/grafik/lp.jpg\" width=\"140\" height=\"85\" border=\"0\"></a><font size=\"2\" face=\"Verdana, Arial, Helvetica, sans-serif\"><br>
            Kan XI</font></td>
        </tr>
        <tr>
          <td height=\"100%\" align=\"center\" valign=\"bottom\">
            <div align=\"center\"><a href=\"../../jasmin/jasmin.html\" target=\"_parent\"><img src=\"../../jasmin/grafik/lp.jpg\" width=\"140\" height=\"85\" border=\"0\"></a><br>
              <font size=\"2\" face=\"Verdana, Arial, Helvetica, sans-serif\">Jasmin</font>
            </div>
          </td>
        </tr>
        <tr>
          <td height=\"100%\" align=\"center\" valign=\"bottom\">
            <div align=\"center\"><a href=\"../../poliester/poliester.html\"><img src=\"../../poliester/grafik/lp.jpg\" width=\"140\" height=\"85\" border=\"0\"></a><font face=\"Verdana, Arial, Helvetica, sans-serif\" size=\"2\"><br>
              Poliester 1</font></div>
          </td>
        </tr>
        <tr>
          <td align=\"center\" valign=\"bottom\" height=\"100%\"><a href=\"../../navidad/navidad.html\" target=\"_parent\"><img src=\"../../navidad/grafik/lp.jpg\" width=\"140\" height=\"85\" border=\"0\"></a><br>
            <font size=\"2\" face=\"Verdana, Arial, Helvetica, sans-serif\">Navidad
            3 </font></td>
        </tr>
        <tr>
          <td align=\"center\" valign=\"bottom\" height=\"100%\"><a href=\"../amorosa.html\" target=\"_parent\"><img src=\"../grafik/lp.jpg\" width=\"140\" height=\"85\" border=\"0\"></a><br>
            <font size=\"2\" face=\"Verdana, Arial, Helvetica, sans-serif\">Amorosa
            XXXIV</font></td>
        </tr>
        <tr>
          <td align=\"center\" valign=\"bottom\" height=\"100%\"><font face=\"Verdana, Arial, Helvetica, sans-serif\" size=\"2\"><a href=\"../../sale2.html\" target=\"_parent\"><br>
            <br>
            Next&gt;&gt;</a></font></td>
        </tr>
      </table>
    </td>
  </tr>
</table>
</body>
</html>
Avatar billede nuki Nybegynder
27. juni 2001 - 19:01 #7
hmm kan vi ikke lige få et link til der hvor siden ligger.

Jeg kan ikke se nogle fejl hvilken fejl får du?
Avatar billede morgel Nybegynder
27. juni 2001 - 19:08 #8
arrgg, - jeg kan altså ikke lige lægge det ud nu, - det ville ejeren ikke bryde sig om, - men når jeg tager et preview i ie 5.0 fra dw, så sker der intet når jeg klikker på linket, -end ikke en fejlmeddelse. Men jeg kan se at linket ganske rigtig følger stien, - men intet sker ingen side dukker op !
Avatar billede keysersoze Ekspert
27. juni 2001 - 19:14 #9
prøv først at fremmest at lave siden som du ønsker den UDEN popup men så resten virker... så prøver du at lave en side men popup\'en og ikke noget andet og får DEN til at virker...

og SÅ prøver du at sætte det hele sammen... det gør det lidt lettere...
Avatar billede morgel Nybegynder
27. juni 2001 - 19:15 #10
hmm... - jeg orker ikke mere nu... -men tak for hjælpen... -for så vidt !
Avatar billede nuki Nybegynder
27. juni 2001 - 19:16 #11
Jeg kunne altså godt få vinduet frem
Avatar billede nuki Nybegynder
27. juni 2001 - 19:17 #12
Og jeg vil nu også gøre som keysersoze foreslår
Avatar billede morgel Nybegynder
27. juni 2001 - 19:21 #13
okay, - det virker, -siger I begge 2... - jeg tager jer på ordet og værs\'go...
Avatar billede nuki Nybegynder
27. juni 2001 - 19:23 #14
øv bøv kun 10 point
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