Ver Mensaje Individual
  #3 (permalink)  
Antiguo 26/01/2009, 17:08
canolucas
 
Fecha de Ingreso: enero-2009
Mensajes: 15
Antigüedad: 15 años, 3 meses
Puntos: 0
Respuesta: Añadir link a partir de form

sin usuarios registrados. estaria bien lo de la cookie.
estaba pensando en algo asi: xq no funciona?

Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<script type="text/javascript">
function toggle_layers() {
	
for (i = 0, i_length = arguments.length; i < i_length; i++) {
obj_layer = document.getElementById(arguments[i]);
if (obj_layer.style.display == 'block') {
obj_layer.style.display = 'none';
var s_msie = 'visible';
}
else {
obj_layer.style.display = 'block';
var s_msie = 'hidden';
}
}
	
if (navigator.userAgent.indexOf('MSIE') > -1)	{
obj_selects = document.getElementsByTagName('select');
for(i = 0; i < obj_selects.length; i++) {
obj_selects[i].style.visibility = s_msie;
}
}
}
</script>

<script type="text/javascript">
function html_inject()
{
var nombre = document.forms[0].nombre.value;
var url = document.forms[0].url.value;
document.getElementById('links').innerHTML = document.getElementById('links').innerHTML+'<a href="'+url+'">'+nombre+'</a><br />';
}
</script>

</head>

<body>
<div id="links" style="position:relative;"></div>
<input type="button" onclick="toggle_layers('blur', 'form');" value="Añadir Link"></input>

<div id="blur" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: none;">
<div style="position: absolute; top: 0; left: 0; background: #eee; opacity: .85; filter: alpha(opacity=85); width: 100%; height: 100%;">
</div></div>

<div id="form" style="display: none; position: absolute; top: 200px; left: 380px; background: #fff; border: 1px solid #000; padding: 10px; width: 150px;">
<form action="" method="get" onsubmit="toggle_layers('blur', 'form'); html_inject();">
<label for="nombre"><input type="text" id="nombre"></input></label><br />
<label for="url"><input type="text" id="url"></input></label><br /><br />
<input type="submit" style="float: right;" value="ok"></input>
</form>
</div>
</body>
</html>