🚀 go-pugleaf

RetroBBS NetNews Server

Inspired by RockSolid Light RIP Retro Guy

Thread View: pl.comp.lang.javascript
1 messages
1 total messages Started by gerwazy_kr Sat, 26 Mar 2011 02:49
Brandmark - centrowanie
#50673
Author: gerwazy_kr
Date: Sat, 26 Mar 2011 02:49
51 lines
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()">&nbsp;X&nbsp;</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