Martes, 27 de diciembre de 2005
Vamos a seguir un poco con algo de html.

En alguna web podemos ver que al pulsar un bot?n de un formulario nos lleva a alguna web...

Vamos a ver un c?digo web de ejemplo... lo suyo ser?a que lo copiara?s y con vuestro editor de textos preferido, tipo notepad.exe lo leyeses y analizase?s.


<?xml version=\"1.0\" encoding=\"iso-8859-1\"?>
<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Transitional//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\">

<html xmlns=\"http://www.w3.org/1999/xhtml\">
<head>
<title>Ejemplo de botones</title>
<meta http-equiv=\"Content-Type\" content=\"text/html; charset=us-ascii\" />
</head>

<body>
<script type=\"text/javascript\">
function abrir(pagina,ventana)
{
var ancho=screen.availWidth; // Ancho de la ventana, en este caso maximizada
var alto=screen.availHeight; // Alto de la ventana, en este caso maximizada

// Funci?n que abre la p?gina -en la variable pagina- en la ventana elegida en la variable ventana
// As? mismo le damos las propiedades deseadas
window.open(pagina,ventana,\'height=alto,width=ancho, hotkeys=yes,location=yes,menubar=yes,personalbar=yes,resizable=yes, scrollbars=yes,status=yes,toolbar=yes,dependent=yes,directories=yes\');
}
</script>

<!-- Formulario -->
<form action=\"#\" method=\"post\" enctype=\"text/plain\">
<input type=\"button\" value=\"Google\" onclick=\"abrir(\'http://www.google.es\',\'_self\');return false\" />
<br />
<input type=\"button\" value=\"NoSetup\" onclick=\"abrir(\'http://nosetup.org\',\'_blank\');return false\" />
</form>
</body>
</html>


En este ejemplo, vemos dos enlaces por medio de botones... uno hacia Google en la misma ventana y otro hacia mi web en ventana nueva.

Nos basamos en la funci?n window.open de JavaScript que permite abir una nueva ventana, con las caracter?sticas deseadas...
Comentarios
Publicado por MaggoT
Martes, 29 de julio de 2008 | 6:01
hola...est bien la info...pero tenes algunos errores en el ejemplo...
ahora me gustaria saber,?le puedo cambiar el color a los botones?
Publicado por leo
Viernes, 11 de mayo de 2012 | 15:52
muy buen aporte gracias
HTML permitido: <strong>, <s>, <em>, <u>, <a>, <img>
Nombre:




Comentario:

 
© 2005 - 2014 NoSetup.org Sindicación [RSS 0.91] [RSS 1.0] [RSS 2.0] [ATOM 0.3]