Como faço para ao carregar um script em uma pagina, o resultado apareça em uma div
?
Exemplo:
<script type="text/javascript">
/*
conteúdo do script
*/
</script>
<div id="script" class="000000"></div>
O objetivo é que o script ao ser carregado na pagina, o seu resultado apareça onde a div
estiver localizada.
Eu possuo um exemplo aqui:
<div id="video" class="UJAwNkhbYWM"></div>
<iframe width="854" height="510" ID="caixa" frameborder="0" allowfullscreen></iframe>
<script>
var video = $("#video").attr('class');
$('#caixa').attr('src', "https://www.youtube.com/embed/" + video);
</script>
Com esse código é possível fazer isso com um vídeo do Youtube, porem gostaria de executar o mesmo com um script. Tentando esclarecer um pouco mais....
Vejamos o exemplo do Lightbox que é usado para visualizar imagens. Esse trecho do script:
$("a[href$='.jpg'], a[href$='.png'], a[href$='.jpeg'], a[href$='.gif']").fancybox();
Indica que ao carregar o script, e ele encontrando imagens com o final, .jpg
, .png
e outros ele vai fazer o efeito desejado.
No caso de um script eu queria que ele ao ser executado ele o faça em uma div
especifica.
Tipo ele encontra a imagem .png
, mas ele vai mostra ela na Sidebar por exemplo, por que o script encontrou a div
ali.