Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: click(function() zamiana button na link
Forum PHP.pl > Forum > Po stronie przeglądarki
plcm
mialem link na swojej stronie po ktorego nacisnieciu zostawaly dodawane wartosci do bazy, chcialem przerobic to na jave zeby sie nie odswiezala strona. W javie wykombinowalem opcje z buttonem bo nie wiedzialem jak sie mam odniesc do linku takze link przerobilem na button

link
  1. [/html]
  2. <a href="<?php echo $_SERVER['PHP_SELF'];?>?akcja=dodaj16&id=<?php echo $pl['pl_id'];?>"><img src="but16.jpg" alt="1600" border="0" /></a>
  3. [html]

button
  1. [/html]
  2. <a href="<?php echo $_SERVER['PHP_SELF'];?>?akcja=dodaj16&id=<?php echo $pl['pl_id'];?>"><button type="submit" name="wprowadz1" class="submitButton">Kliknij mnie</button></a>
  3. [html]


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


Ale skrypt nie dziala czy ktos wie co moze byc nie tak?
tolomei
Witaj.

Nie powinieneś wstawiać buttona do znacznika <a>. Jeśli chcesz się odwołać do linku - nadaj mu jakieś id np.:
  1. <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>


W swoim skrypcie zwróć uwagę na linię 20. jeśli wrzucasz tam zmienną php to powinieneś zrobić to za pomocą bloku php z użyciem funkcji echo.
Nawet jeśli wyświetlisz już wartość tej zmiennej - musisz ją przesłać w odpowiedniej formie:
  1. // linia 20.
  2. data: { zmienna: '<?php echo $pl['pl_id']; ?>' },

Założyłem, że wartość zmiennej nie jest wartością liczbową, jeśli jest - możesz bez apostrofów.
Po tej modyfikacji będziesz odbierał dane przez zmienną $_GET['zmienna'].

Pamiętaj, że kod który piszesz to nie Java tylko JavaScript - nigdy tego nie myl.

Polecam artykuł http://www.altcontroldelete.pl/artykuly/aj...-json-w-jquery/

Pozdrawiam.
plcm
Dziekuje za pomoc zrobilem (bynajmniej tak mi sie wydaje) jak kazales i niestety nie dziala po nacisnieciu linku strona zaczyna sie przeladowywac ( co nie powinno nastapic bo dane maja sie dodawac bez przeladowania) i nic sie nie dzieje, dziala tak jakbym ja odswiezyl jedyne co sie zmienia to link jest do niego dodawane "?akcja=dodaj16&id=10" - nie jestem pewny lini nr 10 byl tam "submitButton" i zmienilem na ".mojlink" zeby javascript wiedzial w jakim momencie sie uruchomic i zastanawiam sie co do lini 12

var dataString = jQuery("form").serialize(); czy jakos nie powinienem sie tez do tego odwolywac np data = dataString ?

a i wartos zmiennej jest liczba dlatego usunalem apostrofy link jest jakby doklejany do kazdej pozycji wyswietlanej z bazy takze id ktore przesyla ma okreslac ktora pozycje user wybral



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


  1. [/html]
  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. [html]
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.