[JavaScript]Wywołanie funkcji Opcje

[stefik4]

Witam posiadam funkcje JS którą chaiał bym aby uruchamiała się wrac z załadowaniem strony. Próbowałem body onload ale nie działa ;/

Spróbowałem wpisać nazwę i też nic:

[PHP] pobierz, plaintext 
<script type="text/javascript">
      var dialogWidth = 300;
      var dialogHeight = 200;
      var timeout = 10000;
      function showModal(dW, dH)
      {
        var dialogDiv = document.getElementById("dialogDiv");
        var transparentDiv = document.getElementById("transparentDiv");
 
        if(!dialogDiv) return;
        if(!transparentDiv) return;
        if(!dW) var dW = dialogWidth;
        if(!dH) var dH = dialogHeight;
 
        dialogDiv.style.width = dW + "px";
        dialogDiv.style.height = dH + "px";
 
        var clientWidth = parseInt(document.documentElement.clientWidth);
        var clientHeight = parseInt(document.documentElement.clientHeight);
        var scrollHeight = parseInt(document.documentElement.scrollHeight);
        var scrollWidth = parseInt(document.documentElement.scrollWidth);
 
        transparentDiv.style.width = Math.max(scrollWidth, clientWidth) + "px";
        transparentDiv.style.height = Math.max(scrollHeight, clientHeight) + "px";
 
        var left = Math.floor((clientWidth - dW) / 2);
        var top = Math.floor((clientHeight - dH) / 2);
 
        dialogDiv.style.top = top -400+ "px";
        dialogDiv.style.left = left + "px";
 
        dialogDiv.style.display = "block";
        transparentDiv.style.display = "block";
      }
      function closeModal()
      {
        var dialogDiv = document.getElementById("dialogDiv");
        var transparentDiv = document.getElementById("transparentDiv");
 
        if(!dialogDiv) return;
        if(!transparentDiv) return;
 
        dialogDiv.style.display = "none";
        transparentDiv.style.display = "none";
      }
	  showModal(500,280);
</script> 
[PHP] pobierz, plaintext 

A gdy w treści strony dodam odnośnik: <a href="#" onclick="showModal(550, 290);">.</a> to funkcja otworzy okno i jest okej.

[Earth]

window.onload

[stefik4]

Kod

      window.onload = showModal;

nie działa.

[zegarek84]

w kliku na linku przekazałeś parametry - w onload nie podałeś żadnych parametrów [wygląda to tak jakbyś uruchomił funkcję showModal()] - w sumie nie zawsze trzeba przekazywać [poza tym akurat tutaj inaczej musiałbyś je przekazać np. przez funkcję anonimową jeśli już byś nic rozsądniejszego nie mógł wymyślić] - można je wcześniej zdefiniować - ale musiałbyś rozumieć zasięg zmiennych w javascript - wielu twierdzi, że to dziwny język - ale jak się zrozumie podstawowe zasady zaskoczyć może prostotą, łatwością definiowania prywatnych zmiennych, hermetyzacją, zmiennymi chronionymi [zaraz napiszą, że nie ma czegoś takiego ^^ ;p]

podsumowując bezsensowny skrót myślowy:
window.onload = function(){showModal(550, 290);};

ale lepiej poczytaj o zasięgu zmiennych - a zanim zrozumiesz javascript zapamiętaj jedno - funkcje tutaj są obiektami także, ale z kolei obiekty nie są funkcjami - mogą mieć zestawy metod [funkcji] i innych parametrów ale to nie obiekty...

Ten post edytował zegarek84 23.11.2010, 22:25:31

[stefik4]

[PHP] pobierz, plaintext 
        <script type="text/javascript">
 
      var dialogWidth = 300;
      var dialogHeight = 200;
      var timeout = 10000;
      function showModal(dW, dH)
      {
        var dialogDiv = document.getElementById("dialogDiv");
        var transparentDiv = document.getElementById("transparentDiv");
 
        if(!dialogDiv) return;
        if(!transparentDiv) return;
        if(!dW) var dW = dialogWidth;
        if(!dH) var dH = dialogHeight;
 
        dialogDiv.style.width = dW + "px";
        dialogDiv.style.height = dH + "px";
 
        var clientWidth = parseInt(document.documentElement.clientWidth);
        var clientHeight = parseInt(document.documentElement.clientHeight);
        var scrollHeight = parseInt(document.documentElement.scrollHeight);
        var scrollWidth = parseInt(document.documentElement.scrollWidth);
 
        transparentDiv.style.width = Math.max(scrollWidth, clientWidth) + "px";
        transparentDiv.style.height = Math.max(scrollHeight, clientHeight) + "px";
 
        var left = Math.floor((clientWidth - dW) / 2);
        var top = Math.floor((clientHeight - dH) / 2);
 
        dialogDiv.style.top = top -400+ "px";
        dialogDiv.style.left = left + "px";
 
        dialogDiv.style.display = "block";
        transparentDiv.style.display = "block";
      }
      function closeModal()
      {
        var dialogDiv = document.getElementById("dialogDiv");
        var transparentDiv = document.getElementById("transparentDiv");
 
        if(!dialogDiv) return;
        if(!transparentDiv) return;
 
        dialogDiv.style.display = "none";
        transparentDiv.style.display = "none";
      }
 
	        window.onload = function(){showModal(550, 290);};
</script>
[PHP] pobierz, plaintext 

nie działa. Już wszystkie opcje probowałem i wciąz nic.

[blade-mrn]

to powinno być chyba tak:
window.onload = showModal(550, 290);
a nie tak:
window.onload = function(){showModal(550, 290);};
Po co to function przecież ty wywołujesz funkcję a nie definiujesz nową.

[stefik4]

blade_mrn, nie działa ;/

[konrados]

No a co mówi konsola blędów? Ctrl+Shift+J w firefoxie.
Jak coś nie działa w js, to tam zaglądamy i sprawdzamy co nie działa.

[stefik4]

(IMG:http://upload.webds.pl/pictures/17779.png)