Ciao a tutti, stò preparando un paio di pagine la cui navigazione avviene attraverso la funzione Scroll.toElement utilizzando la libreria Mootools 1.11.
Ho provato il funzionamento in locale con Internet Explorer 7 e FireFox 3.0.4.
Con Firefox 3.0.4 tutto funziona correttamente, mentre con Internet Explorer 7 la prima volta che viene caricata la pagina il debugger segnala 2 errori presenti all' interno del file js che contiene la funzione Scroll.toElement. Dopo aver aggiornato la pagina questi 2 errori non si presentano più. Il messaggio d' errore è Proprietà o metodo non supportati dall' oggetto in questo blocco di codice:
//Sfoglia Introduzione Tabelle in Scuderia
window.addEvent('domready', function(){
scroll.toElement('testonostricani');
});
E poi in quest' altro blocco:
window.addEvent('domready', function(){
var scroll = new Fx.Scroll('sfogliatabelloneScuderia', {
wait: false,
duration: 500,
offset: {'x': 0, 'y': 0},
transition: Fx.Transitions.Cubic.easeInOut
});
Il codice completo è questo:
window.addEvent('domready', function(){
var scroll = new Fx.Scroll('sfogliapagineprincipali', {
wait: false,
duration: 1500,
offset: {'x': 0, 'y': 0},
transition: Fx.Transitions.Quad.easeInOut
});
//Posiziona alla prima pagina
window.addEvent('domready', function(){
scroll.toElement('primapagina');
});
$('HomePage').addEvent('click', function(event) {
event = new Event(event).stop();
scroll.toElement('primapagina');
});
$('scuderiacani').addEvent('click', function(event) {
event = new Event(event).stop();
scroll.toElement('secondapagina');
});
$('faq').addEvent('click', function(event) {
event = new Event(event).stop();
scroll.toElement('terzapagina');
});
$('contatti').addEvent('click', function(event) {
event = new Event(event).stop();
scroll.toElement('quartapagina');
});
});
window.addEvent('domready', function(){
var scroll = new Fx.Scroll('sfogliatabellone', {
wait: false,
duration: 500,
offset: {'x': 0, 'y': 0},
transition: Fx.Transitions.Cubic.easeInOut
});
//Sfoglia Introduzione Tabelle in HomePage
window.addEvent('domready', function(){
scroll.toElement('testochisiamo');
});
// Tabelle in HomePage
$('chisiamo').addEvent('click', function(event) {
event = new Event(event).stop();
scroll.toElement('testochisiamo');
});
$('dovesiamo').addEvent('click', function(event) {
event = new Event(event).stop();
scroll.toElement('cont-dovesiamo');
});
$('sponsor').addEvent('click', function(event) {
event = new Event(event).stop();
scroll.toElement('cont-sponsor');
});
$('standardrazza').addEvent('click', function(event) {
event = new Event(event).stop();
scroll.toElement('cont-standardrazza');
});
$('tabellagare').addEvent('click', function(event) {
event = new Event(event).stop();
scroll.toElement('gare');
});
window.addEvent('domready', function(){
var scroll = new Fx.Scroll('sfogliatabelloneScuderia', {
wait: false,
duration: 500,
offset: {'x': 0, 'y': 0},
transition: Fx.Transitions.Cubic.easeInOut
});
//Sfoglia Introduzione Tabelle in Scuderia
window.addEvent('domready', function(){
scroll.toElement('testonostricani');
});
// Tabelle in Scuderia
$('nostricani').addEvent('click', function(event) {
event = new Event(event).stop();
scroll.toElement('testonostricani');
});
$('cucciolate').addEvent('click', function(event) {
event = new Event(event).stop();
scroll.toElement('cont-cucciolate');
});
$('proposte').addEvent('click', function(event) {
event = new Event(event).stop();
scroll.toElement('cont-proposte');
});
});
});
Ciao e grazie in anticipo