Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: przesylanie danych przez onCLick i przypisanie onClick do linku
Forum PHP.pl > Forum > XML, AJAX
plcm
wyswietlam na stronie rekordy z tabeli "cos" powiedzmy ze sa tam 3 rekordy nic1, nic2, nic3 i wyswietlam je w formie tabeli jedno pod drugim stworzylem do tego link ktory autmatycznie dokleja sie do kazdego rekordu i po jego nacisnieciu dodaje do tabeli "test" id nic1, id nic2, albo id nic3 po prostu w zaleznosci od tego obok ktorego rekordu kliklem link. Link wyglada tak

  1. [/html]
  2. <a href="<?php echo $_SERVER['PHP_SELF'];?>?akcja=dodaj18&id=<?php echo $pl['pl_id'];?>"><img src="but18.jpg" alt="1800" border="0" /></a>
  3. <?php
  4. ($_GET['akcja']=='dodaj18') {
  5. $id_p = $_GET['id']
  6. $q = "INSERT INTO test (id_test) VALUES ($id_p)
  7. ?>
  8. [html]


chcialmy go przerobic na javascript zeby bez przeladowywania strony dodawal sie ten rekord i nie wiem jak zrobic opcje onClick do tego linku bo wszedzie gdzie szukam zawsze onClick odnosi sie tylko do buttona, prosze o pomoc
pozdrawiam
gorden
poczytaj o ajax.
a onclick możesz przypisać do każdego elementu
plcm
probowalem w ten sposob ale nie dziala

  1.  
  2. <form action="" method="GET"> //
  3.  
  4. <td>
  5. <a id="mojlink" href="<?php echo $_SERVER['PHP_SELF'];?>?akcja=dodaj16&id=<?php echo $pl['pl_id'];?>"><img src="but16.jpg" alt="1600" border="0" /></a> </td>
  6. </form>


  1. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" type="text/javascript" charset="utf-8"></script>
  2.  
  3. <script type="text/javascript">
  4.  
  5. $(document).ready(function()
  6.  
  7. {
  8.  
  9. $(".mojlink ").click(function(){
  10.  
  11. var dataString = jQuery("form").serialize();
  12.  
  13. $.ajax({
  14.  
  15. type: "GET",
  16.  
  17. url: "get16.php",
  18.  
  19. data: { zmienna: <?php echo $pl['pl_id']; ?> },
  20.  
  21. success: function(html){
  22.  
  23. $("#loadplace").html(html);
  24.  
  25. }
  26.  
  27. });
  28.  
  29. return false;
  30.  
  31. });
  32.  
  33. });
  34.  
  35. </script>
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.