[ Okram_marko @ 19.11.2009. 16:05 ] @
Lijep pozdrav svima,


Pravim stranicu i zelim da mi u java popup prozoru prikaze <div> ... </div>
Sve super radi kada imam samo jedan prozor na jednoj lokaciji. Zelim sa drugim linkom da prikazem prozor na drugoj lokaciji.

Imam "Link 1" i "Link 2". Kada kliknem na prvi link, prozor broj 1 se treba prikazati npr 200 px from the top i 200 px from the left.
Kada kliknem na drugi link, drugi prozor treba da se prikaze na drugim koordinatama. Znaci, nezavisno od prvog. Trenutno mi se oba prozora pokazuju na istoj lokaciji, a to ne zelim.

evo js cod-a:

Code:

<script type="text/javascript" language="JavaScript">
   
      var cX = 0; var cY = 0; var rX = 0; var rY = 0;
   
      function UpdateCursorPosition(e){ cX = e.pageX; cY = e.pageY;}
   
      function UpdateCursorPositionDocAll(e){ cX = event.clientX; cY = event.clientY;}
   
      if(document.all) { document.onmousemove = UpdateCursorPositionDocAll; }
   
      else { document.onmousemove = UpdateCursorPosition; }
  
      function AssignPosition(d) {
  
      if(self.pageYOffset) {
  
      rX = self.pageXOffset;
  
      rY = self.pageYOffset;
  
      }
  
      else if(document.documentElement && document.documentElement.scrollTop) {
  
      rX = document.documentElement.scrollLeft;
  
      rY = document.documentElement.scrollTop;
  
      }
  
      else if(document.body) {
  
      rX = document.body.scrollLeft;
  
      rY = document.body.scrollTop;
  
      }
  
      if(document.all) {
  
      cX += rX;
  
      cY += rY;
  
      }
  
      d.style.left = (100) + "px";
  
      d.style.top = (100) + "px";
  
      }
  
      function HideContent(d) {
  
      if(d.length < 1) { return; }
  
      document.getElementById(d).style.display = "none";
  
      }
  
      function ShowContent(d) {
  
      if(d.length < 1) { return; }
  
      var dd = document.getElementById(d);
  
      AssignPosition(dd);
  
      dd.style.display = "block";
  
      }
  
      function ReverseContentDisplay(d) {
  
      if(d.length < 1) { return; }

      var dd = document.getElementById(d);

      AssignPosition(dd);

      if(dd.style.display == "none") { dd.style.display = "block"; }

      else { dd.style.display = "none"; }

      }

      //-->
 
      </script>



a triger je:


Code:

<a 
   onmouseover="ShowContent('uniquename1'); return true;"
   onmouseout="HideContent('uniquename1'); return true;"
   href="javascript:ShowContent('uniquename1')">
[Link 1]
</a>

<a 
   onmouseover="ShowContent('uniquename2'); return true;"
   onmouseout="HideContent('uniquename2'); return true;"
   href="javascript:ShowContent('uniquename2')">
[Link 2]
</a>

<div id="uniquename1">

<!-- ono sto ce prikazati prvi prozor.. -->

</div>



<div id="uniquename2">

<!--ono sto ce prikazati drugi prozor.. -->

</div> 




Kvaka je u tome sto se ova ista js skripta ima odraz na komplet stranicu. Koliko px u njoj stavim, svi prozori se drze istog. Neznam kako da stavim jedne parametre za jedan, a druge za drugi prozor.

Moze da se razdvoji u dvije razlicite js skripte, ako je potrebno.

Hvala unaprijed!