M
Mister Blood Rails
How can I animate this thing? I like it simple.
So far it can fade. But ultimately I'd like it like
http://www.e-magine.ro/playground/moodalbox/
function show_dialog() {
document.getElementById('shade').style.display = 'block';
document.getElementById('dialog').style.display = 'block';
fade_in();
}
function clear_dialog() {
document.getElementById('shade').style.display = 'none';
document.getElementById('dialog').style.display = 'none';
}
var opacity = 0
function fade_in() {
opacity += 0.3
if (opacity < 1) {
setTimeout('fade_in()', 1);
}
set_opacity();
}
function hide_dialog() {
opacity -= 0.3
if (opacity > 0) {
setTimeout('hide_dialog()', 1);
} else {
clear_dialog();
}
set_opacity();
}
function set_opacity() {
document.getElementById('dialog').style.opacity = opacity
document.getElementById('shade').style.opacity = opacity / 2
}
Much obliged,
Kyrre
So far it can fade. But ultimately I'd like it like
http://www.e-magine.ro/playground/moodalbox/
function show_dialog() {
document.getElementById('shade').style.display = 'block';
document.getElementById('dialog').style.display = 'block';
fade_in();
}
function clear_dialog() {
document.getElementById('shade').style.display = 'none';
document.getElementById('dialog').style.display = 'none';
}
var opacity = 0
function fade_in() {
opacity += 0.3
if (opacity < 1) {
setTimeout('fade_in()', 1);
}
set_opacity();
}
function hide_dialog() {
opacity -= 0.3
if (opacity > 0) {
setTimeout('hide_dialog()', 1);
} else {
clear_dialog();
}
set_opacity();
}
function set_opacity() {
document.getElementById('dialog').style.opacity = opacity
document.getElementById('shade').style.opacity = opacity / 2
}
Much obliged,
Kyrre