Si'...scusami...CONDIVISIONE...sono stata un po' egoista.
function createRequestObject() {
var ro;
var browser = navigator.appName;
if(browser == "Microsoft Internet Explorer"){
ro = new ActiveXObject("Microsoft.XMLHTTP");
} else {
ro = new XMLHttpRequest();
}
return ro;
}
per creare la richiesta.
var http = createRequestObject();
function richiestaTitoli(lettera) {
\\qui creo il path del file php da aprire
http.open('get', 'ricerca/ricercaTitoli.php?lett='+lettera);
http.onreadystatechange = handleResponse;
http.send(null);
}
function handleResponse() {
if(http.readyState == 4){
var response = http.responseText;
document.getElementById('risultati').innerHTML = response;
} else {
document.getElementById('risultati').innerHTML = 'Caricamento Dati...';
}
}
per gestire la risposta e assegnare al div "risultati" i risultati della ricerca.
Le ho salvate tutte nello stesso file esterno .js che ho incluso nella head del documento.
Poi sul ogni lettera dell'alfabeto nel div "ricerche" (in ricerca per titolo) ho messo un finto link che richiamasse la funzione richiesta titoli:
<a href="#" onclick="richiestaTitoli('A')"> A </a>
Per la ricerca per autore, nel file .js c'e' un'altra funzione analoga a richiestaTitoli, che e' richiestaAutori che richiamo mettendo:
<a href="#" onclick="richiestaAutori('a')"> A </a>
sul ogni lettera dell'alfabeto nel div "ricerche" (in ricerca per autore).
Spero di essere stata chiara. Sono disponibile per qualsiasi chiarimento, ma confesso che le funzioni le ho trovate in rete e poi riadattate al mio caso. Ciao ciao!!!
[MM] Ho riparato i tag di codice... devi scrivere [ code ] [ /code ] (senza gli spazi prima e dopo le parentesi)