Thread View: pl.comp.lang.javascript
1 messages
1 total messages
Started by gerwazy_kr
Sat, 26 Mar 2011 02:49
Brandmark - centrowanie
Author: gerwazy_kr
Date: Sat, 26 Mar 2011 02:49
Date: Sat, 26 Mar 2011 02:49
51 lines
2714 bytes
2714 bytes
Witam,
Wygooglałem taki skrypt do tworzenia brandmarku i mam pytanie:
Czy da się jakoś przerobić ten kod JavaScript aby wyskakujące okienko
automatycznie się centrowało na środku ekranu niezależnie od rozdzielczości
ekranu?
Można kombinować w divach ustawiając "left" ale niestety na różnych
rozdzielczościach zawsze jest w innym miejscu.
Kod:
<script language="JavaScript" type="text/javascript">
var y1 = 20; // tu możesz zmienić pozycję y
(document.getElementById) ? dom = true : dom = false;
function hideIt() {
if (dom) {document.getElementById("layer1").style.visibility='hidden';}
}
function showIt() {
if (dom) {document.getElementById("layer1").style.visibility='visible';}
}
function placeIt() {
if (dom && !document.all) {document.getElementById("layer1").style.top =
window.pageYOffset + (window.innerHeight - (window.innerHeight-y1)) + "px";}
if (document.all) {document.all["layer1"].style.top =
document.documentElement.scrollTop +
(document.documentElement.clientHeight -
(document.documentElement.clientHeight-y1)) + "px";}
window.setTimeout("placeIt()", 10); }
// -->
</script>
Do tego jest jeszcze:
<div id="layer1" style="position:absolute; left:224px; width:410px;
height:10; visibility:hidden; top: 121px;">
<font face="verdana, arial, helvetica, sans-serif" size="2">
<div style="float:left; background-color:white; padding:3px; border:1px
solid black">
<span style="float:right; background-color:gray; color:white;
font-weight:bold; width='20px'; text-align:center; cursor:pointer"
onclick="javascript:hideIt()"> X </span>
Tutaj możemy wstawić to co ma się wyświetlić obrazek albo tekst. </div>
</font>
</font>
</div>
Thread Navigation
This is a paginated view of messages in the thread with full content displayed inline.
Messages are displayed in chronological order, with the original post highlighted in green.
Use pagination controls to navigate through all messages in large threads.
Back to All Threads