Notifikationer

Markér alle som læst Log ud

lmdthel Nybegynder

11. marts 2007 - 18:35 Der er 2 kommentarer

popup der automatisk tilpasser størrelsen

Hej

Er der nogle der har et eksempel på hvordan jeg åbner et popup vindue som automatisk tilpasser størrelsen i forhold til den tabel som jeg har i popup vinduet? det vil sige at popup vinduet tilpasser sig til om der er 10 eller 100 liner in min tabel

Synes godt om

roenving Novice

12. marts 2007 - 00:56 #1

Hvis din mulighed virkelig er 10 eller 100 linjer, vil det nok være bedre, at brugeren ser muligheden for at scrolle, for hvis scroll-muligheden ikke findes, hvordan skal han så se det nederste ?-)

Synes godt om

mcardle Nybegynder

12. marts 2007 - 01:28 #2

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
<title>Resize Popup</title>
<script type="text/javascript">
function getRefToDivMod( divID, oDoc ) {
if( !oDoc ) { oDoc = document; }
if( document.layers ) {
if( oDoc.layers[divID] ) { return oDoc.layers[divID]; } else {
for( var x = 0, y; !y && x < oDoc.layers.length; x++ ) {
y = getRefToDivNest(divID,oDoc.layers[x].document); }
return y; } }
if( document.getElementById ) { return oDoc.getElementById(divID); }
if( document.all ) { return oDoc.all[divID]; }
return document[divID];
}

function openPerfectPopup(oW,oTitle,oContent) {
var x = window.open('','windowName','width=500,height=400,resizable=1');
if( !x ) { return true; }
x.document.open();
x.document.write('<html><head><title>'+oTitle+'<\/title><\/head><body>'+
(document.layers?('<layer left="0" top="0" width="'+oW+'" id="myID">')
:('<div style="position:absolute;left:0px;top:0px;display:table;width:'+oW+'px;" '+'id="myID">'))
+oContent+
(document.layers?'<\/layer>':'<\/div>')+'<\/body><\/html>');
x.document.close();
var oH = getRefToDivMod( 'myID', x.document ); if( !oH ) { return false; }
var oH = oH.clip ? oH.clip.height : oH.offsetHeight; if( !oH ) { return false; }
x.resizeTo( oW + 200, oH + 200 );
var myW = 0, myH = 0, d = x.document.documentElement, b = x.document.body;
if( x.innerWidth ) { myW = x.innerWidth; myH = x.innerHeight; }
else if( d && d.clientWidth ) { myW = d.clientWidth; myH = d.clientHeight; }
else if( b && b.clientWidth ) { myW = b.clientWidth; myH = b.clientHeight; }
if( window.opera && !document.childNodes ) { myW += 16; }
x.resizeTo( oW + ( ( oW + 200 ) - myW ), oH + ( (oH + 200 ) - myH ) );
if( x.focus ) { x.focus(); }
return false;
}
</script>
</head>
<body>

<script type="text/javascript">
var elm = "<table><tr><td>Hello</td></tr></table>";
</script>

<a href="noPop.html" onclick="return openPerfectPopup(300,'Titel På Vindue',elm);">Click here
to test this</a>

</body>
</html>

Det her virker, men jeg kan ikke få den til at include i php, så du må skrive det i variablen elm.

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

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.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS