Jump to content
php.lv forumi

PHP+Ajax pamati


hoho

Recommended Posts

Sveiki

Meginu saakt apguut Ajax pamatus un saaku ar elementaaru piemeeru:

HTMl skripts:

 

<html>

<head>

<script src="selectcd.js"></script>

</head><body><form>

Select a CD:

<select name="cds" onchange="showCD(this.value)">

<option value="Bob Dylan">Bob Dylan</option>

<option value="Bee Gees">Bee Gees</option>

<option value="Cat Stevens">Cat Stevens</option>

</select>

</form><p>

<div id="txtHint"><b>CD info will be listed here.</b></div>

</p></body>

</html>

 

Un JS:

var xmlHttp

 

function showCD(str)

{

xmlHttp=GetXmlHttpObject()

if (xmlHttp==null)

{

alert ("Browser does not support HTTP Request")

return

}

var url="index.php"

url=url+"?q="+str

url=url+"&sid="+Math.random()

xmlHttp.onreadystatechange=stateChanged

xmlHttp.open("GET",url,true)

xmlHttp.send(null)

}

 

function stateChanged()

{

if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")

{

document.getElementById("txtHint").innerHTML=xmlHttp.responseText

}

}

 

function GetXmlHttpObject()

{

var xmlHttp=null;try

{

// Firefox, Opera 8.0+, Safari

xmlHttp=new XMLHttpRequest();

}

catch (e)

{

// Internet Explorer

try

{

xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");

}

catch (e)

{

xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");

}

}

return xmlHttp;

}

 

 

 

Bet kad es kaut ko izveelos dropdownaa paraadas veel viena rindinja un veel viens dropdows ... kaapeec taa? :(

Link to comment
Share on other sites

Ar JS tev izskatās, ka viss ok.

 

Kā jau Delfins teica - paskaties, ko atgriež tas index.php fails, kad tam padod parametrus.

 

 

 

bet kaa uztaisiit lai peec darbiibas ar dropdownu rindinja neatkartotos?! :(

Kā tas ir ? Tev tur ar JS tas dropdown vispār netiek aiztikts. Tur nekas nevar atkārtoties. Ja tu to domāji tā, ka pārlūks rāda izvēlēto vienību gan pašā augšā, gan arī sarakstā, tad to to mainīt nevari. Ja nu veidojot pats savu dropdown menu, izmantojot HTML un JS.

Edited by andrisp
Link to comment
Share on other sites

×
×
  • Create New...