Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [AJAX] Kliknięcie w tekst zmienia dane na stronie
Kiubus
post 18.08.2011, 10:37:23
Post #1





Grupa: Zarejestrowani
Postów: 34
Pomógł: 0
Dołączył: 11.10.2010

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


Witam!
Kupiłem niedawno książkę "AJAX i PHP Praktyczny Kurs" autorstwa Marcina Lisa. Był tam prosty przykład aby udowodnić, że wymiana danych w AJAX nastąpiła bez przeładowania strony. Była biała strona, z przykładowym tekstem oraz przyciskiem który powodował zmianę tekstu na stronie na tekst znajdujący się w pliku dane.txt
Postanowiłem spróbować zrobić coś takiego w stronie ale już z CSS.

Napisałem taki kod do XMLHttpRequest:

[JAVASCRIPT] pobierz, plaintext
  1. <script type="text/javascript">
  2. var XMLHttpRequestObject = null;
  3.  
  4. if (window.XMLHttpRequest){
  5. XMLHttpRequestObject = new XMLHttpRequest();
  6. }
  7. else if (window.ActiveXObject){
  8. XMLHttpRequestObject = new ActiveXObject("Microsoft.XMLHTTP");
  9. }
  10.  
  11. function wczytajDane()
  12. {
  13. if(XMLHttpRequestObject){
  14. var p = document.getElementById("daneajax");
  15. XMLHttpRequestObject.open("GET", "http://link do mojego serwera/dane.txt");
  16. XMLHttpRequestObject.onreadystatechange = function()
  17. {
  18. if (XMLHttpRequestObject.readyState == 4 &&
  19. XMLHttpRequestObject.status == 200) {
  20. p.innerHTML = XMLHttpRequestObject.responseText;
  21. }
  22. }
  23. XMLHttpRequestObject.send(null);
  24. }
  25. }
  26. </script>
[JAVASCRIPT] pobierz, plaintext


Ale nie wiem jak zrobić żeby klikając w normalny tekst w menu (a nie przycisk) następowała zmiana danych.
Proszę o pomoc.
Go to the top of the page
+Quote Post
wookieb
post 18.08.2011, 10:38:37
Post #2





Grupa: Moderatorzy
Postów: 8 989
Pomógł: 1550
Dołączył: 8.08.2008
Skąd: Słupsk/Gdańsk




Temat: Jak poprawnie zatytulowac watek


--------------------
Go to the top of the page
+Quote Post
nospor
post 18.08.2011, 12:07:54
Post #3





Grupa: Moderatorzy
Postów: 36 557
Pomógł: 6315
Dołączył: 27.12.2004




Na tekście musisz podpiąć zdarzenie onclick - identycznie jak na przycisku. CSS nie ma tu nic do gadania.


--------------------

"Myśl, myśl, myśl..." - Kubuś Puchatek || "Manual, manual, manual..." - Kubuś Programista
"Szukaj, szukaj, szukaj..." - Kubuś Odkrywca || "Debuguj, debuguj, debuguj..." - Kubuś Developer

Go to the top of the page
+Quote Post
Kiubus
post 18.08.2011, 14:25:40
Post #4





Grupa: Zarejestrowani
Postów: 34
Pomógł: 0
Dołączył: 11.10.2010

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


A mógłbyś jakiś przykład podać?;p
Go to the top of the page
+Quote Post
drozdii07
post 18.08.2011, 15:59:07
Post #5





Grupa: Zarejestrowani
Postów: 254
Pomógł: 39
Dołączył: 6.12.2010
Skąd: localhost

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


  1. <p onclick="jakas akcja">Tekst</p>


--------------------
Wspieram akcję "jQuery i AJAX to nie język programowania"
Go to the top of the page
+Quote Post

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

 



RSS Wersja Lo-Fi Aktualny czas: 16.06.2025 - 23:28