Hola,
David
No se si te entendí, ¿te referias a esto?
Código javascript
:
Ver originalsetTimeout('vm_mover(elemento, alto);',15);
Imprimo todo el script. Lo uso para plegar y desplegar una ventana con datos de la bd, para ello más adelante usaré AJAX, de ahí que quiera escapar las dobles comillas. Tal y como está ahora funciona. ¿Proponéis algún otro cambio?
Código javascript
:
Ver original<html>
<head>
</head>
<body>
<script type="text/javascript">
var msg = new Array('mensaje1,mensaje2,mensaje3');
var Ventana_Modal = {};
Ventana_Modal.banner = {
dimensiones : {
ancho : '207',
largo : '123',
bajar_pos : '-127',
subir_pos : '-4'
}
};
Ventana_Modal.banner.hoja = 'dimensiones';
// Variables Globales
var vmDivID = 'VentanaTipoMsgr';
var Retraso = 2;
// Construimos el banner
var codigo_html = '';
// CSS
codigo_html += '<style type=\'text/css\'><!--';
codigo_html += '#' + vmDivID + '{ z-index:15000; right:2px; bottom:-2px; position:fixed; padding:0px; width:' + Ventana_Modal.banner[Ventana_Modal.banner.hoja].ancho + 'px; height:' + Ventana_Modal.banner[Ventana_Modal.banner.hoja].largo + 'px; background:transparent url(cuerpo_ventanamodal.gif); }';
codigo_html += '#' + vmDivID + ' a { font-family:tahoma; font-size:9px; color:#59616E; font-weight:bold; text-decoration:none; }';
codigo_html += '-->';
codigo_html += '</style>';
// Div
codigo_html += '<div id=\'' + vmDivID + '\' style=\'bottom:-200px; display:none;\'>';
codigo_html += '<div style=\'position:absolute; top:3px; right:5px;\'><a id=\'btn_vm_cerrar\' href=\'javascript:void(0);\' onclick=\'vm_mover(\'' + vmDivID + '\',' + Ventana_Modal.banner[Ventana_Modal.banner.hoja].bajar_pos + ',\'bajar\');\'><img src=\'cuerpo_cerrar.gif\' width=\'15px\' height=\'20px\' border=\'0\' /></a></div>';
codigo_html += '<div style=\'padding:6px 6px 6px 3px; text-align:left; font-family:tahoma; font-size:11px; font-weight:bold; color:#000000;\'>Tienes (<b>3</b>) mensajes sin leer</div>';
codigo_html += '<div id=\'CuerpoMsg\' style=\'position:absolute; top:30px; right:5px; left:5px; text-align:left; color: #59616E; font-size: 9px; font-family:verdana;\'>' + msg[0] +'</div>';
codigo_html += '<div style=\'clear:both;\'></div>';
codigo_html += '</div>';
document.write(codigo_html);
vm_retraso(Retraso);
//--[Funciones]-----------------------------------------------------------------//
var btn_vm_cerrar_elem = document.getElementById('btn_vm_cerrar');
btn_vm_cerrar_elem.onclick = function (){
vm_mover(vmDivID,Ventana_Modal.banner[Ventana_Modal.banner.hoja].bajar_pos,'bajar');
return false;
}
//var btn_vm_siguiente_msg = document.getElementById('btn_vm_siguiente');
//btn_vm_siguiente_msg.onclick = function (){
//vm_siguiente(elID);
//return false;
//}
function vm_siguiente(mensajeID) {
var soportado = (document.getElementById);
if (!soportado) return;
var elMsg = document.getElementById('CuerpoMsg');
elMsg.innerHTML = msg[mensajeID];
}
function vm_retraso(seg){
seg = seg || 0;
setTimeout('vm_mover(vmDivID,' + Ventana_Modal.banner[Ventana_Modal.banner.hoja].subir_pos + ');',1000 * seg);
setTimeout('vm_mover(vmDivID,' + Ventana_Modal.banner[Ventana_Modal.banner.hoja].bajar_pos + ',\'bajar\');',10000 * seg);
}
var elemento
var alto
function vm_mover(elemID,x,direccion){
elemento = elemID
alto = x
var soportado = (document.getElementById);
if (!soportado) return;
var DIVruta = document.getElementById(elemento);
var Cortina = parseInt(DIVruta.style.bottom);
DIVruta.style.display = 'block';
if(direccion == 'bajar'){
if(Cortina > x){
Cortina -= 5;
DIVruta.style.bottom = Cortina + 'px';
setTimeout('vm_mover(elemento,alto,\'bajar\');',15);
}
}else{
if(Cortina < x){
Cortina += 5;
DIVruta.style.bottom = Cortina + 'px';
setTimeout('vm_mover(elemento, alto);',15);
}
}
}
</script>
</body>
</html>
Gracias
14/05/2009, 13:45
