Suporte Design
Gostaria de reagir a esta mensagem? Crie uma conta em poucos cliques ou inicie sessão para continuar.

Suporte DesignEntrar

O Suporte Design dispõe de várias áreas de interesse do usuário, para que o mesmo possa desfrutar do nosso trabalho. Somos também, especialistas naquilo que fazemos, para auxiliar ao utilizador exatamente o que precisa.


description[TUTORIAL]Conversor de HTML em Javascript Empty[TUTORIAL]Conversor de HTML em Javascript

more_horiz

[TUTORIAL]Conversor de HTML em Javascript Ecrire10

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



- 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


[TUTORIAL]Conversor de HTML em Javascript Act_bottom Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
Conversor de HTML em Javascript

privacy_tip Permissões neste sub-fórum
Não podes responder a tópicos
power_settings_newInicie sessão para responder