Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> click(function() zamiana button na link
plcm
post
Post #1





Grupa: Zarejestrowani
Postów: 44
Pomógł: 0
Dołączył: 7.12.2010

Ostrzeżenie: (0%)
-----


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?

Ten post edytował plcm 11.05.2012, 00:47:35
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 2)
tolomei
post
Post #2





Grupa: Zarejestrowani
Postów: 450
Pomógł: 135
Dołączył: 18.11.2010
Skąd: Wschowa

Ostrzeżenie: (0%)
-----


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.
Go to the top of the page
+Quote Post
plcm
post
Post #3





Grupa: Zarejestrowani
Postów: 44
Pomógł: 0
Dołączył: 7.12.2010

Ostrzeżenie: (0%)
-----


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]


Ten post edytował plcm 11.05.2012, 15:52:50
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 22.12.2025 - 23:48