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
Gestión de los codigos Javascript Este tuto os permite alojar sus propios códigos JavaScript directamente en sus foros. Teneis la posibilidad poner sus java (ya alojados) en la descripcion del foro o al crear metatags... 1.Definición: Al
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