Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Bom dia a todos!
Gostaria de saber se alguém conhece algum tutorial que demonstre como posso, a partir de uma lista de campos de uma tabela, criar consultas com estes elementos. Por exemplo:
À esquerda tem uma lista de campos de uma determinada tabela (Nome, Cargo, Endereço, Telefone, etc). No centro, existe o resultado da consulta, que por enquanto está vazio pois não contém nehum elemento.
Gostaria de poder arrastar e soltar algum campo para o centro, e o Ajax me retornar o resultado da consulta.
Algo parecido com o que se vê no Youtube. "Veja o exemplo após um minuto de vídeo"
Obrigado!
>
não conheço nenhum tutorial tao especifico.
porém da para fazer...
sabe arrastar e soltar ? tem plugin para isso.
ao 'soltar' envie a tua requisição ajax, e faça a consulta para popular o resultado.
William, obrigado pela resposta.
Eu andei vendo alguma coisa na internet mas não sei exatamente aonde deve ser inserida a consulta. O Script tava assim:
<html>
<head>
<script src="js/jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="js/jquery-ui-1.7.custom.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
// Transforma o div 'arrasteMe' em um elemento que pode ser arrastado!
$(".arrasteMe").draggable();
// Transforma o div 'lixeira' em um recipiente para elementos arrastáveis
$("#lixeira").droppable({
drop: function(event, ui) {
// Exibe o HTML do elemento arrastado
alert($(ui.draggable).html());
}
});
});
</script>
</head>
<body>
<div class="arrasteMe">Ei, eu posso ser arrastado!</div>
<div class="arrasteMe">Eu também!</div>
<div id="lixeira">Sou uma lixeira!</div>
</body>
</html>
não conheço nenhum tutorial tao especifico.
porém da para fazer...
sabe arrastar e soltar ? tem plugin para isso.
ao 'soltar' envie a tua requisição ajax, e faça a consulta para popular o resultado.