Just nu i M3-nätverket
Jump to content

Heltäckande lager


pelleabc

Recommended Posts

Hejsan!

 

Jag har gjort en sida där poster ur en databas listas, och man kan ta bort poster med hjälp av AJAX-teknik, så att man inte behöver vänta på att sidan ska laddas om. Men för att man inte ska trycka på några fler länkar förrän borttagningen är färdig, vill jag att ett lager ska ploppa upp, som täcker hela sidan. Lagret ska inte bara vara lika brett/högt som fönstret eller skärmen är, utan det ska täcka allt även om man kan scrolla sidan i både x- och y-led.

 

Sedan vill jag ha en ruta, i vilken det står ett meddelande, och vars mitt är i mitten av fönstret hur man än scrollar. Rutan ska kunna sträcka ut sig i x- och y-led, beroende på innehållets storlek.

 

Någon som kan och vill hjälpa mig? :)

 

Tacksam för svar!

/ Pelle

 

Link to comment
Share on other sites

hejsan

 

jag gjort exempel

mitt exempel bygger på att html och body har x 100% o y 100%

men finns bättre lösning på det jag orka inte just nu lägga ner mig

 

för att man kan skriva ut x o y till div boxs width: och height hjälp av javascript

 

 




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

<html>
<head>
<title></title>

<style type="text/css">
html{
width: 100%;
height: 100%;

}

body{
width: 100%;
height: 100%;
margin: 0px;
}

</style>

<script type="text/javascript">
function fnCallDialog()
{

document.getElementById('hej').style.visibility="visible";

}
function fnCallDialog1()
{

document.getElementById('hej').style.visibility="hidden";

}
</script>

</head>

<body>
<div style="height: 100%; width: 100%; visibility: hidden; position: absolute; z-index: 1; background-color: #696969; color: ButtonHighlight;" id="hej">tjena<br><a href="javascript:fnCallDialog1();">stäng</a></div>
hejsan<br>
<a href="javascript:fnCallDialog();">öppna</a>

</body>


 

Link to comment
Share on other sites

Ditt exempel för första lagret funkar bra i x-led, men scrollar man i höjdled, håller det tyvärr inte. Tack så mycket för ditt tips iallafall, - inväntar fler! :)

 

 

(edit: problem med teckenuppsättningen i Opera.)

[inlägget ändrat 2009-02-08 02:06:36 av pelleabc]

Link to comment
Share on other sites

hejsan igen

 

som jag sa inatt body o html var 100% det innebär att om sidan är större än fönstenstorlek då kommer inte det fungera.. eftersom att vi sa till body o html var 100% i y.

 

nu jag har gjort ett nytt exempel

den här gången har jag skrivit ut den aktuella y på body till div boxs y.

då få div boxen samma aktuella y värdet som body.

 

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

<html>
<head>
<title></title>

<style type="text/css">
html{


}

body{

margin: 0px;
}

</style>

<script type="text/javascript">
function fnCallDialog()
{

document.getElementById('hej').style.visibility="visible";
var h = by.clientHeight;
document.getElementById('hej').style.height= h +"px";

}
function fnCallDialog1()
{

document.getElementById('hej').style.visibility="hidden";

}
</script>

</head>

<body id="by">
<div style="visibility: hidden; position: absolute; z-index: 1; background-color: #696969; color: ButtonHighlight; width: 100%;" id="hej">tjena<br><a href="javascript:fnCallDialog1();">stäng</a></div>
hejsan<br>
<a href="javascript:fnCallDialog();">öppna</a><br>


</body>


 

[inlägget ändrat 2009-02-08 12:31:49 av mac3]

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.



×
×
  • Create New...