Pss bien, aquí la primer entrada de éste nuevo blog......... :)
Y como el blog trata de programación y el mundo hacker (je, aunque yo no sea ni programador ni hacker :p ) pss que el primer post sea un 'Hola mundo'.
Para el 'Hola mundo' de esta ocasión será con html y javascript.
Primero haremos una página HTML que procese información que le sea pasada a la URL por medio del carácter '?'; ya saben.... del estilo de www.servidor.com/pagina.html?val1=vala&val2=valb
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<title>Hola mundo!</title>
<script type="text/JavaScript">
//busca la variable en el url
function busca(cadena,variable)
{
var c = cadena;
var v = variable;
c="&"+c.substring(1,c.length)+"&";
v="&"+v+"=";
var lc=c.length;
var lv=v.length;
i=0; j=0;
while (i+lv<lc && c.substring(i,i+lv)!=v) i++;
i=i+lv; j=i;
while (j<lc && c.substring(j,j+1)!="&") j++
return(c.substring(i,j).replace(/+/g, ' '))
}
window.onload = function change_name()
{
var kamarada = unescape(busca(document.location.search,"user"));
document.getElementById('saludo').innerHTML = "Saludos " + kamarada + "!!! :)";
document.getElementById('kmrd0').innerHTML = kamarada;
document.getElementById('kmrd1').innerHTML = kamarada;
document.title = "Saludos " + kamarada + " :)";
}
</script>
</head>
<body>
<h3><div id="saludo"></div></h3>
<br>
<p>Hey <b id="kmrd0">mi herman@!!!</b>, gracias por pasarte por <a href="http://libertadhack.blogspot.com/">libertadhack.blogspot.com</a></p>
<P>Ésta página html es el resultado del primer post del foro, y es como un 'hola mundo' pero mejor te digo:</p><p><strong>Hola </strong><strong id="kmrd1">mi herman@</strong><strong>!!!</strong></p>
:)
</body>
</html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<title>Hola mundo!</title>
<script type="text/JavaScript">
//busca la variable en el url
function busca(cadena,variable)
{
var c = cadena;
var v = variable;
c="&"+c.substring(1,c.length)+"&";
v="&"+v+"=";
var lc=c.length;
var lv=v.length;
i=0; j=0;
while (i+lv<lc && c.substring(i,i+lv)!=v) i++;
i=i+lv; j=i;
while (j<lc && c.substring(j,j+1)!="&") j++
return(c.substring(i,j).replace(/+/g, ' '))
}
window.onload = function change_name()
{
var kamarada = unescape(busca(document.location.search,"user"));
document.getElementById('saludo').innerHTML = "Saludos " + kamarada + "!!! :)";
document.getElementById('kmrd0').innerHTML = kamarada;
document.getElementById('kmrd1').innerHTML = kamarada;
document.title = "Saludos " + kamarada + " :)";
}
</script>
</head>
<body>
<h3><div id="saludo"></div></h3>
<br>
<p>Hey <b id="kmrd0">mi herman@!!!</b>, gracias por pasarte por <a href="http://libertadhack.blogspot.com/">libertadhack.blogspot.com</a></p>
<P>Ésta página html es el resultado del primer post del foro, y es como un 'hola mundo' pero mejor te digo:</p><p><strong>Hola </strong><strong id="kmrd1">mi herman@</strong><strong>!!!</strong></p>
:)
</body>
</html>
Y luego incluiremos en este hilo un textbox con un botón para que pongas tu nombre y te enlace a la página html anteriormente creada y sea personalizada :)
El código html para lo anterior es:
<form action="URL" method="get" name="input">User: <input name="user" type="text" /><input type="submit" value="Submit" /></form>
Así que.......................... Hola mundo!!!!!!!
Referencias:
HTML Forms and Input
Recursos usados para el hilo:
Dropbox (Para subir el fichero html)
blogcrowds (Transforma las etiquetas html para ser publicadas en blogger)
No hay comentarios:
Publicar un comentario
Hey you!
Deja un comentario! va?!