AJAX, php i DOM Opcje

[Alkagar]

Witam,
od razu mowie, że jestem zielony z AJAXA :-) wiec pytanie może wydać się troche głupie ale...

Problem wygląda następująco:
Mam stronke html na ktorej jest przycisk, po kliknięciu go uruchamia się AJAX i wykonuje skrypt z pliku file.php. czy jest możliwość zeby w tym pliku zdefiniować zmiane jakiegoś elementu na stronie głównej t.j. tym pliku html. Chodzi mi tutaj o zmiane typu:

[HTML] pobierz, plaintext 
document.getElementById('id').innerHTML = "costam";
[HTML] pobierz, plaintext 

ale żeby to zapisane w tym pliku php a nie w onSuccess w funkcji AJAX-owej.

Mam nadzieję że da sie zrozumieć choć troche to co napisałem : - )

Pozdrawiam,
Alk


P.S.
Dopisze tutaj bo nie chce zakładać nowego tematu.
Czy jest możliwość edycji plików *.xml przy uzyciu JS? Chodzi mi tutaj o dopisywanie danych lub zmiane juz istniejących wpisów.

Ten post edytował Alkagar 13.06.2006, 07:30:59

[anopak]

tak da się coś takiego zrobić. Trzeba wykonać eval na zwracanym tekscie. Oczywiście jeżeli chcesz dodać coś do stronki i zrobić eval to dochodzi Ci do tego jeszcze wyodrębnienie kodu JS od HTML. Bardzo dobrze jest to rozwiązane we frameworku prototype, którego jak widze to na tym forum mało ludzi używa, bo woli polskiego advAJAX. W każdym bądź razie, na forum już był ten temat poruszany, wystarczy poszukać

dla leniwych:
http://forum.php.pl/index.php?s=&showtopic...ndpost&p=257813

jest to kawałek z prototype odpowiedzialny za evaluowanie skryptów zwróconych przez request AJAX'a

Ten post edytował anopak 13.06.2006, 07:34:49

[Alkagar]

Sam eval działa ale ten prototype nie bardzo. gdzie mam dać ten tekst z obj.responseText?

P.S. mówiłem ze zielony jestem : - P

======
hmmmmm juz wiem czemu mi to nie działało, probowałem uruchamiac w operze . Jest możliwość zrobienia tego tak żeby w operze też działało bo poki co tylko IE?


Jeszcze jedno pytanie mam,
czy jest możliwość tworzenia plików xml tylko przy uzyciu JS-a? i potem poźniejsza ich edycja?
Chodzi mi o to by to rozwiazanie było możliwe do wykonania bez serwera (czyli php etc. odpada )

Ten post edytował Alkagar 13.06.2006, 15:23:23

[anopak]

cała bibloteka prototype działa poprawnie róznież pod operą...

Sam eval działa ale ten prototype nie bardzo. gdzie mam dać ten tekst z obj.responseText?

Kod

(...)
onSuccess:function(obj){
var data=obj.responseText;

var ScriptFragment = '(?:<script.*?>)((\n|.)*?)(?:<\/script>)';
var match    = new RegExp(ScriptFragment, 'img');
var response = data.replace(match, ''); //w response masz calosc bez skryptów JS
var scripts  = data.match(match); //w scripts masz same skrypty JS

match = new RegExp(ScriptFragment, 'im');
for (var i = 0; i < scripts.length; i++)
         eval(scripts[i].match(match)[1]);
}
(...)

Jeszcze jedno pytanie mam,
czy jest możliwość tworzenia plików xml tylko przy uzyciu JS-a? i potem poźniejsza ich edycja?
Chodzi mi o to by to rozwiazanie było możliwe do wykonania bez serwera (czyli php etc. odpada )

Nie ma szans, przecież JS działa po stronie klienta, a pliki masz po stronie serwera, a dzięki AJAX'owi masz komunikację między jednym a drugim...

[bigZbig]

@Alkagar - i co bys z tymi plikami xml chcial robic, gdzie chcialbys je zapisywac - na komputerze uzytkownika? XMLa stworzysz przy pomocy js, ale nie nie masz mozliwosci jego zapisania.

[Alkagar]

Przedstawie wam idee tego co chciałem zrobic : - ) może łatwiej zrozumieć będzie.

