Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [AJAX][Java] onclick - jak zrobić
MaTeK_
post
Post #1





Grupa: Zarejestrowani
Postów: 7
Pomógł: 0
Dołączył: 30.06.2010

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

Witam.
Przeglądam internet i nie mogę znaleźć normalnego rozwiązania. Prosiłbym po prostu o zwykły kod, który będzie działał na zasadzie, że ktoś kliknie w przycisk "tekst" i po kliknięciu pokaże się ile razy klikano w przycisk. Była gdzieś akcja, że klikało się "Postaw znicz" i po tym pokazywano "x osób postawiło znicz" - gdzie x to liczba kliknięć w ten guzik. Nie wiem jak dokładnie się nazywa, ale chyba onclick
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
mmica
post
Post #2





Grupa: Zarejestrowani
Postów: 60
Pomógł: 20
Dołączył: 30.11.2010
Skąd: 127.0.0.1

Ostrzeżenie: (10%)
X----

Hey ;]

Sam z ciekawości spróbowałem to napisać, bo jeszcze nigdy wcześniej tego nie pisałem. Całe rozwiązanie oparłem o cztery pliki: index.html, ajax.js, licznik.php oraz licznik.txt. W index.html masz button i dołączony plik ajax.js obsługujący go, a w licznik.php skrypt PHP, który zapisuje kliknięcia i zwraca ich ilość. Plik licznik.txt przechowuje informację o kliknięciach.

index.html:
[HTML] pobierz, plaintext 
  1. <html>
  2. 	<head>
  3. 		<script type="text/javascript" src="./ajax.js"></script>
  4. 	</head>
  5. <body>
  6. 	<button onclick="MakeRequest()">Click!</button>
  7.     <div id="licznik">
  8.     </div>
  9. </body>
  10. </html>
[HTML] pobierz, plaintext


ajax.js:
[JAVASCRIPT] pobierz, plaintext 
  1. function getXMLHttp()
  2. {
  3.   var xmlHttp
  4.  
  5.   try
  6.  {
  7.     //Firefox, Opera 8.0+, Safari
  8.     xmlHttp = new XMLHttpRequest();
  9.   }
  10.   catch(e)
  11.   {
  12.     //Internet Explorer
  13.     try
  14.     {
  15.       xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
  16.     }
  17.     catch(e)
  18.     {
  19.       try
  20.       {
  21.         xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
  22.       }
  23.       catch(e)
  24.       {
  25.         alert("Your browser does not support AJAX!")
  26.         return false;
  27.       }
  28.     }
  29.   }
  30.   return xmlHttp;
  31. }
  32.  
  33. function MakeRequest()
  34. {
  35.   var xmlHttp = getXMLHttp();
  36.  
  37.   xmlHttp.onreadystatechange = function()
  38.   {
  39.     if(xmlHttp.readyState == 4)
  40.     {
  41.      HandleResponse(xmlHttp.responseText);
  42.     }
  43. }
  44.  
  45.   xmlHttp.open("GET", "ajax.php?get=qwe", true);
  46.   xmlHttp.send(null);
  47. }
  48.  
  49. function HandleResponse(response)
  50. {
  51.   document.getElementById('licznik').innerHTML = response;
  52. }
[JAVASCRIPT] pobierz, plaintext


licznik.php:
[PHP] pobierz, plaintext 
  1. <?php
  2. 	if(isset($_GET['get']))
  3. 	{
  4. 		$clicks = @file_get_contents('./licznik.txt');
  5. 		@file_put_contents('./licznik.txt', $clicks+1, LOCK_EX);
  6.  
  7. 		echo $clicks.' clicks!';
  8. 	}
  9. ?>
[PHP] pobierz, plaintext


Plikowi licznik.txt musimy nadać prawa do zapisu! W innym wypadku otrzymamy błąd zapisu do pliku. Napisane na szybko (IMG:style_emoticons/default/aaevil.gif) !

Pozdrawiam,
mmica

Ten post edytował mmica 1.12.2010, 07:33:58
Go to the top of the page
+Quote Post

Posty w temacie
- MaTeK_   [AJAX][Java] onclick - jak zrobić   30.11.2010, 21:00:14
- - smietek   Do tego elementu dodajesz akcję po kliknięciu (tak...   30.11.2010, 21:41:37
- - mmica   Hey ;] Sam z ciekawości spróbowałem to napisać, b...   30.11.2010, 22:30:11
- - MaTeK_   Kod/ajax.php was not found on this server. taki ma...   1.12.2010, 15:38:41
- - mmica   Mój błąd .. tak się kończy edytowanie kodu zaraz p...   1.12.2010, 16:12:55
- - MaTeK_   Działa. Dzięki wielkie .   1.12.2010, 16:17:54
- - bartek_fm   Mam dwa pytania. Czy ten kod uniemożliwia zliczan...   12.12.2010, 21:44:43
- - mmica   @bartek_fm: 1. Nie, ale możesz to zrobić dodając d...   13.12.2010, 07:03:02
- - hultman   Dzięki bardzo, mi także się przydały informacje za...   13.12.2010, 10:21:39

« Następny starszy · Przedszkole · Następny nowszy »
 

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

 

Tryb wyświetlania: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 1.04.2026 - 16:22
Powered By IP.Board © 2026  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn