[ajax] Moje pierwsze starcie, czyli przewodnik dla całkowicieZielonych Opcje

[kukix]

no i problem jkest w tym, że z tego formularza dochodzi tablica, ale tylko z pierwszym wpisem value=1 (count($zaznacz_mnie) zwraca 1)..da sie jakoś to ominąc..? czy advAJAX.assign() "potrafi"wysyłac tablice? spotkał sie może ktoś kiedyśz takim przypadkiem?

To jest jeden w błędów wersji 1.0, będzie poprawione w 1.1. Odnośnie 1.1.

Wlasnie testuje advAJAX 1.1 i chyba dalej jest problem z tymi tablicami.. pobiera mi tylko pierwszą i ostatnią wartośc z zaznaczonych pół... chyba dalej jest ten błąd.. ale jużchociaż lepiej niż przedtem...

[anAKiN]

Fakt. Poprawione:
http://advajax.anakin.us/opera/test4.html

Szkoda, że onProgress działa tylko na Mozili sad.gif Bardzo fajna sprawa.

Ze mną jak z dzieckiem To chyba jedyna implementacja na XHR która obsługuje onProgress w Operze.
http://anakin.us/blog/onprogress-w-operze/

Ten post edytował anAKiN 29.03.2006, 12:55:16

[kukix]

OK.. teraz tablice śmigają elegancko ...

Szkoda, że onProgress działa tylko na Mozili i Operze.. w sumie to większość internautów dalej korzysta z IE...

[TomASS]

W Operze to działa połowicznie...

[anAKiN]

W Operze to działa połowicznie...

A moze konkretniej i na maila? Malo mi to mowi. Zreszta z tego co sam testowalem i kilka innych osob, onProgress w Operze dziala tak jak w Mozilli.

[TomASS]

Wybacz Łukaszu moje niedoinformowanie. Otóż testowałem onProgress w ten sam dzień co się ukazała werska 1.1 i działało tylko na FF, w Operze było 4% i odrazu 100% - także napisałem, że działa 'połowicznie'. Teraz jest wszystko w prządku i działa bez zarzutu. Sorki za wprowadzenie lekkiej nutki haosu

[kukix]

A co z polskimi literami?
Wysyłając formularz funkcją advAJAX.assign() polskie litery zmieniają sie na jakieś znaczki, kwadraciki... sprawdzałem w phpmyadminie też nie wyświetlają sie polskie litery...

No ale z drugiej strony znaczki dobrze wyświetlają sie przez advAJAX.get()... co z tym zrobić...?

Na forum Skryptoteka.pl byl ten sam problem, ale coś nie moge tego rozwiązac..
Dałem do pliku w którym zapisuje dane z formularza ajaxa:

Kod

header("Content-Type: text/html; charset=iso-8859-2");

ale to nie pomaga..

Ten post edytował kukix 30.03.2006, 14:39:03

[chomiczek]

Gdzieś wyczytałem, w tej chwili nie pamiętam źródła, że przekazując dane z php do JS należy używać UTF, aby te dane były poprawnie przekazane.

O już znalazłem:
artykuł pt.: "ĄŚŹ czyli polskie ogonki w internecie" zamieszczony w magazynie INTERNET z listopada 2005r., zdaniem autora jedynym sposobem na rozwiązanie tego problemu jest UTF-16.

[Vogel]

z moich zabaw z komunikacją Flash <-> JS <-> HTML wynika ze to mozwe byc prawda. Jak na razie tylko z kodowaniem w Operze nie mialem klopotow, ale Firefox i MSIE maja ogromna "dziure" w kodowaniu znakow na linii komunikacji z JS (w samym JS jest ok, ale przesylanie danych do JS sie krzaczylo) :-/

polowicznym rozwiazaniem bylo wprowadzenie przeze mnie "translatora" (zmieniamy polskie czcionki na jakies zdefiniowane prez nas ciagi, przesylamy tresc do JS a JS wprowadza nam PL znaczki w miejscu wprowadzonych przez nas znacznikow). Sęk w tym że ta ostatnia częśc (przetwarzanie w JS) może w widoczny sposob spowalniać wyświetlenie załadowanej treści, zwłaszcza gdy mamy do czynienia z długimi tekstami.

[mariuszn3]

