Divisione pagina in frame o alternativa

[giorgia.zav]

Salve a tutti,
sono di nuovo piombata qui per richiedervi un aiuto,

il dilemma è il seguente,

(premetto che ho cercato nel forum ma non ho trovato nulla che potesse fare al caso mio...)

ho una pagina internet, con una serie di link sui servizi di una società ogni link (in un content laterale) dovrebbe aprire nel contente centrale le informazioni sul servizio selezionato.

TANTI E TANTI E TANTI E ANCOR DI PIU anni fa avrei usato il frame, come il mio insegnante di informatica mi aveva insegnato, ora è un tantinello superato, in piu ho letto che con HTML5 il frame è deprecato.

Dato che la tecnologia va avanti mi chiedevo se esistesse qualche script che potesse rendermi la vita più semplice, magari utilizzando un piccolo fade tra la transizione di un contenuto e l'altro.

Allego immagine per far capire (spero) meglio ciò di cui ho bisogno.

prova.jpg

sulla sinistra i link e al centro il content che ogni volta dovrebbe cambiare.

Grazie mille per l'aiuto!

[cavicchiandrea]

devi usare fade e aja di jquery.com

[tampertools]

Beh, può anche usare ajax senza jQuery (se non include la libreria per qualcos'altro mi sembra un po' eccessivo usarla solo per delle chiamate ajax)

Prova questa funzione

function cambiaContenuto (div, url) {
    var ajax = new XMLHttpRequest;
    ajax.onreadystatechange = function () {
        if (ajax.readyState === 4) {
            div.innerHTML = ajax.status === 200 ? ajax.responseText : "Errore " + ajax.status;
        }
    };
    ajax.open("get", url);
    ajax.send();
}

// USO
cambiaContenuto(document.getElementById("mioDiv"), "/pagina/che/contiene/il/nuovo/contenuto/del/div.html");

E' solo una bozza, ma dovrebbe funzionare

[cavicchiandrea]

Certo si può, ma visto che parla di fade ritengo che sia meglio far fare tutto ad jquery

[tampertools]

Continuo a essere convinto del fatto che o jquery si usa dall'inizio per tutto o non si usa...

Giorgia, oggi pomeriggio ti aggiungo l'effetto

[giorgia.zav]

Saaaalve,
grazie delle consulenze

allora le librerie che ho utilizzato finora sono le seguenti:

jquery-1.7.min.js
jquery.easing.1.3.js
tms-0.4.x.js

stavo guardando il codice di tampertools

function cambiaContenuto (div, url) {
var ajax = new XMLHttpRequest;
ajax.onreadystatechange = function () {
if (ajax.readyState === 4) {
div.innerHTML = ajax.status === 200 ? ajax.responseText : "Errore " + ajax.status;
}
};
ajax.open("get", url);
ajax.send();
}

// USO
cambiaContenuto(document.getElementById("mioDiv"), "/pagina/che/contiene/il/nuovo/contenuto/del/div.html");

in pratica per l'utilizzo includo il codice function come fosse un normale script nella head (non ho mai utilizzato ajax)

poi devo creare un file con tutti i contenuti?

scusa ma ho dimestichezza ma non fino a questo punto sono ancora una niubba.


Grazie a tutti e due per l'aiuto

[tampertools]

Se usi già jQuery allora fai come dice andrea

Per caricare il contenuto di un div

$("#midiv").load("pagina/con/il/nuovo/contenuto.html");

documentazione: http://api.jquery.com/load/