|
|
 15-10-2007, 17:53 |
|
|
|
|
|
|
|
ari
Apprendista
|
Registrato: Sep 2007
Messaggi: 22
Reputazione:
|
|
 aggiornamento parziale dei contenuti di una pagina
Ragazzi, gira che ti rigira tra le varie quide Ajax, non sono riuscita a trovare esempi pratici che mi permettessero di ricaricare parzialmente le pegine. Mi spiego meglio. Inizialmente avevo creato il mio sito senza l'utilizzo di Ajax(credo si tratti di Ajax, vero?)...o comunque contenuti dinamici. Quindi, ogni volta che passavo da una pagina all'altra, anche se le pagine differivano per un solo <div> (il contenuto delle ricerche, mentre i vari menu erano sempre gli stessi), ogni volta la pagina veniva ricaricata per intero. Ora...e' possibile far si' che io carichi solo il <div> dei contenuti? In realta' la domanda e' retorica, perche' so che si pui', ma come??? So che non e' una cosa facile e breve da spiegare, ma qualcuno pui' provarci?
Per concretizzare un po', il mio e' un banale sito di raccolta di testi di canzoni, e cliccando sulla lettera dell'alfabeto (nel <div> "ricerche") ho nel <div> "risultati" tutte le canzoni il cui titolo o il cui autore inizi per quella iniziale.
e' possibile ricaricare solo il <div> "risultati"?
Help!!!
|
|
|
| 17-10-2007, 13:46 |
|
|
|
|
|
|
|
ari
Apprendista
|
Registrato: Sep 2007
Messaggi: 22
Reputazione:
|
|
RE: aggiornamento parziale dei contenuti di una pagina
Si'...scusami...CONDIVISIONE...sono stata un po' egoista.
Allora...ho usato le funzioni:
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);
}
per richiamare la pagina php da cui prendere i risultati e :
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)
Ultima modifica di MetaMorph : 17-10-2007 alle ore 17:13.
|
| Regole di Scrittura |
Tu non puoi inserire nuovi messaggi.
Tu non puoi rispondere ai messaggi.
Tu non puoi inviare messaggi.
Tu non puoi modificare i tuoi messaggi. |
Il codice HTML č Disattivato.
Il codice MyCode č Attivato.
Gli Smilies sono Attivato.
Il codice [IMG] Attivato. |
Data e Ora attuale: 24-07-2008, 11:59
![[-]](http://forum.punto-web.net/images/Sat/collapse.gif)
Ora provo e vediamo! Ciao ciao!
ignorante
Ecco la SERP: zanzara mannara