Do przesyłania różnych dziwnych znaczków (w tym polskich znaków diaktrycznych) przez url jest w js taka funkcja jak encodeURIcomponent()

[pawel_k]

nie wiem czy to jest błąd czy przemyślana sytuajcja ale czemu przy wysyłniu formularza w advAjax (za pomocą ajax.assign) nie wysyła pola <input type="submit" /> ?

btw. co do polskich znaków wysłanych za pomocą ajaxa to poradziłem sobie w następujący sposób:

[PHP] pobierz, plaintext 
<?php
 
foreach($_POST as $k => $v)
{
	$_POST[$k] = mb_convert_encoding($_POST[$k], "UTF-8","UTF-8");
}
?>
[PHP] pobierz, plaintext 

poźniej za pomocą Creole wstawiam dane do postgresa, bez mb_convert_encoding nie wstawiał mi danych, wywalał błędy o złych znakach. dziwna jest tylko ta zmiana z UTF-8 na UTF-8

Ten post edytował pawel_k 1.04.2006, 17:08:02

[chomiczek]

a ja właśnie sprawdziłem kwestie kodowania i nie trzeba stosować UTF-16, wystarczy UTF-8, plik w którym używam AJAXa jest kodowany UTF-8, plik towrzący XMLa jest kodowany w UTD-8 oraz sam wygenerowany XML jest zakodowany w UTF-8 i nie ma żadnych problemów

[Zepco]

Mozesz pobierac tylko dane z serwera, z ktorego zostal wywolany skrypt (np. php). Wzgledy bezpieczenstwa .

Da się to jakoś ominąć zmieniając ustawienia przeglądarki (np. w firefox poprzez about:config)?


-- edit --

Znalazłem, ale pewnie działa tylko w przeglądarkach z silnikiem Gecko. Dobre i to.
A oto kod:

Kod

try {
    netscape.security.PrivilegeManager.enablePrivilege("UniversalBrowserRead");
   } catch (e) {
    alert("Permission UniversalBrowserRead denied.");
   }

Ewentualnie w about:config ustawić
signed.applets.codebase_principal_support na true

Ten post edytował Zepco 2.04.2006, 20:19:50

[chomiczek]

Da się to jakoś ominąć zmieniając ustawienia przeglądarki (np. w firefox poprzez about:config)?

Wystarczy tylko przeczytać tutaj masz odpowiedź co i jak, a także informacje o ewentualnych zmianach w about:config

Ten post edytował chomiczek 2.04.2006, 19:11:37

[kukix]

co do polskich znaków wysłanych za pomocą ajaxa to poradziłem sobie w następujący sposób:

[PHP] pobierz, plaintext 
<?php
 
foreach($_POST as $k => $v)
{
    $_POST[$k] = mb_convert_encoding($_POST[$k], "UTF-8","UTF-8");
}
?>
[PHP] pobierz, plaintext 

Witam.
Jak to jest z tymi polskimi literami...?
Podczas zapisywania formularza przez advAJAX.assign() i wyświetlania przez advAJAX.get() to jest ok.. ale już na "zwykłej" stronie nie.. jak zmienie phpmyadminem wpis w bazie.. tzn dodam polskie litery to advAJAX.get() wyświetla krzaczki...

Natomiast dodane w phpmyadminie polskie litery wyświetlają sie dobrze na "zwykłej" stronie... Jak rozwiązać ten problem.. i na jakim etapie.. zapisu, czy odczytu danych z bazy...? Prosze o pomoc..

wszystkie posty na temat polskich liter nic mi nie mówią...

Ten post edytował kukix 7.04.2006, 19:23:25

[TomASS]

Hej. Może by tak kolejny przykładzik kogoś zainteresował ?

Bardzo często przy moich projektach spotykam się z proźbą klienta o możliwość 'kolorowania' poszczególnych wierszy w tabeli (rekordów). Fajna sprawa - klient np. zaznacza jakieś ważna dla drugiej strony rekordy na czerwono i już jest wiadomo o co chodzi. Jednak jest (był) mały problem - po każdorazowym pokolorowaniu wiersza trzeba było odświeżyć stronę. Naszczęście z pomocą mi przyszedł mi AJAX Oto co wykombinowałem:

