ajax honlap igy szokták?
sziasztok :)
elkeztem egy ajax honlapot hát nem vagyok benne biztos hogy igy kell csinálni gondolom van egyszerübb megoldás.Azt csinálom hogyha rá nyomok a menüpontra akkor teruletbe betölti a dolgokat és igy sokkal gyorsabb.
a gombok:
ezt egy home.php tölöm ahol a divnem tartalom értéket attam vagy is csak egy fáljba dolgozom.(home.php)
azt a kérdésem ajax honlapoknál is igy csinálják vagy más modon?
■ elkeztem egy ajax honlapot hát nem vagyok benne biztos hogy igy kell csinálni gondolom van egyszerübb megoldás.Azt csinálom hogyha rá nyomok a menüpontra akkor teruletbe betölti a dolgokat és igy sokkal gyorsabb.
a gombok:
<button type="button" onclick="home()">főoldal</button>
<button type="button" onclick="chat()">chat</button>
<button type="button" onclick="chat()">chat</button>
ezt egy home.php tölöm ahol a divnem tartalom értéket attam vagy is csak egy fáljba dolgozom.(home.php)
<script type="text/javascript">
function home()
{
var xmlhttp;
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("tartalom").innerHTML=xmlhttp.responseText;
}else{
document.getElementById("tartalom").innerHTML = '<img src="ajax-load.gif" height="100" weight="100">';
}
}
xmlhttp.open("GET","home.php",true);
xmlhttp.send();
}
function chat()
{
var xmlhttp;
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("tartalom").innerHTML=xmlhttp.responseText;
}else{
document.getElementById("tartalom").innerHTML = '<img src="ajax-load.gif" height="100" weight="100">';
}
}
xmlhttp.open("GET","fal.php",true);
xmlhttp.send();
}
</script>
function home()
{
var xmlhttp;
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("tartalom").innerHTML=xmlhttp.responseText;
}else{
document.getElementById("tartalom").innerHTML = '<img src="ajax-load.gif" height="100" weight="100">';
}
}
xmlhttp.open("GET","home.php",true);
xmlhttp.send();
}
function chat()
{
var xmlhttp;
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("tartalom").innerHTML=xmlhttp.responseText;
}else{
document.getElementById("tartalom").innerHTML = '<img src="ajax-load.gif" height="100" weight="100">';
}
}
xmlhttp.open("GET","fal.php",true);
xmlhttp.send();
}
</script>
azt a kérdésem ajax honlapoknál is igy csinálják vagy más modon?
Így (is) szokták. Kérdés,
ezt hogy lehet ki küszöbölni
Ésszel
Úgy, hogy először írsz egy
Bár nem látom a teljes
Viszont, hamár. Minimum az, hogy nem minden függvénynél copypastoljuk be a teljes xmlhttp létrehozását, hanem külön megírjuk egy eljárásban. Ugye nem kell mondani, miért.
Igazán szép megoldás meg az, hogy (pláne, ha js-intenzív felületet akarsz készíteni) keresel egy számodra szimpatikus JavaScript frameworköt, és rengeteg munkát leveszel a válladról.
"Én személy szerint nem
öö ezt kicsit bővebben kifejtenéd hogy miért döntöttél és azt is hogy te hogy csinálnád?:)
még egy problémám akadt ajaxnál ha frissít a felhasználó akkor kezdőlapra frissít ezzel igazából számoltam csak nem tok erre megoldás.:(
Korlátozások
Ezen kívül az AJAX-szal betöltött tartalmat, amennyiben szeretnénk interaktívvá tenni, akkor ismételten fel kell dekorálni a megfelelő eseménykezelőkkel, be kell tölteni a megfelelő további JavaScript és CSS fájlokat stb., amikre szüksége van a tartalomnak a működéshez illetve megjelenítéshez.
Erre azért van megoldás, a neve History API.
poetrohmm... kicsit
hmm... kicsit kínai
"Ezen kívül az AJAX-szal betöltött tartalmat, amennyiben szeretnénk interaktívvá tenni, akkor ismételten fel kell dekorálni a megfelelő eseménykezelőkkel, be kell tölteni a megfelelő további JavaScript és CSS fájlokat stb., amikre szüksége van a tartalomnak a működéshez illetve megjelenítéshez."
vagy is az ajax hátrányos is lehet?O.o
Vagy már megint butus kodom:)
ajax vagy js?:)
Közepébe
Ami "kínai": Poetro itt arra gondolt - szerintem -, hogy a lekért tartalmad "menünként változik", mindegyik "oldalhoz" tartoznak CSS-ek, JS-ek, felhasználói események (klikk, hover, stb.), ezek szintén oldalanként különböznek. Tehát a különböző oldalakhoz való különböző egyéb adatokat, programokat is be kell töltsed, nem csak a HTML-t.
Légyszíves használj nagybetűket és írásjeleket, ahol kell.
Köszönöm pepita. Poetró
Poetró History API itt meik parancsra gondoltál??
A honlapom csak belépéskor van historyja uttána semmi vissza gombalse megy :(
Ez a baj
Blogbejegyzés
kriszrap, már nem először
A tisztelt fórumtársaimat sem értem, hogy beleesnek mindig az ilyen csapdákba, és olyanon próbálnak meg segíteni, aki annyi tiszteletet nem mutat irányukba, hogy megfogadja a tanácsaikat.
1 meg van a komplet
2 js nélkül működik a honlapom egyedül a chat fal nem.
3 ajax szal csak a fontos dolgokat hozatom be (csak a tartalmat és csak ami kell).
mindent behozz php css js képeket mindent.
az hogy egy divbe be hozza be a dolgokat az kiegészítőnek számít?:D
hát pl fal amit csináltam pici jsel azt biztos nem fog js tiltással menni vagy is ink a smilek beszúrása meg 5 másodperces fríssités.
ennyire tudtam válaszolni.
Ne haragudj, de saját magadat cáfolod.
De egyszerűbb példa az űrlapellenőrzés: szerveroldalon (PHP) mindenképp kell, míg - ha be van kapcsolva js - kliensoldalon Júzernek kényelmesebb, mert nem kell újratölteni az oldalt.
Hát én tudok magyarul, de ez a mondat még csak nem is töri... :)
Kértem már az írásképedet is javítani. Nem fogom elolvasni, ha erre is lusta vagy. A helyesírásoddal meg honlapszerkesztést sem szabadna vállalnod.
Off
kriszrap szerintem most is úgy érzi, mindent tud, "csak az a k.. gép/honlap nem akarja!". Egyébként - normális esetben - minél többet tudsz, annál kevésbé érzed azt, hogy ez "a minden" és annál több további tanulnivalót találsz. Legalábbis szerintem.
(A Mindig Kezdő)
na átnéztem mindent újra
egyedül az nem mükszik jsnélkül a smiley beszúró textareba.
csak ez.
de miért fontos ez hogy js nélkül menjen???
(nem otthon vagyok és ezért most ie-n nincs helyesírás javító)
Nem kell
A smiley nem fontos - szerintem - js nélkül (és azzal sem). Szerintem minden szükséges infót megkaptál a problémád megoldásához, ha mégsem, tegyél fel értelmes kérdést és megpróbálunk válaszolni.
rendben ezt a topikot
szerk.: bocs hogy megint írok csak most jutott eszembe
szaky írta:
hogy lehet ezt? kiváncsi vagyok erre.
Ismétlés a tudás anyja
Ismétlés a tudás anyja 2
függvény
Nem azt csináltam amit poetro
gombok:
Néha próbáld ki
Ezt mondjuk kikapcsolt js mellett (is) ajánlom. Akkor mit kapsz a gombok nyomkodására? (Itt ugye van egy "főoldal" gomb is...)
jól tátod van egy főoldal
js tiltásánál nem csinál semmitse:(
szerk.:
hogy lehetne ezt megoldani hogy js tiltással is menjen??
linkek
addig rendben hogy linket
Felfogás
Többen is leírták(tuk), hogy először megcsinálod az egész honlapot úgy, hogy js nélkül működjön. Itt szó sincs még ajax-ról. Esetleg ebből a megoldásból még "kimarad" a chat. De más semmi.
Szóval a szerveroldalon is kétféle tartalomkiszolgálás kell, de ezt is olvashattad már itt.
Még egyszer nagybetű és írásjelek nélkül írsz, én nem válaszolok. Akkor sem, ha így felbosszantasz az értetlenségeddel. Végeredményben én azt javaslom: felejtsd el a js-t, ajax-ot egyelőre (ezzel együtt a chat-et is), csinálj egy tényleg rendes oldalt. Ahogy elnézlek, ezzel is épp eléggé meg fogsz küzdeni...
Kabaré
Kik?
Pár hete a Drupal.hu-n láttam egy fórumtémát, ahol a kérdező még hisztizett is (épphogy nem anyázott), mégis sokan és sokat és szelíden válaszoltak neki, mígnem egy moderátor zárta a témát, mert rég kint volt már a megoldás. Ott én - pozitív értelemben - kiakadtam a válaszadók türelmén.
Na lassan 3 napja kesz vagyok
o_O
Miért is? Talán mert az AJAX egy rövidítés, és az igazi neve Asynchronous JavaScript and XML, magyarul aszinkron js és xml...
Ajánlom azt is, hogy tanulj meg helyesen írni az IE helyesírás-ellenőrzője nélkül. Ellenkező esetben késő lesz, egy, de egyetlenegy valamire való (nem csak informatikus) cég sem vesz fel olyan embert, aki nem tud helyesen írni.