Scrolling engedélyezése

Scrolling engedélyezése
2012-03-10T19:35:27+01:00
2012-03-10T20:22:13+01:00
2022-11-25T00:17:20+01:00
force
Üdv mindenkinek!

Nem régiben itt prog.hu-n rátaláltam egy számomra is hasznos scriptre. Lényege, hogy ha rákattintok egy hivatkozásra, vagy buttonra, lefedi a hátteret. Viszont, nem teljesen hasznos így számomra, ugyanis a tartalomban, nincs scroll, tehát, ha sok szöveget írok bele, nem jelenik meg a többi része. Próbáltam beírni DIV tagek közé, hogy scrolling="yes", de így sem működik.

A kód a következő:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="hu-HU">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
</head>

<body>
<style>
#fedo {
background-color: #000000;
height: 100%; /* MAGASSÁGA */
filter:alpha(opacity=70)!important;
opacity: 0.7!important;
-moz-opacity:0.7!important;
-webkit-opacity: 0.7!important;
-khtml-opacity: 0.7!important;

text-align: center;
padding-top: 10px;
width: 100%;
position:fixed;
left: 0px;
top: 0px;
z-index:99;
}

#urlaphely {
Z-INDEX: 100;
POSITION: fixed;
border:1px solid #0000FF;
WIDTH: 400px;
height: 640px;
BOTTOM: 0px;
display: none;
MARGIN-LEFT: -200px;
TOP: 50px;
LEFT: 50%;
background-color: #ffffff;
s


}</style>
<div style="display:none;" id="fedo">
</div>
<script>
function lefed()
{
document.getElementById('fedo').style.display=''
document.getElementById('urlaphely').style.display='block'
}
function rejt()
{
document.getElementById('fedo').style.display='none';
document.getElementById('urlaphely').style.display='none';
}
</script>

<div id="urlaphely" scrolling="yes">
<div style="text-align:right">
<a href="#" style="padding:10px" onclick="rejt();return false">Bezárás</a> </div>
Itt akármi
teszt<BR>
teszt<BR>
teszt<BR>
teszt<BR>
teszt<BR>
teszt<BR>
teszt<BR>
teszt<BR>
teszt<BR>
teszt<BR>
teszt<BR>
teszt<BR>
teszt<BR>
teszt<BR>
teszt<BR>
teszt<BR>
teszt<BR>
teszt<BR>
teszt<BR>
teszt<BR>
teszt<BR>
teszt<BR>
teszt<BR>
teszt<BR>
teszt<BR>
teszt<BR>
teszt<BR>
teszt<BR>
teszt<BR>
teszt<BR>
teszt<BR>

</div>

<input type="button" onclick="lefed()" value="lefed">
<a href="#" onclick="lefed()" value="lefed">teszt</a>
</body>

</html>
Mutasd a teljes hozzászólást!
Így?
overflow:scroll;
Mutasd a teljes hozzászólást!

Tetszett amit olvastál? Szeretnél a jövőben is értesülni a hasonló érdekességekről?
abcd