Potrzebujemy oczywiście advAJAX.
Struktura bazy danych:

[SQL] pobierz, plaintext 
CREATE TABLE `kolory` (
  `ID` int(10) NOT NULL AUTO_INCREMENT,
  `Kolor` varchar(7) DEFAULT NULL,
  `ID_rekord` int(10) DEFAULT NULL,
  UNIQUE KEY `ID` (`ID`)
);
[SQL] pobierz, plaintext 

Teraz, gdy mamy odpowiednią tabelę dla naszych rekordów i w niej pole `Kolor` możemy zabrać się za wyświetlenie tychże rekordów. Plik proba.php :

[PHP] pobierz, plaintext 
<html>
 
<head>
</head>
<script>
function $(id){
 return document.getElementById(id);
}
function okienko(strona){
    window.open(strona, '', 'menubar=yes,toolbar=yes,location=yes,directories=yes,status=yes,scrollbars=yes,r
esizable=yes,fullscreen=no,channelmode=no,width=200,height=300,left=150,top=100');
}
</script>
<body>
<table border="1">
<?
$dbhost = 'localhost';
$dblogin = root;
$dbhaslo = '';
$db = test;
 
mysql_connect ("$dbhost","$dblogin","$dbhaslo") or die ("Nie masz uprawnien");
mysql_select_db ("$db");
 
for($i=1;$i<10;$i++){
    $query = "SELECT Kolor FROM kolory WHERE ID_rekord=$i LIMIT 1";
    $result = mysql_query($query);
    $row = mysql_fetch_array($result);
    $kolor = $row['Kolor']?$row['Kolor']:'#723F42';
    echo "<tr id=\"tr$i\" style='background: $kolor'>";
      echo '<td>'.$i.'</td>';
      echo '<td>'.($i*2).'</td>';
      echo '<td>'.($i*3).'</td>';
      echo "<td><button onclick=\"okienko('paleta.php?id=".$i."');\"></button></td>";
    echo '</tr>';
}
?>
</table>
</body>
</html>
[PHP] pobierz, plaintext 

Chyba nic nazwyczajnego, proste wyswietlanie rekordow - idziemy dalej....
plik paleta.php , który odpowiedzialny jest za pobranie koloru z palety:

[HTML] pobierz, plaintext 
<table width="50px;">
<tr><td bgcolor='#5478A4' onclick="wybierz_kolor('#5478A4');" style="curosr: hand;">&nbsp;</td><td bgcolor='#A534EF' onclick="wybierz_kolor('#A534EF');" style="curosr: hand;">&nbsp;</td></tr>
<tr><td bgcolor='#84D6E2' onclick="wybierz_kolor('#84D6E2');" style="curosr: hand;">&nbsp;</td><td bgcolor='#19D2A5' onclick="wybierz_kolor('#19D2A5');" style="curosr: hand;">&nbsp;</td></tr>
</table>
[HTML] pobierz, plaintext 

za 'dynamiczne' pokolowanie tabelki:

[HTML] pobierz, plaintext 
opener.$('tr<?echo $_GET['id'];>').style.background=kolor;
[HTML] pobierz, plaintext 

oraz zapisanie do bazy danych:

[HTML] pobierz, plaintext 
advAJAX.post({
           url : "zapisz_kolor.php",
           parameters:{
                kolor: kolor,
                id: '<?echo $_GET['id'];?>'
   },
   onSuccess : function(obj) {
   }
});
[HTML] pobierz, plaintext 

Cały plik wygląda następująco:

[HTML] pobierz, plaintext 
<html>
<head>
 
</head>
<body>
<script type="text/javascript" src="advajax.js"></script>
<script>
function wybierz_kolor(kolor){
    opener.$('tr<?echo $_GET['id'];?>').style.background=kolor;
    advAJAX.post({
            url : "zapisz_kolor.php",
            parameters:{
                kolor: kolor,
                id: '<?echo $_GET['id'];?>'
            },
            onSuccess : function(obj) {
            }
   });
}
</script>
<table width="50px;">
<tr><td bgcolor='#5478A4' onclick="wybierz_kolor('#5478A4');" style="curosr: hand;">&nbsp;</td><td bgcolor='#A534EF' onclick="wybierz_kolor('#A534EF');" style="curosr: hand;">&nbsp;</td></tr>
<tr><td bgcolor='#84D6E2' onclick="wybierz_kolor('#84D6E2');" style="curosr: hand;">&nbsp;</td><td bgcolor='#19D2A5' onclick="wybierz_kolor('#19D2A5');" style="curosr: hand;">&nbsp;</td></tr>
</table>
</body>
</html>
[HTML] pobierz, plaintext 

Pozostaje już tylko plik zapisujacy dane do bazy. zapisz_kolor.php:

[PHP] pobierz, plaintext 
<?
$dbhost = 'localhost';
$dblogin = root;
$dbhaslo = '';
$db = test;
 
mysql_connect ("$dbhost","$dblogin","$dbhaslo") or die ("Nie masz uprawnien");
mysql_select_db ("$db");
 
$kolor = mysql_escape_string($_POST['kolor']);
$rekord = (int)$_POST['id'];
$query = "SELECT * FROM kolory WHERE ID_rekord=$rekord LIMIT 1;";
$result = mysql_query($query);
 
 
if(mysql_affected_rows()>0){
    $query = "UPDATE kolory SET Kolor='$kolor' WHERE ID_rekord=$rekord;";
}
else{
    $query = "INSERT INTO kolory (Kolor, ID_rekord) VALUES ('$kolor',$rekord);";
}
$result = mysql_query($query);
mysql_close();
 
?>
[PHP] pobierz, plaintext 

Jestem pewnien, że dla Was to pestka

Gotowy i działający przykład można zobaczyć tutaj.

Powodzenia

Ten post edytował TomASS 13.04.2006, 08:01:26

[bigZbig]

@TomASS -> ciekawy przyklad - lubie zabawy z kolorami - tylko, co Ty zrobiles, ze sie Twoj post tak rozjechal?

[nospor]

Z racji faktu, iż powstał artykuł na podstawie topicu, topic zostaje przeniesiony na właściwe forum.
Dodatkowo, zaraz utworzę topic na XML, AJAX , w którym będą zbierane linki do artykułów, by mieć wszystko pod ręką

[marcz]

Witam!

Muszę przyznać, iż idea AJAXu bardzo mnie zainteresowała. W ogóle postanowiłem nie stać w miejscu, a zrobić krok do przodu i mała przesiadkę technologii. Czas odejść od schematu prosty HTML (tabelki) + prosty JS (używany właściwie symbolicznie) + PHP4 + MySQL.
Postanowiłem zacząć porządnie się edukować w celu wykorzystania technologii XHTML + AJAX + PHP5 (+ MySQL oczywiście). Mam jednakże kilka pytań bardziej ideologicznych niż technicznych (te pewnie będą później ). A mianowicie:

2. Troszeczkę nie rozumiem idei przedstawionej w przykładzie "php Solutions - Przykład 2. - Stronicowanie danych". O ile dobrze wywnioskowałem, to jest wysyłane zapytanie o odpowiednie dane, następnie są one pobierane z bazy i formowane w ładny i zgrabny XML, przesyłane na stronę i prezentowane w postaci tabelki. Dlaczego więc na poziomie pobierania danych z bazy nie upakować ich od razu w tabelkę, przesłać na stronę wyświetlić? Dlaczego stosujemy fazę pośrednią w postaci XMLa?

Z góry dziękuję za wytłumaczenie mi tych kwestii, będę wdzięczny .

Wycialem elementy nie majace nic wspolnego z tematem - NuLL

Ten post edytował NuLL 17.04.2006, 21:46:36

[TomASS]

Cześć

ad 2 skor pyt 1 zostało wycięte

Załóżmy, że chcesz wykorzsytać plik generujący XML nie tylko do wstawiania danych do tabelek, ale ten sam plik chcesz wykorzystac gdzieś indziej - po co robić dwa razy tan sam plik tylko z różnym sposobem wyświetlania plików?
Jeśli chciałbyś zmienić wygląd tabelki to po co ingerować w sposób przesyłu tych danych?
XML jest jednym ze standardów do konwersji i przesyłania danych (tak chyba to można w skrócie napisać). Zarówno php jak i JavaScript posiadają mechanizmy do 'obróbki' takich danych.


Powodzenia i wytrwania w postanowieniach