[AJAX, PHP] Wykonywanie skryptu w kilku div'ach Opcje

[cafepl_com]

Witam,
rozpocząłem swoją zabawę z ajax'em dość niedawno i jak to bywa na samym początku - miewa się różne problemy.
Mój problem polega na tym, iż pewna operacja PHP wykonuje się w divie o nazwie poll. Ta "operacja" będzie wkrótce systemem oceniania, ale do rzeczy:
kod HTML:

[HTML] pobierz, plaintext 
<h2>Operacja w jednym divie:</h2>
<div id="poll">
<a style="cursor: hand;" onclick="getVote('wierszyki',1,5)">TAK</a>
<a style="cursor: hand;" onclick="getVote('gry',1,3)">NIE</a>
</div>
 
<h2>Operacja w drugim divie:</h2>
<div id="poll">
<a style="cursor: hand;" onclick="getVote('joljol',8,3)">TAK</a>
<a style="cursor: hand;" onclick="getVote('joljoljol',8,2)">NIE</a>
</div>
[HTML] pobierz, plaintext 

Plik poll.js:

[XML] pobierz, plaintext 
var xmlHttp
 
function getVote(page, id, rate)
{
xmlHttp=GetXmlHttpObject()
if (xmlHttp==null)
 {
 alert ("Browser does not support HTTP Request")
 return
 } 
var url='poll_vote.php?page='+escape(page)+'&id='+escape(id)+'&rate='+escape(rate)+''
xmlHttp.onreadystatechange=stateChanged 
xmlHttp.open("GET",url,true)
xmlHttp.send(null)
} 
 
function stateChanged()
{ 
 if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
 { 
 document.getElementById("poll").
 innerHTML=xmlHttp.responseText;
 } 
} 
 
function GetXmlHttpObject()
{ 
var objXMLHttp=null
if (window.XMLHttpRequest)
 {
 objXMLHttp=new XMLHttpRequest()
 }
else if (window.ActiveXObject)
 {
 objXMLHttp=new ActiveXObject("Microsoft.XMLHTTP")
 }
return objXMLHttp
}
[XML] pobierz, plaintext 

Cały mój problem polega na tym, iż kiedy zagłosuję na TAK w pierwszym czy w drugim divie - operacja wykonuje się tylko w tym pierwszym. Chciałbym, aby skrypt wykonywał się w tym divie, w którym zagłosowałem na tak albo nie. Wiem, że rozwiązaniem mojego problemu jest ta linijka:

[XML] pobierz, plaintext 
 document.getElementById("poll").
[XML] pobierz, plaintext 

; tylko nie za bardzo wiem jak temu zaradzić, aby operacja wykonywała się w tym "pojemniku", w którym uprzednio zagłosowałem.

Bardzo proszę o pomoc. Z góry dziękuję.

Ten post edytował cafepl_com 4.10.2008, 19:31:15

[melkorm]

[HTML] pobierz, plaintext 
<h2>Operacja w jednym divie:</h2>
<div id="poll1">
<a style="cursor: hand;" onclick="getVote('wierszyki',1,5,'poll1')">TAK</a>
<a style="cursor: hand;" onclick="getVote('gry',1,3,'poll1')">NIE</a>
</div>
 
<h2>Operacja w drugim divie:</h2>
<div id="poll2">
<a style="cursor: hand;" onclick="getVote('joljol',8,3,'poll2')">TAK</a>
<a style="cursor: hand;" onclick="getVote('joljoljol',8,2,'poll2')">NIE</a>
</div>
[HTML] pobierz, plaintext 

Kod

var xmlHttp

function getVote(page, id, rate, name)
{
xmlHttp=GetXmlHttpObject()
if (xmlHttp==null)
{
alert ("Browser does not support HTTP Request")
return
}
var url='poll_vote.php?page='+escape(page)+'&id='+escape(id)+'&rate='+escape(rate)+''
xmlHttp.onreadystatechange=stateChanged(name)
xmlHttp.open("GET",url,true)
xmlHttp.send(null)
}

function stateChanged(idDiv)
{
if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
{
document.getElementById(idDiv).
innerHTML=xmlHttp.responseText;
}
}

