2007 Január 7, Vasárnap 02:21 oda is lehet kattintani :)

How-to Ajax

dátum 2007 Január 7, Vasárnap 02:21 írta RoliSoft hozzászólások Nincs hozzászólás kategória Programozás


Google AdSense Reflection

Mivel egyre több honlapot készítenek web kettő pont nullára, ezért itt egy kis tutorial. (Kisebb és könyebben használhatóbb mint a Tutorial.hu-é)
Fontos hogy tudd: ha a teljes oldal tartalmát változtatod AJAX-el (tehát nem csak egy kis részt, hanem pl cikkeket) akkor látogatókat veszthetsz mert kezelhetetlenné válik a honlap a Back gombbal együtt. Ezt sokan szeretik használni, és nem még fog működni!
Legelső lépés, hogy szúrd be a következőt a honlapod <head>..</head> tagjai közé: (134 karakter a full ajax kérés grimasz)

<script type="text/javascript">
function ajax(url){req=new XMLHttpRequest();req.open('GET',oldal,false);req.send(null);
if(req.status==200){return req.responseText;}}
</script>


Ha ez megvan akkor már akkár mit betölthetsz a honlapodba frissítés nélkül.
Például vegyünk egy "Linkdoboz" Div Layer-t, amibe betöltsz szerver felőlileg pl az utolsó 10 linket, de helyezel egy linket ami betölti az összeset, (az archívumot) ilyenkor hasznosabb nem az egész oldalt újratölteni, sávszélességet is menthet:

<div id="linkdoboz">
<!-- tartalom -->
<a href="#" onclick="document.getElementById('linkdoboz').InnerHTML = ajax( 'linkdoboz_arhivum.html' ); return false;">Archívum</a>
</div>


Más példa, egyszerű üzenés:

<script type="text/javascript">
alert(ajax("hibauzenetek.php?id=1024&nyelv=hu"));
</script>


Ékezetek esetén van egy kis probléma, hogy ékezetek helyett kérdőjelek vagy álló téglalapok jelennek meg. Ezt karakterátkódolással lehet megoldani. Én úgy oldottam meg hogy szerver felőlileg (PHP) a következő headert küldtem:

<?php
header("Content-type: text/html; charset=iso-8859-1");
?>


További információt találhatsz ezeken az oldalakon:
Apple Developer Connection - Dynamic HTML and XML: Using the XmlHttpRequest Object
Mozilla Developer Center - XMLHttpRequest
W3C - The XMLHttpRequest Object
Wikipedia - XMLHttpRequest


Hozzászólások


Hozzászólások listázása növekvő vagy csökkenő sorrendben.



Szólj hozzá





5

BBKódok feldolgozása az üzenetben Grimaszok lecsérélése képekre

Statisztika

Ez a bejegyzés 104 hete, 2 napja, 23 órája és 45 perce született a programozás kategóriában, és pontosan a 38. itt a sandboxon.
Tartalmaz pontosan 1915 betűt szóközök nélkül, és 208 szót.
Ebben a kategóriában még volt 73 hete, 5 napja, 2 órája és 11 perce egy olyan bejegyzésem hogy NumLock, CapsLock, és ScrollLock kapcsolgatása C#-ból, aztán 82 hete, 2 napja, 2 órája és 18 perce megfordult a fejemben az is hogy Fájl listázás jobb klikkre, de nem szabad megfeletkezni egy olyan bejegyzésről sem amit 92 hete, 1 napja, 7 órája és 45 perce írtam, és az a címe hogy Készíts oldaltérképet a honlapodnak! - II. - Lustáknak. De még sok más bejegyzés van ebben a kategóriában, például a 92 hete, 1 napja, 8 órája és 45 perce írt Készíts lépcsőzetes URL-t a honlapodnak! bejegyzés is ide tartozik!