Ajaxove funkcie

feko.yxo · Napísal **feko.yxo**: 10.05.2009 14:04

Chlapi potrebujem poradit.
Uvediem modelovú situáciu:
Mám obyčajný text input dam mu nastavim mu event onkeyup="ajaxova_fcia1();" a event onblur="ajaxova_fcia2();" a tu sa dostávame k problémeu, ak by som to spravil s obyčajnými jscriptovými fciami bez použitia ajaxu tak by to všetko fungovalo, neviete ako nato?
Pre tých ktorí doteraz nechápu: <input type="text" name="blabal" onkeyup="ajaxova_fcia1();" onblur="ajaxova_fcia2();" />

Prípadne ak použijem jscriptové funckie takto nejak:
<input type="text" name="blabal" onkeyup="jscritova_fcia1(); jscritova_fcia2();" /> tak to pekne funguje, ale ak to chcem spravit s ajaxovymi fciami, tak som v koncoch.

Tí, ktorí ma pochopili prosím poradťe.

djsulo · Napísal **djsulo**: 10.05.2009 15:57

a co ti na tom nefunguje alebo co chces vlastne urobit?

tomxi · Napísal **tomxi**: 10.05.2009 18:03

myslim ze chyba bude skor v tych "ajaxovych" funkciach..

feko.yxo · Napísal autor témy **feko.yxo**: 10.05.2009 19:29

Chlapi v tych funkciach nie je problem, tie sami o sebe funguju ale ak ich chcem dat k jednemu elementu viace eventov, alebo k jednemu eventu viacej aj. funkcii tak nejdu, ale ako hovorim funguju, len pri jedenom evente nefunuju a tak isto nefunguju pri jednom elemente.
Ak by som si dal ze
<input type="text" name="xxx"..... onblur="fcia1()" />
<input type="text" name="yyy" ..... onblur="fcia2()" />

tak by to fungovalo....ale v ak by som puzil:
<input type="text" name="xxx"..... onblur="fcia1();fcia2();" />
tak to nejde....

djsulo · Napísal **djsulo**: 10.05.2009 19:31

najlepsie bude ked sem hodis ako to mas presne zapisane tie riadky, lebo takto to musi ist.

feko.yxo · Napísal autor témy **feko.yxo**: 10.05.2009 19:37

......<td class="quantity"><input name="quantity" type="text" value="'.$this->getKs($i).'" onkeyup="prepocitaj('.$id.', '.$od.', '.$do.', this.value);" onblur="zobrazObsah();" /><span>ks</span></td> .....

ani takto

.....<td class="quantity"><input name="quantity" type="text" value="'.$this->getKs($i).'" onkeyup="prepocitaj('.$id.', '.$od.', '.$do.', this.value); zobrazObsah();" /><span>ks</span></td> ....

ani takto

....<td class="quantity"><input name="quantity" type="text" value="'.$this->getKs($i).'" onchange="prepocitaj('.$id.', '.$od.', '.$do.', this.value); zobrazObsah();" /><span>ks</span></td> .....

cize pri jednom evente ako je napr. onblur, onchagne, onkeyup to je jedno ake event to nefunguje, ani ak to rozdelim na dva eventy a pouzijem to pri jednom elemnente, ako tuna elemen je input

ale takto to funguje

....<td class="quantity"><input name="quantity" type="text" value="'.$this->getKs($i).'" onkeyup="prepocitaj('.$id.', '.$od.', '.$do.', this.value);" /><span>ks</span></td> ....

alebo aj takto to funguje

....<td class="quantity"><input name="quantity" type="text" value="'.$this->getKs($i).'" onkeyup="zobrazObsah();" /><span>ks</span></td> ....

potom napr ani toto mi nefunguje

<td class="del"><a href="javascript:zmazPolozkuZkosika('.$id.','.$od.','.$do.')" onclik="zobrazObsah();"><img src="img/icon/delete.gif" width="19" height="19" alt="Odstránit z košíka" title="Odstránit z košíka" /></a></td>

ale ak pouzijem iba jednu ajaxovu funkciu tak vsetko pekne ide, a ak vymenim ajaxove funkcie za ciso jscriptove tak funguje vsetko ako ma

djsulo · Napísal **djsulo**: 10.05.2009 19:54

aky je podla teba rozdiel medzi javascriptom a ajaxom, ked ich zapisujes tak isto? ved to je vsetko javascript

feko.yxo · Napísal autor témy **feko.yxo**: 10.05.2009 20:38

ajaxove funkcie pracuju pomocou ajaxoveho objektu so vzdialenym suborom, v mojom pripade s php suborom, ak pouzijem funckie bez ajaxu tak vsetko ide ako ma...

djsulo · Napísal **djsulo**: 10.05.2009 20:41

tak mozno mas chybu pri volani ajaxu, pouzivas xmlhttprequest alebo ajax request,updater,...?

feko.yxo · Napísal autor témy **feko.yxo**: 10.05.2009 22:20

for: djsulo;
Neviem či nečítaš čo píšem, alebo niečo také, ale ja som už písal, že mi tie vecičky fungujú pokial ich voláme úplne samotné prípadne ako som demonštroval na predchádzajúcich prípadoch, čiže ajaxové fcie sú dobre.
Ak by si náhodou pochyboval o ich funkčnosti a používam XMLHttpRequest.