Miała to być lista filmów z tytułami, o czym film, etc. i to wszystko chciałem zrobić tak żeby działało po stronie clienta a nie servera gdyż chciałem to uruchamiać nawet na komputerze nie połączonym z internetem, bez zainstalowanego serwera. Więc, wchodziło by tutaj w gre otwieranie xml-a, odczytywanie zapisanych informacji (to wiem ze sie da) a ponadto także dopisywanie nowych danych pobranych z formularza (i tu jest problem bo nie wiem czy jest taka możliwość, plik znajdowałby się w katalogu wraz ze stroną z kodem). Prosta sprawa przy użyciu php tylko że wtedy potrzbny byłby serwer czego chciałbym uniknąć.

Czy jest szansa na zrobienie czegoś takiego? Czy JS pozwala nam na edycje plików znajdujących się wraz z nim w katalogu? Czy może jakis inny język (nie server-side) nadający się do tego?

Pozdrawiam,
Alk

P.S.
Co do opery to wykonywanie skryptu dochodzi pętli i tam sie zatrzymuje. Nie wykonuje żadnego przebiegu. W IE wszystko działa. Czym to może być spowodowane?

Ten post edytował Alkagar 14.06.2006, 07:57:46

[anopak]

Przedstawie wam idee tego co chciałem zrobic : - ) może łatwiej zrozumieć będzie.

Miała to być lista filmów z tytułami, o czym film, etc. i to wszystko chciałem zrobić tak żeby działało po stronie clienta a nie servera gdyż chciałem to uruchamiać nawet na komputerze nie połączonym z internetem, bez zainstalowanego serwera. Więc, wchodziło by tutaj w gre otwieranie xml-a, odczytywanie zapisanych informacji (to wiem ze sie da) a ponadto także dopisywanie nowych danych pobranych z formularza (i tu jest problem bo nie wiem czy jest taka możliwość, plik znajdowałby się w katalogu wraz ze stroną z kodem). Prosta sprawa przy użyciu php tylko że wtedy potrzbny byłby serwer czego chciałbym uniknąć.

Czy jest szansa na zrobienie czegoś takiego? Czy JS pozwala nam na edycje plików znajdujących się wraz z nim w katalogu? Czy może jakis inny język (nie server-side) nadający się do tego?

no w takim wypadku to się da. Nie jestem pewien czy na każdej przeglądarce będize działać, ale napewno na FF działa. Korzystałem kiedyś z zapisywania plików poprzez JS przy tworzeniu XUL, więc możesz poszukać pod hasłem "XUL zapis plików" w googlu...

P.S.
Co do opery to wykonywanie skryptu dochodzi pętli i tam sie zatrzymuje. Nie wykonuje żadnego przebiegu. W IE wszystko działa. Czym to może być spowodowane?

co do opery, to sprawdze i dam Ci znać...


---------------
ok, w operze też działa...
mam tak:

test.html

[HTML] pobierz, plaintext 
<div id="test"></div>
<script>
(...)
onSuccess:function(obj){
var data=obj.responseText;
 
var ScriptFragment = '(?:<script.*?>)((\n|.)*?)(?:<\/script>)';
var match    = new RegExp(ScriptFragment, 'img');
var response = data.replace(match, ''); //w response masz calosc bez skryptów JS
var scripts  = data.match(match); //w scripts masz same skrypty JS
 
match = new RegExp(ScriptFragment, 'im');
for (var i = 0; i < scripts.length; i++)
         eval(scripts[i].match(match)[1]);
 
$('test').innerHTML=data;
}
(...)
</script>
[HTML] pobierz, plaintext 

test.php - do niego sie odwoluje z AJAX'a

[PHP] pobierz, plaintext 
<?php
echo 'test jakis tam...
<script>
alert(1);
</script>';
?>
[PHP] pobierz, plaintext 

i działa bez problemowo...

Ten post edytował anopak 14.06.2006, 08:30:00

[Alkagar]

Hmmm...
Wklejam ten twój kod i dalej nie działa. Jaką masz wersje opery? ja uruchamiam na 8.5.

[anopak]

8.5.4...

wklej tu na forum caly kod, ktory wywoluje AJAX'a oraz odpowiedz z serwera.... trudno tak na sucho mówić co możesz mieć nie tak....

Ten post edytował anopak 14.06.2006, 12:46:06

[Alkagar]

Funkcja onclick na grafice wywołuje ajaxa:

[HTML] pobierz, plaintext 
<img src='grafika/login.gif'  onClick = "mySubmit(); " width='90' onMouseOver='document.body.style.cursor="hand"' onMouseOut='document.body.style.cursor="default"'>
[HTML] pobierz, plaintext 

Funkcja mySubmit(); :

