[Ajax]funzione chiamata con link

[Manuelandro]

Ciao raga.

E' possibile con Ajax fare una cosa del genere?
Ho un link, cliccandoci questo non si va ad un link referente ma si carica una funzione php, esce per pochi secondi una barra caricamento e poi una scritta finale. E' possibile? vorrei evitare di usare molte pagine per fare una cosa che si potrebbe ridurre ad una sola pagina.


thx ciao

[Mega69]

Certo che si può. Cerca una funzione che fa richieste ajax ( ne trovi tantissime, anche su html.it ).

[br1]

Bel titolo

[Manuelandro]

Mi scuso per il vekkio topic con il titolo errato.



E' possibile con Ajax fare una cosa del genere?
Ho un link, cliccandoci questo non si va ad un link referente ma si carica una funzione php, esce per pochi secondi una barra caricamento e poi una scritta finale. E' possibile? vorrei evitare di usare molte pagine per fare una cosa che si potrebbe ridurre ad una sola pagina.


thx ciao

Certo che si può. Cerca una funzione che fa richieste ajax ( ne trovi tantissime, anche su html.it ).

Ho trovato solo funzioni che fanno apparire altro test...

[Manuelandro]

Ho trovato questo script che forse fa al caso mio. Ma ho due incombenti problemi:

<script type="text/javascript">
function ShowAndHide(id1,id2){
if(document.getElementById){
    el1=document.getElementById(id1);
    el2=document.getElementById(id2);
    if(el1.style.display=="none"){
        el1.style.display="block";
        el2.style.display="none";
        }
    else{
        el1.style.display="none";
        el2.style.display="block";
        }
    }
}
</script>
</head>

...

<div id='Vel1'>Aumenta</div>
<div id="Vel2">Indietro<?php if($wer[Esperienza] < $need) { $query = "UPDATE bla bla...."; } ?></div>

1°: non capisco per quale motivo ma quando apro la pagina mi compaiono entrambi i contenuti, poi cliccando su uno di essi l'altro scompare ed inizia a funzionare bene.

2°: come posso inserire nello script un timeout di tot secondi in cui mostrare la barra di caricamento?

thx ancora...

[hcka]

Originariamente inviato da Manuelandro
1°: non capisco per quale motivo ma quando apro la pagina mi compaiono entrambi i contenuti, poi cliccando su uno di essi l'altro scompare ed inizia a funzionare bene.

Nel codice che hai scritto non c'è nulla che dica di nascondere uno dei div al caricamento della pagina.
Se scrivi nel js onload = function() { document.getElementByID(idElementoDaNascondere).st yle.display = "none"; } ne nascondi uno, in alternativa nello style dell'elemento che vuoi nascondere scrivi "display: 'none';"

Easy man...

Per il secondo punto non l'ho troppo capito e non ho voglia di pensarci adesso... Sonno...

Comunque non ti basta quel codice per simulare il caricamento della risposta, hai bisogno appunto di ajax, ci sono molti script e guide di base su html.it, prova a cercare...

[Mega69]

Se proprio vuoi una funzione ajax potresti usarne una fatta da me:

Scarica questo archivio:
http://www.sitomega.net/extendDOM.php?newsv=9#mytab1



e includi questi due script:

<script type="text/javascript" src="extendDOM.js"></script>
<script type="text/javascript" src="megutility.js"></script>

Ecco come usare la funzione che ti serve:

document.getElementById("miodiv").innerAJAX("pagina.php?var=ciao")

dove document.getElementById("miodiv") è il box che deve essere riempito dal contenuto ( se non deve mostrare niente basta settare il suo css a display:none; )
Se devi mandare variabili post scrivi così:

document.getElementById("miodiv").innerAJAX("pagina.php", function() {}, 1, "var=ciao")

In effetti è un pò macchinoso, migliorerò la gestione delle chiamate post nelle prossime release.


Per la cronaca ci sono anche molte altre librerie che consentono di usare ajax, ad esempio moo tools.