11496 sujets

JavaScript, DOM et API Web HTML5

Bonjour, j'ai un slide qui fonctionne bien sur cette beta (cliquez sur tutoriaux ou connexion en haut).

Ça marche avec mootools 1.11 (Fx.Slide), voici le code :


function setup_slide_tutoriaux(){
	var mySlide = new Fx.Slide('tutoriaux');
	
	$('toggle').addEvent('click', function(e){
	e = new Event(e);
	mySlide.toggle();
	e.stop();
	});
	
	document.getElementById('tutoriaux').style.display = "block";
	mySlide.hide();
}

function setup_slide_login(){
	var loginSlide = new Fx.Slide('login-box');
	
	$('toggleLogin').addEvent('click', function(e){
	e = new Event(e);
	loginSlide.toggle();
	e.stop();
	});
	
	document.getElementById('login-box').style.display = "block";
	loginSlide.hide();
}

window.onload = function() {
	setup_slide_tutoriaux();
	setup_slide_login();
}


Mais avec la 1.2, tout a changé : nouveau Fx.Slide

Je comprends pas grand chose au javascript, j'ai essayé de m'inspirer du code de démo mais ça ne marche pas :


window.addEvent('domready', function() {
	var mySlide = new Fx.Slide('tutoriaux');
	
	$('toggle').addEvent('click', function(e){
	e.stop();
	mySlide.toggle();
	});
}


Comment faire ?

Merci