Alterar modo de chamar evento

[marcus_du 1]

Olá pessoal;

 

Alguém pode me ajudar na seguinte dúvida: Estou com um script que chama o evento pelo modo ONCHANGE no Select, queria alterar isto, para um link, e uma figura, tipo através de uma DIV.

Tipo assim, ao invés de chamar o evento que irá trocar a imagem pelo metódo ONCHANGE do Select, eu colocar várias imagens em DIVs e ao clicar em uma imagem, alterar a imagem principal.

 

Segue o código abaixo:

função que é chamada:

function loadVideo() {
  var selectBox = document.getElementById("videoSelection");
  var videoID = selectBox.options[selectBox.selectedIndex].value
  
  if(ytplayer) {
	ytplayer.loadVideoById(videoID);
  }
}

Código do Select:

<select id="videoSelection" onchange="loadVideo();">
      	<option value="gNDI9xBLaMY" selected="true" >Pê.h - Amor de Verão</option>
      	<option value="muLIPWjks_M">Ninja Cat</option>
      	<option value="GMUlhuTkM3w">Beatboxing Flute</option>
    	</select>

Aguardo com uma certa urgência!

[Thiago Retondar 18]

Entendi nada, cara...

 

Explica melhor aê para ver se consigo ajudar.

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[marcus_du 1]

uhauahuaha....

 

Ta complicado explicar!

 

Vou tentar; Quero tipo, ao invés de chamar a função loadVideo() pelo modo ONCHANGE, utiliza o modo ONCLICK ou algo do tipo, pois como o modo ONCHANGE só funciona em SELECT, TEXT... eu quero chamar está função por uma DIV!

Acho que dá pra entender agora! :D

[Thiago Retondar 18]

Cria a função loadVideo() e faz algo do tipo:

 

http://forum.imasters.com.br/public/style_emoticons/default/seta.gif cria uma variável para pegar a div onde será colocado o vídeo

http://forum.imasters.com.br/public/style_emoticons/default/seta.gif nessa div você insere o vídeo, pode ser através do innerHTML

 

Esboça algo do tipo e manda para agente ver.

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[Francis Schiavo 1]

Acho que entendi.

 

Você pode alterar a função loadVideo() passando como parametro o vídeo à ser carregado:

function loadVideo(video) {
  var selectBox = document.getElementById("videoSelection");
  
  if(ytplayer) {
	ytplayer.loadVideoById(video);
  }
}

e chama-la no evento onclick de uma div ou imagem:

 

<img src="myImage.png" onclick="loadVideo('gNDI9xBLaMY');" />

[marcus_du 1]

Pois bem...

 

Veja se estou no caminho certo!

 

Função loadVideo():

function loadVideo() {
  var selectBox = document.getElementById("videoSelection");
  var videoID = selectBox.options[selectBox.selectedIndex].value
  
  if(ytplayer) {
	ytplayer.loadVideoById(videoID);
  }
}

Mas minha dúvida está nestas linhas:

var selectBox = document.getElementById("videoSelection");

var videoID = selectBox.options[selectBox.selectedIndex].value

 

Ali em cima ele diz que tem um SELECT. Alterando aquilo para um ID de uma DIV tem a mesma propriedade?

E na segunda a mesma coisa!

[Thiago Retondar 18]

Tente assim:

 

function loadVideo(url) {
  var divShow = docuemnt.getElementById("") // ID da div que vai exibir o vídeo
  
  divShow.innerHTML = addVideo(url); // Crie a função addVideo para colocar o vídeo
}
function addVideo(src){}
window.onload = function(){
  var img = document.getElementById("img1");
  img.onclick = function(){ loadVideo("http://caminhodovideo.com"); };
};

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif