Ciao a tutti ragazzi...
Sono nuovissimo di questo forum..e vi saluto innanzitutto:byebye:
Vi scrivo perchè ho un assoluto bisogno del vostro aiuto!!
Premetto di non intendermi molto di pc, e meno che meno di ajax..ma devo realizzare un sito web per un esame dell'università che ha tra i requisiti quello di usare un applicazione in questo linguaggio..
Ora vi spiego il mio problema..
Devo realizzare un form a tendina, che partendo da valori di partenza, mi dia come risultato un nuovo label a seconda della scelta (onreadystatechange).
Fin qui tutto ok..
Il problema è che voglio che mi appaia un altro label solamente se la prima scelta è "autore", mentre se è "titolo" non voglio che succeda nulla..
Con il codice che ha scritto io (e che devo mantenere abbastanza simile a quello datoci dal prof), succede che io veda tutti e tre i menù anche se la prima scelta è "titoli"..
Come posso fare..????
So che magari è una stupidata ma non so che fare
Questo è il codice..
Aiutatemi...please..:dipser:
Sono nuovissimo di questo forum..e vi saluto innanzitutto:byebye:
Vi scrivo perchè ho un assoluto bisogno del vostro aiuto!!
Premetto di non intendermi molto di pc, e meno che meno di ajax..ma devo realizzare un sito web per un esame dell'università che ha tra i requisiti quello di usare un applicazione in questo linguaggio..
Ora vi spiego il mio problema..
Devo realizzare un form a tendina, che partendo da valori di partenza, mi dia come risultato un nuovo label a seconda della scelta (onreadystatechange).
Fin qui tutto ok..
Il problema è che voglio che mi appaia un altro label solamente se la prima scelta è "autore", mentre se è "titolo" non voglio che succeda nulla..
Con il codice che ha scritto io (e che devo mantenere abbastanza simile a quello datoci dal prof), succede che io veda tutti e tre i menù anche se la prima scelta è "titoli"..
Come posso fare..????
So che magari è una stupidata ma non so che fare
Questo è il codice..
Codice:
<script>
function setXMLHttpRequest() {
var xhr = null;
// browser standard con supporto nativo
if (window.XMLHttpRequest) {
xhr = new XMLHttpRequest();
}
else if (window.ActiveXObject) {
xhr = new ActiveXObject("Microsoft.XMLHTTP");
}
return xhr;
}
var xhrObj = setXMLHttpRequest();
function populateList() {
var par = document.forms[0].elements[0].value;
var url = 'leggi.php?par=' + par;
xhrObj.open('GET', url, true);
xhrObj.onreadystatechange = getRicerca;
xhrObj.send(null);
}
function getRicerca() {
if(xhrObj.readyState == 4 && xhrObj.status == 200) {
document.getElementById('risultati').innerHTML = "<label for='risultati'>Scelgi:</label><select id='risultato' class='text' name='risultato'>" + xhrObj.responseText + "</select>";
}
else {
document.getElementById('risultati').innerHTML = 'Errore: ricerca fallita!';
}
};
function populateList2() {
var aut = document.forms[0].elements[1].value;
var url = 'leggi2.php?aut=' + aut;
xhrObj.open('GET', url, true);
xhrObj.onreadystatechange = getArticolo;
xhrObj.send(null);
}
function getArticolo() {
if(xhrObj.readyState == 4 && xhrObj.status == 200) {
document.getElementById('articoli').innerHTML = "<label for='articoli'>Scelgi:</label><select id='articolo' class='text' name='articolo'>" + xhrObj.responseText + "</select>";
}
else {
document.getElementById('articoli').innerHTML = 'Errore: ricerca fallita!';
}
}
</script><FORM METHOD="GET" ACTION="articolo_leggi.php">
<p align="center">
<label for="parametri">Cerca:</label>
<select id="par" class="text" name="par" onchange="populateList()">
<option value="">Seleziona un criterio</option>
<option id="autore" value="autore">Autore</option>
<option id="titolo" value="titolo">Titolo</option>
</select>
</p>
<p align="center" id="risultati" name="risultati" onchange="populateList2()">
</p>
<P align="center" id="articoli">
</p>
<P align="center">
<INPUT TYPE="Submit" VALUE="Leggi">
</P>
</FORM>
Aiutatemi...please..:dipser: