Conversor de HTML em Javascript |
Muitas vezes, queremos converter um código html em javascript, mais geralmente temos que reformular todo o código, então, eu criei um código capas de converter HTML em Javascript.
--> Tutoriais, dicas e astúcias <--
Conversor de HTML em Javascript
Conversor de HTML em Javascript
1º - Criando uma página HTML
Aceda o seu Painel De Controle -> Módulos -> Html & Javascript -> Gestão das páginas HTML.
E cole o seguinte código:
Código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Conversor HTML -- http://suportedesign.forumeiros.com</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="description" content="Conversor de HTML para Javascript">
<meta name="keywords" content="conversor, HTML para javascript forumeiros">
<meta name="copyright" content="Copyrigth Patrão & SuporteDesign">
<meta name="author" content="Patrão ">
<meta name="publisher" content="Usar somente em forumeiros">
<script type="text/javascript">
function brCheck(data)
{
var ns4 = document.layers;
var ns6 = document.getElementById && !document.all;
var ie4 = document.all;
if(ns4) br = "%0A";
else if(ns6) br = "%0A";
else if(ie4) br = "%0D%0A";
else br = "%0D%0A";
data.value=data.value.replace(/"/gi,'\\"');
dataArr=escape(data.value).split(br);
data.value="";
}
function scriptJS(data){
brCheck(data);
for (i=0; i<dataArr.length; i++){
data.value+= (i==0) ? "<script type=\"text/javascript\">\n<!-- \ndocument.writeln(\" " : "document.writeln(\" "
data.value+= "" + unescape(dataArr[i])
data.value+= (i!=dataArr.length-1) ? " \"); \n" : " \");\n"
}
data.value+=" \// \-->\n<\/script>"
}
function copyF(txx) {
with(txx){
focus(); select()
}
if(document.all){
txt=txx.createTextRange()
txt.execCommand("Copy")
}}
</script>
<style type="text/css">
<!--
.input1 {
background-color: #F7F7F7;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
height: 350px;
width: 750px;
overflow: auto;
}
body {
background-color: #006699;
overflow: hidden;
}
.input2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
background-color: #005782;
}
.borders {
border: 1px outset #00406A;
}
a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFFFFF;
text-decoration: none;
}
a:hover {
color: #FFFF99;
}
-->
</style>
</head>
<body>
<center><a href="http://suportedesign.forumeiros.com/forum"><img src="http://i.imgur.com/dv8iZ.png"></a></center>
<form name="doc" action="">
<table width="300" border="0" align="center" cellpadding="3" cellspacing="0" class="borders">
<tr>
<input name="button2" type="button" class="input2" onClick="scriptJS(document.doc.tx)" value="HTML -> JavaScript">
<input name="reset" type="reset" class="input2" value="Reset" onClick="document.doc.tx.focus()">
<input name="button2" type="button" class="input2" onClick="copyF(document.doc.tx)" value="Select All">
<input name="button2" type="button" class="input2" onClick="document.doc.tx.value='\n Copyright (C) Patrão'" value="Info"></td>
</tr>
<tr>
<td colspan="2"> <textarea name="tx" cols="110" class="input1" rows="2"></textarea></td>
</tr>
<tr>
</tr>
<tr>
</tr>
</table>
</form>
<script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
</script>
<script type="text/javascript">
_uacct = "UA-474691-1";
urchinTracker();
</script>
</body>
</html>
Pronto!
Agora podes converter HTML em Javascript a vontade, em seu próprio fórum!
- Posso modificar o código?
Claro! Desde que não tire a imagem lá de cima, pode modificar a vontade.
© SuporteDesign & Patrão
Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título: Conversor de HTML em Javascript |