02-06-2013, 16:18
boas uma ajudinha eu tenho uma pagina em php que queria que 4 campos de texto se atualizassem sozinhos em divs e javascript jquery mas não tou conseguindo os textos vão ser enviados de mysql algem sabe de um tutorial fácil ?
02-06-2013, 16:18
03-06-2013, 11:38
03-06-2013, 13:24
pois já tinha feito essa pesquisa sem grandes resultados tenho aqui o código que estou a usar mas só consegui meter um campo de texto será que da para meter mais com este código ?
index.php
<html>
<head>
<title>Pagina 1</title>
<script type="text/javascript" src="jquery-1.8.1.min.js"></script>
<script type="text/javascript" src="javascript.js"></script>
</head>
<body bgcolor="silver">
<div id="resultado"></div>
</body>
</html>
javascript.js
function funcao(){
var texto = $("#valor").val();
$.post("servidor.php",{ valor:texto }, function(resposta){
$("#resultado").html(resposta);
});
}
window.setInterval("funcao()", 1000);
servidor.php
<?php
echo $_POST["valor"];
?>
index.php
<html>
<head>
<title>Pagina 1</title>
<script type="text/javascript" src="jquery-1.8.1.min.js"></script>
<script type="text/javascript" src="javascript.js"></script>
</head>
<body bgcolor="silver">
<div id="resultado"></div>
</body>
</html>
javascript.js
function funcao(){
var texto = $("#valor").val();
$.post("servidor.php",{ valor:texto }, function(resposta){
$("#resultado").html(resposta);
});
}
window.setInterval("funcao()", 1000);
servidor.php
<?php
echo $_POST["valor"];
?>
03-06-2013, 13:33
Para a próxima tenta usar os tags de code no post, que fica mais legível.
Quanto ao js, acho que te safavas melhor com um pedido ajax via jQuery, com uma resposta JSON do php.
Passas os 4 valores ao php, usas as rotinas de json para devolveres os 4 valores do texto e actualizas a página. Tens aqui onde obter mais informação de como fazer isso.
Em relação ao setInterval(), passa apenas o nome da função a ser chamada em vez de a meteres entre aspas, pois assim evitas que o js tenha de fazer um eval() à string.
em vez de
Quanto ao js, acho que te safavas melhor com um pedido ajax via jQuery, com uma resposta JSON do php.
Passas os 4 valores ao php, usas as rotinas de json para devolveres os 4 valores do texto e actualizas a página. Tens aqui onde obter mais informação de como fazer isso.
Em relação ao setInterval(), passa apenas o nome da função a ser chamada em vez de a meteres entre aspas, pois assim evitas que o js tenha de fazer um eval() à string.
Código:
window.setInterval(funcao, 1000);em vez de
Código:
window.setInterval("funcao()", 1000);03-06-2013, 14:13
ok obrigado pela dica do setInterval e tem razão devia de usar tags.
e eu também já corri isso tudo jQuery,json entre outros e o que consegui fazer e trabalhar e o que esta em cima tem me dito que e fácil mas o fácil para um e o complicado para outros que e o meu caso que sou novato e o que sei ate agora foi pela força de vontade que tenho e nuca desistir ja tou a um meses com este mesmo assunto e por outros fórums mas ate agora não consegui fazer grande coisa.
e eu também já corri isso tudo jQuery,json entre outros e o que consegui fazer e trabalhar e o que esta em cima tem me dito que e fácil mas o fácil para um e o complicado para outros que e o meu caso que sou novato e o que sei ate agora foi pela força de vontade que tenho e nuca desistir ja tou a um meses com este mesmo assunto e por outros fórums mas ate agora não consegui fazer grande coisa.
03-06-2013, 15:28
Tenta algo assim:
Do lado do js:
Do lado do php:
Atenção: código tirado de cabeça, sem ter sido testado e sem qualquer tipo de verificação de erros
Do lado do js:
Código:
funcao() {
var v1 = $('#valor1').val();
var v2 = $('#valor2').val();
var v3 = $('#valor3').val();
var v4 = $('#valor4').val();
$.ajax('servidor.php', {
type: 'POST',
dataType: 'json',
data: {
valor1: v1,
valor2: v2,
valor3: v3,
valor4: v4
},
success: function(resposta) {
$('#resultado1').text(resposta[0]);
$('#resultado2').text(resposta[1]);
$('#resultado3').text(resposta[2]);
$('#resultado4').text(resposta[3]);
}
});
}Do lado do php:
Código:
$v1 = $_POST['valor1'];
$v2 = $_POST['valor2'];
$v3 = $_POST['valor3'];
$v4 = $_POST['valor4'];
...
$reposta = array($resposta1, $resposta2, $resposta3, $reposta4);
header('Content-type', 'application/json');
echo json_encode($reposta);Atenção: código tirado de cabeça, sem ter sido testado e sem qualquer tipo de verificação de erros