[HTML] pobierz, plaintext 
function mySubmit()
{
  var name = document.getElementById('name').value;
  var pass = document.getElementById('pass').value;
  new advAJAX.post({
    url : "teksty/login.php?name=" + name + "&pass=" + pass,
    onInitialization : function()
    {
    document.getElementById('text').innerHTML = "";
    line1 = document.createElement('img');
    line1.src = 'grafika/loader.gif';
    line1.width = 200;
    line1.height = 100;
    document.getElementById('text').appendChild(line1);   
    },
    onSuccess : function(obj) 
    {
 
    var data=obj.responseText;
    var ScriptFragment = '(?:<script.*?>)((\n|.)*?)(?:<\/script>)';
    var match    = new RegExp(ScriptFragment, 'img');
    var response = data.replace(match, ''); //w response masz calosc bez skryptów JS
    var scripts  = data.match(match); //w scripts masz same skrypty JS
    match = new RegExp(ScriptFragment, 'im');
    for (var i = 0; i < scripts.length; i++)
      eval(scripts[i].match(match)[1]);
 
      document.getElementById('name').value = "";
      document.getElementById('pass').value = "";
      document.getElementById('text').innerHTML = obj.responseText;
    }  
  });  
}
[HTML] pobierz, plaintext 

No i kod pliku .php:

[PHP] pobierz, plaintext 
session_start();
header('Content-type: text/html; charset=iso-8859-2');
include '../func.php';
$user = new users();
unset($check);  
$check = $user->login($name, $pass);
if ($check == FALSE){
  session_unset();
  unset($name);
  $name = 'anonyomus';  
  ?>
  <h2>Wystąpił błąd podczas logowania</h2>
  <p>Podałeś błędne hasło lub złą nazwę użytkownika. Spróbuj zalogować się jeszcze
 raz bądź załóż konto jeżeli go jeszcze nie masz.</p>
 
  <script lanugage='JavaScript'>
  document.getElementById('usr').innerHTML = '<? echo($name);?>';
  document.getElementById('close_one1').style.display = 'none';
  </script>  
  <?
}else
{
  $_SESSION['name'] = $name;
  ?>
  <h2>Logowanie przebiegło pomyślnie : - )</h2>
  <p>Od tej pory  możesz się cieszyć cześcią serwisu dostępną tylko dla nielicznych.</p>
  <script lanugage='JavaScript'>
  document.getElementById('usr').innerHTML = '<? echo($name);?>';
  document.getElementById('close_one1').style.display = 'inline';
  </script>  
  <?
}
?>
[PHP] pobierz, plaintext 

[anopak]

może coś takiego...

Kod

advAJAX.post({
   ...,
   mimeType: 'text/plain'
};

a co masz wogule w obj.responseText? czyli np alert(obj.reponseText);

napewno zwraca Ci poprawną wartość?

[Alkagar]

[HTML] pobierz, plaintext 
<h2>Logowanie przebiegło pomyślnie : - )</h2>
  <p>Od tej pory  możesz się cieszyć cześcią serwisu dostępną tylko dla nielicznych.</p>
 
 
  <script lanugage='JavaScript'>
  document.getElementById('usr').innerHTML = 'kuba';
  document.getElementById('close_one1').style.display = 'inline';
  </script>  
 
<script lanugage='JavaScript'>
document.getElementById('usr').innerHTML = 'kuba';
</script>
[HTML] pobierz, plaintext 

To jest dokłądna wartość obj.responseText.
z tego co patrzylem to on ma problem z scripts.lengthbo jak to zamienie na przykłąd na 5 to wykonuje mi a przynajmniej zaczyna wykonywac pętle ale potem znowu nie przechodzi przez eval i na tym sie konczy wykonywanie scryptu.

Tylko to działa w IE wieć raczej błędu w zwracanej wartości być nie powinno : - (.

To: mimeType tez dałem i dalej tak samo jest.

Pozdrawiam,
Alk

Czyli nikt nie ma pomysłu dlaczego to nie działa na operze?

Właściwie to juz napisalem inna funkcje do evaluowania (?) kodu. Jakby ktoś chciał działającą pod operą to :

[PHP] pobierz, plaintext 
<?php
data = obj.responseText.split('n');
	  arraylen = data.length;
	  var i = 0;
	  while(i < arraylen)
	  {		
		if( data[i].indexOf("script") > -1)
		{
		  i++;
		  while(data[i].indexOf("/script") < 0)
		  {
 
			eval(data[i]);
			i++;
		  }
		}
		i++;
	  }
?>
[PHP] pobierz, plaintext 

Ten post edytował Alkagar 22.06.2006, 09:49:58