Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Felipe.Coelho

Alterar conteúdo da div

Recommended Posts

Bom galera, minha dúvia é a seguinte,

 

Tenho um vídeo do youtube em meu site, dentro de uma DIV-X.

E uma outra div images de outros vídeos,

 

Vcs sabem algum código em java script que quando eu clicar em uam imagem de outro vídeo ele carregue na DIV-X.

 

Valeu Abraço

Compartilhar este post


Link para o post
Compartilhar em outros sites

Tenta isso ai... não tive tempo de testar, mas acho que ficou ok...

<script language="javascript">
function $(obj){
	return document.getElementById(obj);
}

function abreVideo(codigo,recebeDiv){
var htmlVideo;
htmlVideo = '<object width="425" height="344"><param name="movie" value="http://www.youtube.com/watch?v=' + codigo+ '&hl=pt-br&fs=1"></param><param name="allowFullScreen" value="true"></param><embed src="http://www.youtube.com/watch?v=' + codigo+ '&hl=pt-br&fs=1" type="application/x-shockwave-flash" allowfullscreen="true" width="425" height="344"></embed></object>';

$(recebeDiv).innerHTML = htmlVideo;
}
</script>

<a href="java script:abreVideo('25Cq9nJv_eE','div_x');"><img src="imagem.gif" /></a>

Compartilhar este post


Link para o post
Compartilhar em outros sites

('25Cq9nJv_eE','div_x')

 

25Cq9nJv_eE => igual código do vídeo no You Tube

 

div_x => igual id da div onde deve aparecer

 

 

 

Aqui funcionou perfeitamente. Só não postei no código a DIV, porque imaginei que você já tivesse. Mas acrescente aí...

<div id="div_x"></div>

 

E não retira o ESPAÇO de javascript. Não tem aquele espaço... mas o Fórum acrescenta sozinho.

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.