Søg
Avatar billede hvaskerder Nybegynder
20. december 2006 - 18:57 Der er 7 kommentarer og
1 løsning

scrollbars i popup vindue

Hej. Jeg har en kode der ser sådan her ud;
<script type="text/javascript">
<!-- Dette script og mange flere -->
<!-- findes hos http://www.html.dk -->
<!-- Start

function popup(url,name,win_height,win_width) {
    pos_horizon = ((screen.width/2)-(win_width/2));
    pos_vertical = ((screen.height/2)-(win_height/2));
    window.open(url,name,"width="+win_width+",height="+win_height+",top="+pos_vertical+",left="+pos_horizon);
    }

// Slut -->
</script>

Hvordan sætter jeg scrollbars i det vindue der åbner?
Avatar billede olebole Juniormester
21. december 2006 - 12:42 #1
<ole>

I det dokument, du loader i popup'en skriver du dette i head-elementet:

<style type="">
html, body {
    overflow: hidden;
}
</style>

/mvh
</bole>
Avatar billede hvaskerder Nybegynder
21. december 2006 - 19:48 #2
har sat den kode ind nede under den anden style kode der er men det funker ikke.. :S Sætter lige hele koden ind så er det lidt nemmere at se.

<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<!-- TemplateBeginEditable name="doctitle" -->
<title>more pics</title>
<!-- TemplateEndEditable -->
<style type="text/css">
<!--
.style2 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; }
.style3 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: bold; }
-->
</style>
<style type="">
html, body {
    overflow: hidden;
}
</style>
<script type="text/javascript">

function chgpic(tmppic){
tmpcur=document.getElementById("sbillede").src.replace("s.jpg",".jpg");
document.getElementById("sbillede").src=tmppic.src.replace(".jpg","s.jpg");
}

</script>
<!-- TemplateBeginEditable name="head" --><!-- TemplateEndEditable -->
</head>

Det er det dokument der skal poppe up jeg har sat koden i..
Avatar billede roenving Novice
24. december 2006 - 11:34 #3
-- nu havde ole jo også glemt at angive en gyldig type ...

-- og du har glemt en doctype og body, f.eks.

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<!-- TemplateBeginEditable name="doctitle" -->
<title>more pics</title>
<!-- TemplateEndEditable -->
<style type="text/css">
<!--
.style2 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; }
.style3 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: bold; }
-->
</style>
<style type="">
html, body {
    overflow: hidden;
}
</style>
<script type="text/javascript">

function chgpic(tmppic){
tmpcur=document.getElementById("sbillede").src.replace("s.jpg",".jpg");
document.getElementById("sbillede").src=tmppic.src.replace(".jpg","s.jpg");
}

</script>
<!-- TemplateBeginEditable name="head" --><!-- TemplateEndEditable -->
</head>
<body>

...

</body>
</html>
Avatar billede roenving Novice
24. december 2006 - 11:36 #4
Ups ...

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<!-- TemplateBeginEditable name="doctitle" -->
<title>more pics</title>
<!-- TemplateEndEditable -->
<style type="text/css">
.style2 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; }
.style3 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: bold; }
html, body {
    overflow: hidden;
}
</style>
<script type="text/javascript">
function chgpic(tmppic){
  tmpcur=document.getElementById("sbillede").src.replace("s.jpg",".jpg");
  document.getElementById("sbillede").src=tmppic.src.replace(".jpg","s.jpg");
}
</script>
<!-- TemplateBeginEditable name="head" --><!-- TemplateEndEditable -->
</head>
<body>

...

</body>
</html>
Avatar billede hvaskerder Nybegynder
24. december 2006 - 12:02 #5
kan godt være det er mig der sætter det ind forkert, for det virker stadig ikke :S.. Jeg sætter det ind i den side der popper op. Her er head koden for den side der linker til pop uppen;
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<!-- TemplateBeginEditable name="doctitle" -->
<title>Morph-Breed.com</title>
<!-- TemplateEndEditable -->
<style type="text/css">
<!--
body {
    background-color: #FFCC00;
    background-repeat: no-repeat;
}
.style1 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
}
.style4 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: bold;
}
a:link {
    color: #000000;
    text-decoration: none;
}
a:visited {
    color: #000000;
    text-decoration: none;
}
a:hover {
    color: #FF0000;
    text-decoration: none;
}
a:active {
    color: #FF0000;
    text-decoration: none;
}
.style5 {
    font-family: "Edwardian Script ITC";
    font-size: 36px;
}
-->
html {
          scrollbar-3dlight-color:#FFD302;
          scrollbar-arrow-color:#000000;
          scrollbar-base-color:#FFD302;
          scrollbar-track-color:#FFFFFF;
          scrollbar-darkshadow-color:#FFD302;
          scrollbar-face-color:#FFD302;
          scrollbar-highlight-color:#000000;
          scrollbar-shadow-color:#000000;
}
</style>
<!-- TemplateBeginEditable name="head" --><!-- TemplateEndEditable -->
</head>
Avatar billede hvaskerder Nybegynder
24. december 2006 - 12:08 #6
glemte lige at sætte link koden ind;
<a href="#" onclick="popup('normal_info.html','mitvindue','475','700');return false" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('normal','','pic/small/normal_front.jpg',1)"><img src="pic/small/normal_front_gr.jpg" alt="Normal Balls" name="normal" width="124" height="100" border="0" id="normal" /></a>
Avatar billede mclemens Nybegynder
01. januar 2007 - 17:04 #7
function popup(url,name,win_height,win_width) {
    pos_horizon = ((screen.width/2)-(win_width/2));
    pos_vertical = ((screen.height/2)-(win_height/2));
    window.open(url,name,"width="+win_width+",height="+win_height+",top="+pos_vertical+",left="+pos_horizon);
    }


->

function popup(url,name,win_height,win_width) {
    pos_horizon = ((screen.width/2)-(win_width/2));
    pos_vertical = ((screen.height/2)-(win_height/2));
    window.open(url,name,"width="+win_width+",height="+win_height+",top="+pos_vertical+",left="+pos_horizon+",scrollbars=yes");
    }
Avatar billede mclemens Nybegynder
01. oktober 2007 - 19:05 #8
Tak for 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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel Indlæg Oprettet Seneste aktivitet
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript 5 27/04/202620:09 03/05/202613:59
Validering af filnavn i formular Af Strawberry i JavaScript 8 14/04/202610:11 20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript 2 03/02/202614:19 04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript 9 18/04/202516:52 22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript 2 14/02/202511:47 27/06/202514:34
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I dag 18:09 Outlook Classic, lukker ikke Af mort1 i E-mail programmer
I går 20:48 Bred buet skærm vs. 2 skærme Af Nanarsi i Skærme
I går 18:07 Tilslut printer til netværk med WPS - hvis WPS slukkes på Router mistes forbindelse. Af Uvanga i Wifi
11/0521:05 Questyle M15i lydforstærker Af valby i Diverse
11/0518:27 Mærkeligt ikon på proceslinjen Af ErikHg i Windows
White papers
Flere white papers »