Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17383
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Carregar ou executar JavaScript em innerHTML

11-04-2010 20:42

Muita gente tem dúvida de como carregar códigos em JavaScript, ou seja, carregar a tag <script> e códigos do JavaScript, para por exemplo ser inseridas em uma div.

Nesse exemplo, eu pego uma função do JavaScript, mais um botão para chamar essa função, e passo através do innerHTML para ser executado dentro de uma div.

<script type="text/javascript"> function setInnerHTMLAndExecScript(element, html) { var newElement = element.cloneNode(false); newElement.innerHTML = html; element.parentNode.replaceChild(newElement, element); } function loadDiv(valor) { setInnerHTMLAndExecScript(document.getElementById('result'),valor); } </script> <textarea onkeyup="loadDiv(this.value)" cols="60" rows="10"> <script> function alerta() { alert("JavaScript"); } </script> <input type="button" value="alertar" onclick="alerta()"> </textarea> <div id="result" style="width:600; height:150px; border:1px solid #cccccc;"></div>

0
Tem um script legal em HTML, CSS, PHP, HTML, JavaScript, jQuery? Poste e compartilhe com os usuários do fórum :rock:

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado