Just nu i M3-nätverket
Gå till innehåll
Eforum är stängt för nya inlägg och svar sedan 20 juni 2022. Klicka för att läsa vad som hände och om alternativ.

Heltäckande lager

pelleabc

Startad av pelleabc,
i Webbutveckling

Rekommendera Poster

pelleabc

pelleabc

Postad
Postad

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

 

Länk till kommentar
Dela på andra webbplatser
mac3

mac3

Postad
Postad

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>

 

Länk till kommentar
Dela på andra webbplatser
pelleabc

pelleabc

Postad
  • Trådskapare
Postad

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]

Länk till kommentar
Dela på andra webbplatser
mac3

mac3

Postad
Postad

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]

Länk till kommentar
Dela på andra webbplatser

Arkiverat

Det här ämnet är nu arkiverat och är stängt för ytterligare svar.

Gå till ämneslista


×
×
  • Skapa nytt...