<html>
<head>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=utf-8">
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
/**
Variable que contiene la informacion de un boton el cual tiene su id,
estilos, y su evento click que te redirige a La Web del Programador
*/
var lwpButton = $("<img>", {
id: "lwpButton",
css: { "padding": "2px", "cursor": "pointer" },
title: "ir a La Web del Programador",
alt: "La Web del Programador",
src: "http://www.lawebdelprogramador.com/logolwp100x25.jpg",
click: function (e) {
document.location = "http://www.lawebdelprogramador.com";
}
});
$(document).ready(function(){
/* Si se pulsa sobre el div "button" */
$("#button").click(function(){
/*
Añadimos en la web la variable "lwpButton" que es una imagen
con un link
*/
$("body").append(lwpButton);
});
});
</script>
<style>
#button {width:300px;text-align:center;border:1px solid #808080;padding:5px;}
</style>
</head>
<body>
<div id='button'>Pulsa aqui para añadir una imagen que enlaza con La Web del Programador</div>
</body>
</html>
Comentarios sobre la versión: Versión 1 (0)
No hay comentarios