function GetXmlHttpObject()
{
var objXMLHttp=null
if (window.XMLHttpRequest)
{
objXMLHttp=new XMLHttpRequest()
}
else if (window.ActiveXObject)
{
objXMLHttp=new ActiveXObject("Microsoft.XMLHTTP")
}
return objXMLHttp
}

teoretycznie powinno zadziałać ;]

[cafepl_com]

Tak właśnie chciałem to rozwiązać, żeby każdy div miał inny id (pobierałbym te id z bazy). Szkoda tylko, że nie działa ten kod... gdzieś tu jest błąd.

[melkorm]

hm wkleiłem to do siebie wrzuciłem w funkcji "stateChanged" innertHTML poza warunek i działa bez problemu :/

może pokaż jak pobierasz te id z bazy ? i jak je wpisujesz do tej funkcji ?

[cafepl_com]

http://dodawane.topworld.org/ocena.html Pod tym adresem umieściłem ten system (bez bazy póki co). No i niestety nie działa. Nie wiem od czego to zależy, że u Ciebie OK a u mnie niestety nie.

Ten post edytował cafepl_com 4.10.2008, 21:31:48

[elpaw]

Cały mój problem polega na tym, iż kiedy zagłosuję na TAK w pierwszym czy w drugim divie - operacja wykonuje się tylko w tym pierwszym. Chciałbym, aby skrypt wykonywał się w tym divie, w którym zagłosowałem na tak albo nie. Wiem, że rozwiązaniem mojego problemu jest ta linijka:

[XML] pobierz, plaintext 
 document.getElementById("poll").
[XML] pobierz, plaintext 

; tylko nie za bardzo wiem jak temu zaradzić, aby operacja wykonywała się w tym "pojemniku", w którym uprzednio zagłosowałem.

Bardzo proszę o pomoc. Z góry dziękuję.

Nie powinieneś mieć sytuacji gdy dwa elementy mają takie samo id.

Jeśli dopiero zaczynasz pracę z ajaxem polecam Ci przyjrzeć się jQuery. Twój problem rozwiążesz raz dwa, po pierwszym tutorialu z podstaw jQuery. Kod który napisałeś będzie o wiele krótszy i przejrzysty.

[melkorm]

a daj zamiast :

Kod

<script src="poll.js"></script>

tak:

Kod

<script type="text/javascript" src="poll.js"></script>

[cafepl_com]

Niestety dalej nic. Plik PHP poll_vote.php wygląda dla informacji następująco:

[PHP] pobierz, plaintext 
<?php
$id = $_GET['id'];
$page = $_GET['page'];
$rate = $_GET['rate'];
echo '' . $id . ', serwis: ' . $page . '';
?>
[PHP] pobierz, plaintext 

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

Rozwiązałem mój problem w następujący sposób:

[HTML] pobierz, plaintext 
<script type="text/javascript">
if (window.XMLHttpRequest) 
  { 
   ObiektXMLHttp = new XMLHttpRequest(); } 
   else if (window.ActiveXObject) 
      { 
       ObiektXMLHttp = new ActiveXObject("Microsoft.XMLHTTP"); } 
 
 
function getData(page, id, rate, cel) { 
 if(ObiektXMLHttp) 
  {
   var url='wiad.php?page='+escape(page)+'&id='+escape(id)+'&rate='+escape(rate)+''
   var cel = document.getElementById(cel);
   ObiektXMLHttp.open("GET", url);
 
ObiektXMLHttp.onreadystatechange = function() 
{
 if (ObiektXMLHttp.readyState == 4)
   {
    cel.innerHTML = ObiektXMLHttp.responseText; 
   }
} 
 
ObiektXMLHttp.send(null); } } </script> 
 
</head>
<body>
 
<a href="#ocen" onclick="getData('gry',2876,5,'ocen2876')">Kliknij, aby wykonać operację</a>
 
<div id="ocen2876"> Tutaj pojawi się wiadomosc. </div> 
 
 
 
<a href="#ocen" onclick="getData('wierszyki',2877,2,'ocen2877')">Kliknij, aby wykonać operację</a>
 
<div id="ocen2877"> Tutaj pojawi się wiadomosc. </div>
[HTML] pobierz, plaintext 

Dziękuję za pomoc. Być może jak dokończę mój pierwszy system oceniania przy pomocy ajax to pochwalę się nim na forum (nie obiecuję). Pozdrawiam.

Ten post edytował cafepl_com 5.10.2008, 09:54:20