Crear página en foro que convierte HTML en JavaScript

Rey a la(s) 03h15
28
Jun
2011
Crear página en foro que convierta HTML a JavaScript


En este tutorial se explicará cómo crear una página dentro de nuestro foro mediante la cual, si ingresamos un texto en HTML, nos lo convertirá al equivalente en Javascript y este a su vez usarlo como un mejor y simplificado código funcional en las páginas.

Creamos una página HTML en nuestro foro, y metemos el siguiente código:

Código:


<html><head><title>HTML A JS</title><LINK REL="SHORTCUT ICON" HREF="http://i26.servimg.com/u/f26/12/56/56/12/199.png">
<style type="text/css">
div#container
{
  width: 800px;
  position: relative;
  margin-top: 0px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  vertical-align: top;
}
body
{
  text-align: center;
  margin: 0;
}
.htmlajs1 {
padding:10px;
position: relative;
height: 570px;
width: 800px;
background: transparent url('http://i64.servimg.com/u/f64/12/74/93/16/332.png') repeat;
border: 4px outset #ffffff;
box-shadow: 0 0 10px #000000;
-webkit-box-shadow: 0 0 10px #000000;
-moz-box-shadow: 0 0 10px #000000;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
a
{
  color: #FFFFFF;
}
a:visited
{
  color: #FFFFFF;
}
a:active
{
  color: #FFFFFF;
}
a.style1:link
{
  color: #FFFFFF;
  text-decoration: none;
}
a.style1:visited
{
  color: #FFFFFF;
  text-decoration: none;
}
a.style1:active
{
  color: #FFFFFF;
  text-decoration: none;
}
a.style1:hover
{
  color: #FFFFFF;
  text-decoration: underline;
}
</style>
</head>
<body background="http://img8.xooimage.com/files/e/3/6/geek-messages-tex...-digital-16052e5.jpg" bgcolor="#000000" text="#000000" style="background-repeat:no-repeat;background-position:center top ;"><div id="container">

<div id="wb_Text1" style="position:absolute;left:0px;top:5px;width:800px;height:18px;z-index:1" align="center">
<font style="font-size:16px" color="#FFFFFF" face="Arial">Convertidor de HTML a JS ~ By Yuninho <a href="http://www.zonamalaguista.com" target="_blank" class="style1">Zonamalaguista.com</a></font></div>

<div id="wb_Html1" style="position:absolute;left:0px;top:30px;width:800px;height:150px;z-index:0" align="left"><div class="htmlajs1">
<form action="#"><table align="center" cellpadding="0" cellspacing="5" border="0"><tr><td width="225" align="center">
<textarea name="xx" cols="90" rows="15">
</textarea></td></tr>

<tr><td align="center">
<input type="button" value="Convert" onclick="s=form.xx.value;s=s.replace(//g,'');s=s.replace(///g,'/');s=s.replace(/r/g,'r');s=s.replace(/n/g,'n');s=s.replace(/'/g,''');form.yy.value = 'document.writeln(''+s+'');'; return false;" />
</td></tr>

<tr><td align="center">
<textarea name="yy" cols="90" rows="15">
</textarea></td></tr></table></form>
</div>

</div></div></body></html>


Ahora, en la descripción del foro, metemos lo siguiente:

Código:

<script type=text/javascript src=url pagina js></script>


Cambiando "url pagina js" por la URL de la página que acabamos de crear.


Esto hará que todos los codigos html convertidos en js y añadidos a la nueva pagina js, se vean en todo el foro.

Tutorial creado por : yuninho
Copyright© FOROACTIVO.COM
Temas similares
Saludos compañeros. Espero me puedan colaborar con la siguiente situacion... Resulta que estoy buscando la forma de copiar el Perfil que aparece a la izquierda de los post(Aqui es a la derecha) en forma de Widget para el PORTAL, por esta razon
Buenas a tod@s! Bien, expongo mi duda: cuando creo una página html, y luego, veo el resultado, a veces se me ve bien, es decir, el texto, está normal. Pero hoy, cuando me he vuelto a meter, las palabras con acentos o tildes, se convierten en simbolos
Hola teno un problema al subir imagenes, estas tienen zonas transparentes por lo que las guardo en png y estan bien, pero al subirlas al foro se transforman en jpg dejando esas zonas transparentes de color negro ¿Que es lo que puede pasar?