stenley · Napísal **stenley**: 10.05.2009 23:07

problem je pravdepodobne v tom, ze obe funkcie pouzivaju ten isty objekt XMLHttpRequest... dalo by sa to vyriesit pouzitim viacerych objektov, ale to nie je velmi efektivne, preto pouzi radsej moznost ulozit jednotlive objekty do pola...

feko.yxo · Napísal autor témy **feko.yxo**: 10.05.2009 23:20

for stanley:

Kód:

var xmlXhr = getXMLHttpObject();

function getXMLHttpObject()
{
var xmlHttp;
try
  {
  // Firefox, Opera 8.0+, Safari
  xmlHttp=new XMLHttpRequest();
  }
catch (e)
  {
  // Internet Explorer
  try
    {
    xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
    }
  catch (e)
    {
    try
      {
      xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
      }
    catch (e)
      {
      alert("Your browser does not support AJAX!");
      return false;
      }
    }
  }
  return xmlHttp;
}
  function zmazPolozkuZkosika(id, from, to){
    var url="./ajax/scripts/kosik.php";
    url=url+"?akcia=zmaz&indx="+id+"&od="+from+"&do="+to;
    xmlXhr.onreadystatechange=vypisKosik;
    xmlXhr.open("GET",url,true);
    xmlXhr.send(null);
  }
  
 function prepocitaj(id, from, to, ks){
    var url="./ajax/scripts/kosik.php";
    url=url+"?akcia=prepocitaj&indx="+id+"&ks="+ks+"&od="+from+"&do="+to;
    xmlXhr.onreadystatechange=vypisKosik;
    xmlXhr.open("GET",url,true);
    xmlXhr.send(null);
 }

   function zobrazObsah(){
    var url="./ajax/scripts/kosik1.php";
    xmlXhr.onreadystatechange=vypisObsah;
    xmlXhr.open("GET",url,true);
    xmlXhr.send(null);
 }
 
 function vypisObsah(){
if (xmlXhr.readyState==4)
  {
  document.getElementById("kosik-obsah").innerHTML=xmlXhr.responseText;
  }
}

function vypisKosik(){
if (xmlXhr.readyState==4)
  {
  document.getElementById("kosik-in").innerHTML=xmlXhr.responseText;
  }
}

takto to vyzera u mna v ajax scriptoch, prosim ta, pomoz mi upravit ten kod, aby som mal ajax objekty v roznych poliach, bo teraz hned ma nenapada ako nato, i ked idem hned nad tym spekulovat, dakujem pekne

feko.yxo · Napísal autor témy **feko.yxo**: 10.05.2009 23:27

for stanley:
spravil som to ako si mi poradil a funguje to, este raz, vrela vdaka

feko.yxo · Napísal autor témy **feko.yxo**: 11.05.2009 23:01

Kód:

var xmlXhr = new Array();
xmlXhr[0] = getXMLHttpObject()
xmlXhr[1] = getXMLHttpObject();

function getXMLHttpObject()
{
var xmlHttp;
try
  {
  // Firefox, Opera 8.0+, Safari
  xmlHttp=new XMLHttpRequest();
  }
catch (e)
  {
  // Internet Explorer
  try
    {
    xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
    }
  catch (e)
    {
    try
      {
      xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
      }
    catch (e)
      {
      alert("Your browser does not support AJAX!");
      return false;
      }
    }
  }
  return xmlHttp;
}
  function zmazPolozkuZkosika(id, from, to){
    var url="./ajax/scripts/kosik.php";
    url=url+"?akcia=zmaz&indx="+id+"&od="+from+"&do="+to;
    xmlXhr[1].onreadystatechange=vypisKosik;
    xmlXhr[1].open("GET",url,true);
    xmlXhr[1].send(null);
  }
  
 function prepocitaj(id, from, to, ks){
    var url="./ajax/scripts/kosik.php";
    url=url+"?akcia=prepocitaj&indx="+id+"&ks="+ks+"&od="+from+"&do="+to;
    xmlXhr[1].onreadystatechange=vypisKosik;
    xmlXhr[1].open("GET",url,true);
    xmlXhr[1].send(null);
 }

   function zobrazObsah(){
    var url="./ajax/scripts/kosik1.php";
    xmlXhr[0].onreadystatechange=vypisObsah;
    xmlXhr[0].open("GET",url,true);
    xmlXhr[0].send(null);
 }
 
 function vypisObsah(){
if (xmlXhr[0].readyState==4)
  {
  document.getElementById("kosik-obsah").innerHTML=xmlXhr[0].responseText;
  }
}

function vypisKosik(){
if (xmlXhr[1].readyState==4)
  { 
  document.getElementById("kosik-in").innerHTML=xmlXhr[1].responseText;
  }
}

toto je moj upraveny kod, ale co ma trosku dost stve je to, ze ani povodny kod ani tento kod mi nefunguje pre IE a Operu, stanley nevies pomoct?

Myslim ze chyba bude v tom, ze OPERA nechce pracovat s innerHTML, lebo ajaxová funkcia sa vykona, ale nezobrazi vysledky. Ked refreshen stranku vidim zmeny, ktore sa vykonali dvaka ajaxu, no neboli zobrazene.

Ajaxove funkcie

Podobné témy