eventi ajax

[Mike]

salve, ho una select con 10 valori e sull'onChange chiamo una funzione ajax per far caricare altri dati filtrati in un'altra select. Fino a qui ci siamo.

Ho scoperto che se uso il cusore (tasto giu) velocemente per selezionare un valore nella prima select, ajax va in tilt, nel senso che mi carica i dati nella seconda select in ripetizione, anche se non sto facendo nulla.

esiste qualche controllo?

[Nick.ferro]

se ti muovi con il cursore cosa fa la seconda select??non ho capito..

[Mike]

se muovo velocemente il cursore, la seconda select si ricarica in continuazione senza terminare.

[Nick.ferro]

La chiamata ajax non puoi farla sincrona??
Così finchè non finisce una, non parte l'altra..

[Mike]

ci vorrebbe una funzione o altro per evitare il doppio click!

[Mike]

ho fatto qualcosa del genere ma non va:

• function clicked(topic,subcats) {
  
  first = topic;
  second = subcats;
  
  
  var el = document.getElementById(topic);
  var ob2=document.getElementById(subcats);
  
  
  if(ob2!=null){
  if(completato=='OK'){
  while(ob2.hasChildNodes()) { //removes items from dropdown if some already exist
  ob2.removeChild(ob2.firstChild);
  }
  completato='KO';
  inizioChiamata=dataChiamata.getTime();
  verificaTempoTrascorso();
  Ajax(el,ob2);
  
  }
  
  function verificaTempoTrascorso(inizioChiamata){
  var aa = setTimeout('verificaTempoTrascorso2(inizioChiamata )', 300);
  }
  
  verificaTempoTrascorso2 = function() {
  if((dataChiamata.getTime() - inizioChiamata) < massimaAttesa){
  completato="OK";
  clearInterval(aa)
  }
  }
  }
  }

[Mike]

Ho provato anche con altri script che si trovano in rete, infatti il problema sussiste quando arriva una mole di dati dal db x es. tutti i comuni della provincia di roma.... Non avete mai provato?

questo è il link dove ho scaricato l'applicazione con le select.project

[pietro09]

Prova se ti serve questo esempio:

function ListBox_regioni_onchange_get(v)
{
	v.disabled = true;
	var j = new Ajax("?ajax_comando=provincie&codice_istat_regione=" + v.value, onload, null, onerror );

	function onload()
	{
			var t = this.request.responseText;
			//var tx = this.request.responseXML;
			
			document.getElementById("div1").innerHTML = t;
			v.disabled = false;
	}

	function onerror()
	{
		v.disabled = false;
		this.defaultError();
	}

}