Ventanas móviles en JavaScript (2)

VNen=VNen+'ll>?</small></a';VNccla=VNen.length;var VNnui=0;

function VNventana(titulo,x,y,h,v,ctitulo,cmarco,cfondo){

var h2=(h<90)?90:h;var j=VNccla;var v2=(v<90)?90:v; if (j==(VNmin+12)){

VNnui++;var n1="VNidi"+VNnui; var n2="VNidz"+VNnui; var
n3="VNidw"+VNnui;

dWt('<div id="'+n1+'" class="VNmarco" style="background-color:'+cmarco

+'; width:'+h2+'px; height:'+v2+'px; top:'+y+'px; left:'+x+'px;">'

+'<table width="100%" border="0" cellpadding="0"
cellspacing="0"><tr>'

+'<td width="99%" id="'+n2+'" onMouseDown="VNlevanta(''+n1+'','

+'''+n2+'')" style="cursor:move;"><span style="color:'+ctitulo+';">'

+titulo+'</span></td><td><a style="text-decoration:none;margin:2px;'

+'color:'+ctitulo+';" '+VNen+'></td><td><a style="text-decoration:none;margin:2px;'

+'color:'+ctitulo+';" href="javascript:VNenrrolla(''+n1+'',''+n3+'','+v2+')">'

+'<b>—</b></a></td><td><a style="text-decoration:none;margin:2px;'

+'color:'+ctitulo+';" href="javascript:VNcierra(''+n1+'')"><b>X</b>'+'</a></td></tr></table><div id="'+n3+'" class="VNcontenido" '

+'style="background-color:'+cfondo+'; height:'+(v2-26)+'px;">');}}

function VNventanaFin(){if (VNccla==102) dWt('</div></div>');}

//--></script>

Tambien se puede incluir en un archivo independiente .js que no contenga ni
las primeras tres ni la ultima línea y llamas al archivo de la siguiente
forma:

Esto es muy recomendable si es que vas a usar las ventanas en varias páginas.

2) Cambia el <body> por lo siguiente:

3) Para introducir ventanas Venix introduce algo similar a esto:

VNventana('Titulo de la ventana',320,200,200,150,'#33aa88','#ee55dd','#eeaadd');

//--></script>

Usuarios que han visto este tema también han visto...

- Redirección con JavaScript
- Función createElement y appendChild en Javascript
- Listas con descripción en HTML
- Crear iframes dinámicamente mediante Javascript
- Modificar elementos HTML con JavaScript

- Versión imprimible de este documento

- Enviar por e-mail este documento