Keskustelu: Nettisivujen teko: Ajax Updater

Faarao [24.03.2008 23:40:13]

Terve!

En millään ole saanut sisäistettyä tuota Ajax.Updater luokkaa. JavaScript on muutenkin hieman vieraampi.

function refreshPage(params){
    new Ajax.Updater('index', 'home.php?'+params, {
});}

Eli kuinka nyt saan tämän toimimaan, kun linkkiä painetaan?

neau33 [25.03.2008 10:29:26]

Heippa Faarao!

onclick="refreshPage(parametrit)"

Faarao [25.03.2008 13:05:25]

Hmm. Ei onnistunut.

Tarkoitus olisi tehdä ns. frameset ilman <framea> tai <iframea> ja jonkin verran täällä selaistuani ja muutamista edellisistä kysymyksistäni olen saanut vastaukseksi että Ajaxilla tuon voisi toteuttaa. Mutta kuten sanoin jo etten oikeen ole vielä sitä sisäistänyt.

Tämmöinen frameset virittely ihan siksi että sivulla johon tuo tulisi on integroitu mp3soitin ja sen pitäisi soida sivuja selatessa.

Sivulla on siis jaettu käytännössä kolmeen osaan diveillä. Eli Valikko, sisältö ja sivupalkki jossa mp3soitin on. nyt siis sisältödivin sisältö pitäsi muuttua valikkoa selatessa.

navigointi on tällä hetkellä toiteutettu php:llä. Eli valikosta annetaan parametri index.php?pg=1 ja php lataa sivun yksi. Mutta samalla kun valikon linkkiä painetaan sivu latautuu kokonaan uudestaan ja musiikki lakkaa, koska soitinkin ladataan uudestaan.

Sivut on erään bändin ja siksi sivulla on musiikkisoitin. Soitin on toteutettu flashillä.

-Kiitos

neau33 [25.03.2008 15:14:36]

Heippa taas Faarao!

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Ajax - PHP example</title></head>
<body> <script language="javascript" type="text/javascript">
var xdiv;
function getHTTPObject(){

   if (window.ActiveXObject)
   return new ActiveXObject("Microsoft.XMLHTTP");
   else if (window.XMLHttpRequest) return new XMLHttpRequest();
   else {
   alert("Selaimesi ei tue AJAXia.");
   return null;
   }
}
   function setOutput(){
   if(httpObject.readyState == 4){
   //alert(httpObject.responseText)
   document.getElementById(xdiv).innerHTML = httpObject.responseTEXT
   }
}

function do_Work(url, div){
   xdiv=div
   httpObject = getHTTPObject();
   if (httpObject != null) {
   httpObject.open("GET", url)
   httpObject.send(null);
   httpObject.onreadystatechange = setOutput;
   }
}

var httpObject = null;
</script><form id="form1">
<!-- testaa tällä - laita tekstitiedostoihin se kama, jonka kulloinkin viet kulloiseenkin diviin-->
  <input type="button" value="nappi1"
  onclick="do_Work('sivu1.txt','div1')"/>
  <input type="button" value="nappi2"
  onclick="do_Work('sivu2.txt','div2')"  />
  <input type="button" value="nappi3"
  onclick="do_Work('sivu3.txt','div3')" />
  <div id="div1"></div>
  <div id="div2"></div>
  <div id="div3"></div>
</form></body></html>

Faarao [25.03.2008 22:10:44]

Pitää testata tuota. kiitos oikein paljon!

Vastaus

Aihe on jo aika vanha, joten et voi enää vastata siihen.

Kirjautuminen

Haku