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
Hola, en mi foro habilité el modulo de "portal", en uno de los widget personalizados lo que deseo poner es un script llamado "featured content slider", todo bien, ya puse su correspondiente codigo html/css, ya agregué los .js con sus
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
Bueno, se me ha presentado un problema con el nuevo editor, veran, tengo una tabla, normal, la inserto, le doy en previzualisar y se ve bien en el momento, pero, al ver lo que estoy escribiendo en el editor de temas, aparece una tabla normal, sin efectos,
A ver también
more_less
Informaciones

0 Respuestas Para el tema :
"Crear página en foro que convierte HTML en JavaScript "

Este tema a sido visto 4803 veces.

Último mensaje escrito :
28/06/2011 a la(s) 03h15 por "Rey"