PHP + JavaScript - Botao ver mais funcionando de modo inesperado.

[ingridy 0]

include "conexao_bd.php";

$result = mysql_query('SELECT * FROM Usuario_vendedor');

$v = 1;

while($row = mysql_fetch_array($result)) {

$codigo = $row['codigo'];

$nome = $row['nome'];

$CPF = $row['CPF'];

$email= $row['email'];

$telefone = $row['telefone'];

$celular = $row['celular'];

$estado = $row['estado'];

$cidade = $row['cidade'];

$login = $row['login'];

$senha= $row['senha'];

$area_atuacao= $row['area_atuacao'];

$outra_empresa = $row['outra_empresa'];

$qual = $row['qual'];

$valor_investimento = $row['valor_investimento'];

$obs = $row['obs'];

$vendedores= $row['vendedores'];

$quantos= $row['quantos'];

$centro_tecnico = $row['centro_tecnico'];

$centro_fixo = $row['centro_fixo'];

$veiculo= $row['veiculo'];

$status = $row['status'];

echo "<div id='div_busca' border='1'>

<div id='div_avaliacao' border='1'> </div>

<label class='nome_busca'><b>$nome</b></label><br>

<label class='atuacao_busca'><b>$area_atuacao</b>: $cidade - $estado <br> <br></label>

<a type='button' id='botaoExibir' value='Ver mais detalhes' name='botaoExibir'></a>

<a href=\"#\" onclick=\"javascript: altera_display('conteudo_$v');\"> Ver maiores informações </a>

<div id='conteudo_$v' style=\"display:none\">

<b>Email:</b> $email <br>

<b>Telefone:</b> $telefone <br>

<b>Celular:</b> $celular <br>

<b>Login:</b> $login <br>

</div> <br><br><br>

<div id='conteudo2'>

<b>Representa outra empresa?</b> $outra_empresa <br>

<b>Qual?</b> $qual <br>

<b>Valor de investimento:</b> $valor_investimento <br>

<b>Observação:</b> $obs <br>

<b>Possui vendedores?</b> $vendedores <br>

<b>Quantos vendedores?</b> $quantos <br>

<b>Possui centro técnico?</b> $centro_tecnico <br>

<b>Possui centro fixo?</b> $centro_fixo <br>

<b>Possui veiculo?</b> $veiculo <br></div>

</div>";

$v++;

}

?>

Com este codigo acima, estou mostrando todos os usuarios. Como existem muitas informações, resolvi criar um botao de ver mais. O ver mais funciona atraves deste codigo:

function altera_display(id) {

// Opções para o atributo display - block, inline e none

if(document.getElementById(id).style.display=="none") {

document.getElementById(id).style.display = "block";

}

else {

document.getElementById(id).style.display = "none";

}

}

Porém, quando clico num segundo ver mais, funciona corretamente, mas ai a visualizacao da pagina em si vai para o topo da pagina. Neste caso, oque eu faço?

 

[ESerra 744]

Seu problema está na tralha (#), movendo para a área correta, JS.

[ingridy 0]

Então, quando eu tiro a tralha, ai para de funcionar tudo. No lugar da tralha devo colocar oque entao?

[William Bruno 1501]

Faça um return false; na função do click, para o comportamento default do html não ser executado