Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][JavaScript]DivID.innerHTML podwójny DIV
Forum PHP.pl > Forum > Przedszkole
neo1986kk
Witam
Mam taki kłopot:
AJAX przekazuje text to Diva:
  1. ...
  2. ...
  3. var divID = document.getElementById(divID);
  4. XMLHttpRequestObject.open("GET", url);
  5. XMLHttpRequestObject.onreadystatechange = function ()
  6. {
  7. if (XMLHttpRequestObject.readyState == 4)
  8. {
  9. divID.innerHTML = XMLHttpRequestObject.responseText;
  10. }
  11. }
  12. XMLHttpRequestObject.send(null);}
  13. }


w html mam div:
  1. <div id="divID"></div>


do tej pory śmiga pięknie:)

ale ja bym chciał, żeby przekazywał te dane w 2 miejsca czyli hmtl powinien wyglądać tak (?)
  1. .....
  2. .....
  3. <div id="divID"></div>
  4. .....
  5. ...
  6. ....
  7. ....
  8. <div id="divID"></div>


no i tak zrobiłem. Do pierwszego mi przekazuje a drugi jest pusty:(
nospor
wiesz co to jest ID? Unikalny identyfikator. A ty ten unikalny identyfikator nadajesz dla dwoch divow. Widzisz tu jakis blad?

var divID = document.getElementById(divID);
var divID2 = document.getElementById(divID2);


divID.innerHTML = XMLHttpRequestObject.responseText;
divID2.innerHTML = XMLHttpRequestObject.responseText;

.....
.....
<div id="divID"></div>
.....
...
....
....
<div id="divID2"></div>

Przeciez to takie oczywiste smile.gif
bastard13
W divach zamień sobie id na class i wtedy możesz mieć wiele egzemplarzy o tej samej nazwie.
Dodaj sobie taką funkcję:
  1. function zapiszDoWielu(nazwa,tekst)
  2. {
  3. var szukane=document.getElementsByTagName('div');
  4. for (i=0; i<szukane.length; i++)
  5. { if (szukane[i].className==nazwa)
  6. szukane[i].innerHTML=tekst;
  7. }
  8. }

i zamień jeszcze:
  1. if (XMLHttpRequestObject.readyState == 4)
  2. { divID.innerHTML = XMLHttpRequestObject.responseText; }
  3. //na
  4. if (XMLHttpRequestObject.readyState == 4)
  5. { zapiszDoWielu('divID',XMLHttpRequestObject.responseText); }

i powinno działać tak, jak chcesz.
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.