botão de envio

[Guiderope]

o problema ta aquiu eu chamo uma funcao java script com evento innerHTML, mas o form com botao submit ele atualiza a pagina limpando tudo que tem no innerHTML

resulmindo, quando eu clico no botao ele pega o value, e imprime em seguida e já atualiza apagina e some tudo

como eu faço pra o boto submit não atualizar a pagina e simpimente so pegar o valor o pra mim

 

html

<form method="post" action="">

<input type="submit" value="teste" id="vieira2" name="vieira" onclick="funcao()>

<input type="submit" value="teste2" id="vieira2" name="vieira" onclick="funcao()">

</form>

<div id="teste"></div>

 

php

<?php

$nome = $_POST["vieira"];

if(isset($_POST["vieira"])){

$pegueiovalor = $nome;

}

?>

 

javascript

function funcao(){

var div = document.getElementById('teste');

div.innerHTML += ('<?php $nome ?>');

 

[Frank K Hosaka]

Não use o marcador <form> e nem o PHP:

arquivo index.php
<input type="submit" value="teste" onclick="teste.innerHTML+=this.value">
<input type="submit" value="teste2" onclick="teste.innerHTML+=this.value">
<div id="teste"></div>

Para brincar na tela, o Java Script é suficiente e eficiente.

Você só vai precisar do PHP para fazer a ponte entre o HTML e o MySQL. Ou se não souber nada de HTML (esse foi o meu caso, e ainda é). Eu uso o nome do arquivo index.php para executar o programa quando executo localhost/astudy na barra de navegação. Você também pode usar o nome index.html, mas se tiver caractere com acento vai aparecer um monte de códigos inelegíveis na tela.

Em seguida, o exemplo do uso do PHP com o marcador <form>, ele sempre vai atualizar a tela, mas é possível preservar os valores utilizados, assim: (esse é um péssimo exemplo de programação, dá para fazer a mesma coisa sem precisar do formulário, sem precisar atualizar a tela, só usando o JavaScript).

 

arquivo index.php
<?php
$texto="";
if(isset($_POST['exemplo']))
{
    $texto=$_POST['exemplo'];
}
?>
<form method=post>
    <input name=exemplo value=<?=$texto?>>
    <input type=submit>
</form>
<table>
    <?php for($i=1;$i<=10;$i++): ?>
    <tr><td><?=$texto?>
    <?php endfor; ?>
</table>

 

Editado Agosto 7 por Frank K Hosaka