Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Wyswietlanie warunkowe szczegółów kontaktu z bazy
Forum PHP.pl > Forum > XML, AJAX > AJAX
wint3rkill
16.07.2012, 12:41:22
Witam.
Problem obrazuje ilustracja:


W skrypcie chce zrobic zeby mozna bylo wyswietlic szczegóły tylko jednego kontaktu,
a reszta powinna się zwinąć

PLIK INDEX.php

[PHP] pobierz, plaintext 
  1. <?php
  2.  
  3. //baza danych tutaj jest podlaczana
  4. ?>
  5.  
  6. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html>
  7. <head>
  8.   <meta http-equiv="Content-type" content="text/html; charset=utf-8">
  9.  
  10. 	<script type="text/javascript">
  11. var XMLHttpRequestObject = false;
  12.  
  13. if(window.XMLHttpRequest){
  14.   XMLHttpRequestObject = new XMLHttpRequest();
  15. }
  16. else if(window.ActiveXObject){
  17.   XMLHttpRequestObject = new ActiveXObject("Microsoft.XMLHTTP");
  18. }
  19.  
  20. function pobierzDane(src, dest)
  21. {
  22.   if(XMLHttpRequestObject)
  23. 	{
  24.     var div = document.getElementById(dest);
  25.     var url = "pliki/info.php?id=" + src;
  26.     XMLHttpRequestObject.open("GET", url);
  27.     XMLHttpRequestObject.onreadystatechange = function()
  28.     {
  29.       if (XMLHttpRequestObject.readyState == 4 && 
  30.           XMLHttpRequestObject.status == 200) {
  31.           div.innerHTML = XMLHttpRequestObject.responseText;
  32.       }
  33.     }
  34.     XMLHttpRequestObject.send(null);
  35.   }
  36. }
  37. </script>
  38.  
  39. </head>
  40. <body>
  41.  
  42. <h1>Lista kontaktów</h1>
  43.  
  44. <?php
  45.  
  46. $query = mysql_query("SELECT * FROM `npc`");
  47. ?>
  48.  
  49. <table>
  50. <?php
  51. while($q = mysql_fetch_row($query))
  52. {
  53. ?>
  54.  
  55. <div>
  56. <tr>
  57. <input type="button" value="Szczegóły" onclick="pobierzDane('<?php echo $q[0];?>', 'div<?php echo $q[0];?>');" />
  58. 	<?php
  59. echo "[".$q[0]. "] ". $q[1]. " ". $q[2];
  60. ?>
  61.   </div>
  62.   <div id="div<?php echo $q[0];?>">
  63.  
  64. </div>
  65. 	</tr>
  66. <br>
  67. 	<?php
  68. }
  69. ?>
  70.  
  71.  
  72.  
  73. </table>
  74. </body>
  75. </html>
[PHP] pobierz, plaintext



PLIK INFO.php

[PHP] pobierz, plaintext 
  1. <?php
  2.  
  3. //baza danych
  4.  
  5. if(isset($_GET['id']))
  6. {
  7.  $id = $_GET['id'];
  8. $query = mysql_query("SELECT * FROM `npc` WHERE `id`='$id'");
  9. while ($q = mysql_fetch_row($query))
  10. {
  11. echo $q[0]. ", ". $q[1]. " ". $q[2]. ", ". $q[3]. ", ". $q[4]. ", ". $q[5]. ", ";
  12. }
  13.  
  14. }
  15. ?>
[PHP] pobierz, plaintext
piotrex41
16.07.2012, 13:25:41
Musiałbyś w jQuery zrobić zdarzenie click, i kiedy się to zdarzy to najpierw chowa/zwija wszystko, a później rozwija kliknięty obiekt. Bardzo prosty skrypt do napisania.
wint3rkill
16.07.2012, 17:25:49
Nie znam jQuery, na pewno później zacznę sięgo uczyć ale na razie potrzebuje prosty skrypt na to?
może jakiś pomysł na to?
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.