Forum PHP.pl > Dodawanie odpowiedzi z serwera

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: Dodawanie odpowiedzi z serwera

mock5

15.10.2007, 17:48:29

Witam wszystkich

Mam pytanie...
Jak przerobic ponizszy kod, zeby godzina dodawala sie po kazdym kliknieciu ponizej poprzedniej.

[HTML] pobierz, plaintext 
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">
<title>Ajax</title>
<script type="text/javascript">
var XMLHttpRequestObject = false;
 
if(window.XMLHttpRequest){
  XMLHttpRequestObject = new XMLHttpRequest();
}
else if(window.ActiveXObject){
  XMLHttpRequestObject = new ActiveXObject("Microsoft.XMLHTTP");
}
function pobierzDane(dest)
{
  if(XMLHttpRequestObject){
    var div = document.getElementById(dest);
    var url = "godzina.php";
    XMLHttpRequestObject.open("GET", url);
    XMLHttpRequestObject.onreadystatechange = function()
    {
      if (XMLHttpRequestObject.readyState == 4 && 
          XMLHttpRequestObject.status == 200) {
          div.innerHTML = XMLHttpRequestObject.responseText;
      }
    }
    XMLHttpRequestObject.send(null);
  }
}
</script>
</head>
<body>
<div>
<input type="button" value="Pokaz" onclick="pobierzDane('div1');" />
<br /><br />
</div>
<div id="div1">
 
</div>
</body>
</html>
[HTML] pobierz, plaintext

godzina.php

[PHP] pobierz, plaintext 
<?php
echo date("G:i:s");
?>
[PHP] pobierz, plaintext

W tej chwili po kazdym kliknieciu w Pokaz podmienia sie godzina, czyli wyglada np.
17:14:19" title="Zobacz w manualu PHP" target="_manual

A chce uzyskac taki efekt, ze po kilkakrotnym kliknieciu w Pokaz wyswietli sie np.
<span style="font-weight: bold;">17:14:19
17:14:20
17:14:23</span>
za kazdym razem pobierze godzine i doda za poprzednio pobrana.

Prosze o pomoc

DODANO

Ualo mi sie rozwiazac moj problem

co prawda nie dokonca tak jak chcialem...

[HTML] pobierz, plaintext 
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">
<title>Ajax</title>
<script type="text/javascript">
var XMLHttpRequestObject = false;
 
if(window.XMLHttpRequest){
  XMLHttpRequestObject = new XMLHttpRequest();
}
else if(window.ActiveXObject){
  XMLHttpRequestObject = new ActiveXObject("Microsoft.XMLHTTP");
}
 
fuction pobierzDane(dest)
 
{
  f(XMLHttpRequestObject){
 
   var div = document.getElementById(dest);
 
   var url = "data.php";
    var starazawartosc = document.getElementById("div1").value;
    XMLHttpRequestObject.open("GET", url);
    XMLHttpRequestObject.onreadystatechange = function()
 
    {
      if (XMLHttpRequestObject.readyState == 4 && 
          XMLHttpRequestObject.status == 200) {
          div.innerHTML = starazawartosc + '\r' + XMLHttpRequestObject.responseText;
      }
    }
    XMLHttpRequestObject.send(null);
  }
}
</script>
</head>
<body>
<div>
<input type="button" value="Data" onclick="pobierzDane('div1');" />
<br /><br />
</div>
<textarea id="div1"></textarea>
</body>
</html>
[HTML] pobierz, plaintext

Wynik wyswietla sie w TEXTAREA...
jezeli komus uda sie zeby to bylo w Div'ie albo innym gdzie mozna uzywac HTMLa wewnatrz, to prosze o napisanie tego w tym poscie...

Bede wdzieczny jezeli komus sie uda

box3r

19.10.2007, 13:00:38

1. najpierw pobierz z diva co juz jest ;
2. do ciagu tekstowego dodaj do co przychodzi z serwera;
3. zamien diva nowym ciagiem

mock5

19.10.2007, 13:17:56

Wlasnie tak robilem...

Tylko nie znam funkcji ktora pobiera z diva, bo nie dziala:

[HTML] pobierz, plaintext 
document.getElementById("nazwa_diva").value;
[HTML] pobierz, plaintext

Jezeli ktos zna taka funkcje, to bede wdzieczny za jej napisanie

Dziekuje box3r za zainteresowanie

box3r

19.10.2007, 13:43:10

Kod

document.getElementById("moj_div").childNodes[0].nodeValue;

ogolnie poczytaj o childNodes

zainstaluj firebuga i zobacz jak DOM wyglada

pzdr

mock5

19.10.2007, 15:39:09

Bardzo dziekuje!!!!!!!!

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.