[PHP][AJAX]Okienko popup i zmienna Opcje

[redelek]

Witam,

Znalazłem na necie przykład okienka popup w ajax. Niestety nie za bardzo znam ten język.
Czy może ktoś mi pomóc jak do niego przekazać parametr z php ?

Tak wygląda kod

[HTML] pobierz, plaintext 
<script type='text/javascript'>
function myPopupRelocate() {
  var scrolledX, scrolledY;
  if( self.pageYOffset ) {
    scrolledX = self.pageXOffset;
    scrolledY = self.pageYOffset;
  } else if( document.documentElement && document.documentElement.scrollTop ) {
    scrolledX = document.documentElement.scrollLeft;
    scrolledY = document.documentElement.scrollTop;
  } else if( document.body ) {
    scrolledX = document.body.scrollLeft;
    scrolledY = document.body.scrollTop;
  }
 
  var centerX, centerY;
  if( self.innerHeight ) {
    centerX = self.innerWidth;
    centerY = self.innerHeight;
  } else if( document.documentElement && document.documentElement.clientHeight ) {
    centerX = document.documentElement.clientWidth;
    centerY = document.documentElement.clientHeight;
  } else if( document.body ) {
    centerX = document.body.clientWidth;
    centerY = document.body.clientHeight;
  }
 
  var leftOffset = scrolledX + (centerX - 250) / 2;
  var topOffset = scrolledY + (centerY - 200) / 2;
 
  document.getElementById("mypopup").style.top = topOffset + "px";
  document.getElementById("mypopup").style.left = leftOffset + "px";
}
 
function fireMyPopup() {
  myPopupRelocate();
  document.getElementById("mypopup").style.display = "block";
  document.body.onscroll = myPopupRelocate;
  window.onscroll = myPopupRelocate;
}
</script> 
<div id='mypopup' name='mypopup' style='position: absolute; width: 250px; height: 200px; display: none; background: #ddd; border: 1px solid #000;'>
 
<p>My content that will be displayed in the popup.</p>
<p>If you scroll the page, I'll keep my position in the center of the window.</p>
 
<input type='submit' value=' Close me! ' onClick='document.getElementById("mypopup").style.display="none"'>
</div>
 
<input type='submit' value=' Fire ! ' onClick='fireMyPopup()'>
[HTML] pobierz, plaintext 

Będę szalenie zobowiązany

pozdrawiam
Redelek

Ten post edytował redelek 24.06.2008, 09:58:31

[f1xer]

To napewno jest ajax? mi to wygląda na zwykły JavaScript, jaki parametr chcesz przekazać?

[HTML] pobierz, plaintext 
<p>My content that will be displayed in the popup.</p>
<p>If you scroll the page, I'll keep my position in the center of the window.</p>
[HTML] pobierz, plaintext 

zamień na np:

[PHP] pobierz, plaintext 
<?
echo "<p>Tresc okienka popup</p>";
?>
[PHP] pobierz, plaintext 

pod warunkiem że chcesz zmienić treść okienka popup, oczywiście zamiast echo wstawiasz dowolny kod który w końcu da jakiś wynik w HTML (obsługa bazy itp.)

[redelek]

pod warunkiem że chcesz zmienić treść okienka popup, oczywiście zamiast echo wstawiasz dowolny kod który w końcu da jakiś wynik w HTML (obsługa bazy itp.)

Tak okienko ma dostać ID które jest w bazie i wyświetlić dane dotyczące tylko tego rekordu.
zrobiłem tak

[PHP] pobierz, plaintext 
<?php
$rek= mysql_num_rows($wynik);
if( $rek == 0)
{
	echo '<div class="brak_newsa">
		Niestety nie ma nic w bazie. Proszę coś dodać</div>';
} 
else
{
 
while(list($id_news, $autor, $temat, $opis, $data) = mysql_fetch_array($wynik))
  {
 
	 $cnt++;
  echo '<div class="tytul_newsa"><b>'.$autor.'</b> | <I>'.$data.'</I> | '.$temat.'</div>
 
		<div class="tresc_newsa">'.$opis;
 
	 // echo " <a class=\"wiecej\" onclick=\"javascript:window.open('calosc_art.php?co=$id_news', 'edit', 'toolbar=no, menubar=no, location=no, personalbar=no, status=no, resizable=false,
 scrollbars=yes, copyhistory=no, width=600, height=300, top=center, left=center');\"> ... czytaj więcej... </a></div>"; 
echo '<div id='mypopup' name='mypopup' style='position: absolute; width: 250px; height: 200px; display: none; background: #ddd
; border: 1px solid #000;'>'.$id_news.'
 
<input type='submit' value=' Close me! ' onClick='document.getElementById("mypopup").style.display="none"'>
</div>
 
<input type='submit' value=' Fire ! ' onClick='fireMyPopup()'>';
  }
 
};
?>
[PHP] pobierz, plaintext 

Ale w każdym okienku popup mam id 5 a powinno się ono zmieniać 3 lub 1. Tu mam problem

Redelek

[f1xer]

Sorry ale chyba czegoś nie rozumiem po pierwsze to wywal to śmieszne

[PHP] pobierz, plaintext 
<?php
echo '<div id='mypopup' name='mypopup' style='position: absolute; width: 250px; height: 200px; display: none; background: #ddd
; border: 1px solid #000;'>'.$id_news.'
 
<input type='submit' value=' Close me! ' onClick='document.getElementById("mypopup").style.display="none"'>
</div>
 
<input type='submit' value=' Fire ! ' onClick='fireMyPopup()'>';
?>
[PHP] pobierz, plaintext 

i zamień to na mieszanine php i html po drugie jak to ma się niby zmieniać?? jakie jest zapytanie do bazy danych??
ja bym użył czegoś takiego:

[SQL] pobierz, plaintext 
SELECT * FROM tabela ORDER BY rand();
[SQL] pobierz, plaintext 

to zwróci ci elementy tablicy tabela w losowej kolejności dalej to już tylko wybrać pierwszy element i zapakować go do tego popupa
no ale powiem ci szczerze że nie rozumiem twojego zamiaru do czego ma niby ten kod który przedstawiłeś służyć

[redelek]

no ale powiem ci szczerze że nie rozumiem twojego zamiaru do czego ma niby ten kod który przedstawiłeś służyć

Oki już sobie darowałem. Chodziło mi o takie ładne okienko popup. Że treść strony widać w tle , a ono jest na froncie.
Okienko miało wyświetlać dane z bazy. Niestety nie znam js, ani ajax. Darowałem już sobie i zrobiłem
zwykłe przekierowanie za pomocą <a href=""> i działa tak jak chciałem.

[esiek]

ja skróciłem troche scrypt do

[XML] pobierz, plaintext 
function fireMyPopup(divek) {document.getElementById(divek).style.display = "block";}
[XML] pobierz, plaintext 

i wywołuje okienko tak:

[PHP] pobierz, plaintext 
<div id='mypopup' name='mypopup' class=mypopup><?include"scripts/na_treningu.php";?></div>
<input type='submit' class=text value='Szczegóły' onClick='fireMyPopup("mypopup")'>
[PHP] pobierz, plaintext 

styl tego okienka to:

[HTML] pobierz, plaintext 
.mypopup{
position:absolute;
left:280px;
top:150px;
x-index:10px;
background-color: #515556;
border: 1px dashed #ffffff;
padding: 12px;
display:none;
}
[HTML] pobierz, plaintext 

na chwile obecna mi wystarcza szukam scryptu na modalne okienko czyli takie ktore zablokuje pozostała część strony