Ir para conteúdo

POWERED BY:

Arquivado

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

Vitor Luis

Passar conteudo para uma div!

Recommended Posts

Olá pessoal,

Estou com uma ideía que não consigo imaginar como fazer:

 

Preciso criar uma galeria de videos do Youtube..

Onde existira uma "playlist" com thumbs, preciso que quando o usuario clique nesta thumb, abra o video numa div...

 

Digamos que no meu banco de dados eu tenha cadastrado o embled do video..

Logo preciso fazer um for each para que cada video tenha sua propria thumb (que estaria no BD tambem) e que tenha algum link que passe o embed para a div...

 

Como faço isso?

 

Por favor exemplifiquem da seguinte maneira..

 

O RecordSet se chamara: Videos

O Campo do BD para o video se chamara: Embed

O Campo para a Imagem (thumb) se chamara: Thumb

A Div para exibição se chamara: Palco

 

Orbigado

Compartilhar este post


Link para o post
Compartilhar em outros sites

Para fazer isso você terá que usar AJAX + ASP.

 

Você tem alguma noção de AJAX e ASP? Se tiver, não tem mistério...

Compartilhar este post


Link para o post
Compartilhar em outros sites

Sim tenho noção dos dois...

Em ASP eu sou um programador novato..

Em Ajax eu só tenho conhecimento basico, sei o que são nodes, que precisam de request, ja até fiz algo beeem basico..

 

Como poderia fazer?

Compartilhar este post


Link para o post
Compartilhar em outros sites

Olá amigo (peço desculpas ao hargon, mas como ja tinha um codigo +/- parecido, resolvi ajudar o amigo)

 

Faça da seguinte forma:

Obs.:

Um conselho que te dou, não coloque as imagens na base de dados, armazena somente o nome da imagem e salve a imagem numa pasta.

Modifique o sqlVideos com o nome da sua tabela.

Modifique o caminho para a imagem onde diz "sua_pasta_com_a_imagem"

Acrecente o campo IDvideo na sua tabela, coloque como autoincrement e aplique como chave.

Salve a pagina com esse codigo abaixo na mesma pasta com a pagina "teste.asp" que usei de exemplo mais a baixo.

 

 

<html>
<head>
<script>	
/*Fuções AJAX para chamar uma pagina para dentro da div palco*/
		
var url;
var xmlHttp=null;
function Carrega(str){ 
	xmlHttp=GetXmlHttpObject();
	url=str;
	xmlHttp.onreadystatechange=stateChanged;
	xmlHttp.open("GET",url,true);
	xmlHttp.send(null);
	document.getElementById("palco").innerHTML="Aguarde... Carregando....";
	return url;
}

function stateChanged(){ 
	if (xmlHttp.readyState==4 && xmlHttp.status == 200){ 
		var resultado = document.getElementById("palco").innerHTML=xmlHttp.responseText;
	}
}

function GetXmlHttpObject(){
	if (window.XMLHttpRequest){   
		a=new XMLHttpRequest(); 
	}else{  
		try{   
			a=new ActiveXObject("Msxml2.XMLHTTP");  
		}	 
		catch(e){  
		   try{   
			  a=new ActiveXObject("Microsoft.XMLHTTP"); 
		   }	 
		   catch(e){ 
			  a=false;   
		   }  
		}  
	}   
	return a;  
}	
</script>
</head>
<body>

<%
'coloque aqui a sua conexão a base de dados
'criar o objecto recordSet
Set videos= Server.CreateObject("adodb.recordset")
sqlVideos = "SELECT * FROM sua_tebela_de_videos"
videos.Open sqlVideos,Conn,3,3

'fazer um while para mostrar as imagens
While not videos.eof
'aqui você monta o seu template, vou fazer um de exemplo pra você ver como é inserindo somente o nome da imagem na base de dados, também vamos inserir uma ação, o onclick para chamar a função em AJAX com o id do video a mostrar
response.write("<img src='sua_pasta_com_a_imagem/"&videos("thumb")&"' width='100' height='100' onclick='Carrega('http://www.sua_pagina.com.br/teste.asp?idvideo="&videos("IDvideo") &"' />")
videos.movenext
wend
Set videos = nothing
%>
<div id="palco" style="display:block; float:left; width:500px; height:500px;">DIV PARA MOSTRAR OS VÍDEOS</div>
</body>
</html>

Agora é fácil, você cria a pagina teste.asp

<%
idvideo = replace(request.querystring("idvideo")),"'","")
'faz o recordSet novamente
Set videos= Server.CreateObject("adodb.recordset")
sqlVideos = "SELECT * FROM sua_tebela_de_videos where IDvideo = '"&idvideo&"'"
videos.Open sqlVideos,Conn,3,3
if not videos.EOF then
'aqui você captura o Embed da base de dados e insere ele aqui
response.write(videos("embed")
else
response.write("video não encontrado")
end if
Set videos = nothing
%>

Ve ai se ajuda, não testei o codigo, estou no trabalho. Espero ter ajudado!

Compartilhar este post


Link para o post
Compartilhar em outros sites

Olá amigo (peço desculpas ao hargon, mas como ja tinha um codigo +/- parecido, resolvi ajudar o amigo)

Sem problemas Filipe_Moraes. Fórum é isso mesmo, um ajudando o outro e quanto mais rápido a dúvida for solucionada, melhor. rs

 

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

Compartilhar este post


Link para o post
Compartilhar em outros sites

Poxa cara, vallew mesmo..

Vou dar uma estudada no codigo e fazer tudinho...

Pelo que eu li aqui deve funcionar, se não funcionar eu vou arrumando ele aos poucos...

 

Muito obrigado Filipe_Moraes, muito obrigado hargon...

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.