função jquery para mover div vinda do BD dinamicamente em página php
Estou com um probleminha que não consigo solucionar,
tenho uma página em php que busca dados vindos de um banco dinamicamente para inserir numa div, esta div tem um looping "while" para que possa duplicá-la quantas vezes forem necessárias. Fiz uma função para jquery que move esta div para cima e aparece o player ao clicar em um botão, a função faz o serviço certinho mas move as outras também pois todas elas, por estarem em looping, têm a mesma classe. Agora é que vem a minha pergunta, tem como inserir o id vindo do banco nesta minha função para que quando clicado o botão apenas se mova a div contida no box deste botão? Para que possam entender, o endereço do site é este: http://joaorickeeduardo.hol.es/, oque eu preciso está na parte dos vídeos, se clicarem nos botões "play" de cor marron claro, vocês poderão ver que todas elas se movem. A função: <!-- função animate --->
<script type="text/javascript">
$(function() {
$(".bt_play_video").click(function(){ $(".movable").animate({ // distancia da margem a esquerda marginLeft: "0px", // distância do topo marginTop: "-205px" // tempo de execucao - milissegundos }, 1000, function() { $(this).html(). }). }). }). </script><!-- /função animate ---> Agora o código php/html
<?php
$sql_videos = mysql_query("SELECT * FROM videos LIMIT 4"). while($todos_videos = mysql_fetch_array($sql_videos)){ $id = $todos_videos['id']. $nome = $todos_videos['nome']. $videoclipe = $todos_videos['videoclipe']. $descricao = $todos_videos['descricao']. //retirando caracteres da string $video para poder exibir a imagem em vídeo $capa_video = substr($videoclipe, 32). //Retira os 32 primeiros caracteres.?> <div id="video"> <div id="move" class="movable"> <div class="bt_play_video"></div> <div class="descricao"> <?php echo $descricao.?> </div><!-- div id="descricao" --> <img class="sobe" src="https://i.ytimg.com/vi/<?php echo $capa_video.?>/mqdefault.jpg" /> <iframe class="sobe" src="//www.youtube.com/embed/<?php echo $capa_video.?>?vq=hd1080?fs=1&autohide=1&theme=light&hl=en_US&PARAMETER" frameborder="0" allowfullscreen> </iframe> </div><!-- div class="movable" --> </div><!-- div id="video" --> <?php } //while($todos_videos = mysql_fetch_array($sql_videos)){?> Acho que tem como fazer pois já ví em sites, mas só não sei como.Pensei em colocar dinamicamente a função dentro do while e acho que isso não seria legal, ou seria? Desde já agradeço.
Discussão (7)
Carregando comentários...