Publicado em 15 de out.

Link que chama formulário sem mudar de pagina

Tenho um link que me manda para um formulário para alterar foto, nessa pagina só tem um "Inputs file" e um botão com o nome "atualizar foto".

Quando eu clico no link sou direcionado para a pagina update.php onde eu encontro o formulário para escolher a foto e enviar ela.

Mas estou querendo inovar quero clicar no link e em vez de ser mandado para uma outra pagina quero que os botoes de selecionar arquivo e enviar apareça logo a baixo do link alguém sabe como fazer isso?

Obrigado amigos

Discussão (4)

Entre ou cadastre-se para participar da discussão

Entrar Criar conta

wolfphw· 15 de out.

Cara você vai fazer isso com jQuery... dá uma pesquisada no site do www.jquery.com..

Dah uma olhada nesse lnk é mais ou menos oke você quer.. http://jqueryui.com/dialog/#modal-form

você vai precisar modificar para sua utilização

Ricardo Barantini· 15 de out.

Só colocar o código PHP abaixo do seu formulário e verificar se o botão foi ou não apertado.

Vales & Dores· 15 de out.

Amigos eu resolvi assim de uma olhada e fale a opinião de vocês é muito importante para mim.

<?php

include_once('conecta.php');
	session_start();
 $id = $_SESSION['email'];

 //--------------------------------------------------------------------------
 $sql = $dsn->prepare("SELECT * FROM cadastro WHERE email = :id");
 $sql->bindparam("id", $id, PDO::PARAM_STR);
 $sql->execute();
	//---------------------------------------------------------------------------
	foreach($sql as $row)
	{
 $_SESSION['id'] = $row['id'];

?>
 <html>
 <head>
 <title>LOVE - ME</title>

 <link rel="stylesheet" href="defalt.css" type="text/css" />
 </div>
 </head>

 <div id='foto'>
 <img src='<?php echo "$row[arquivo_nome]"; ?>' width='180'><br>

 <script language="JavaScript">
 function abrir(URL) {
 var width = 350;
 var height = 150;
 var left = 99;
 var top = 99;
 window.open(URL,
 'janela',
 'width='+width+', height='+height+', top='+top+', left='+left+', scrollbars=no, status=no, toolbar=no, location=no, directories=no, menubar=no, resizable=no, fullscreen=no');
}
 </script>

 <a href="javascript:abrir('update.php');">Alterar Foto</a>
 </div>

 <div style="position:absolute; top:-1px; left:184px; width:548;">
 <?php

 echo '<font face=verdana size=2 color=#000000>
 <div style="position:absolute; top:100px; left:px;">
 Meu Nome: ' .$row['nome'].'<br>';
 echo 'Sou do Sexo: ' .$row['sexo'].	'<br>';
 echo 'E-Mail: ' .$row['email'].	'<br>';
 echo 'Moro em: ' .$row['uf'].	'<br>';
 echo 'Quero conhecer: ' .$row['quer'].	'<br>';
 echo '<a href=input.php>batepapo</a>

 </div>';

 }
 ?>

 </div>
 <div style="position:absolute; top:240px; left:186px;">
 <?php include_once('post.php'); ?>
 </div>

</html>

Com este trecho eu consigo trazer a pagina como popup espero ter ajudado agora gostaria de atualizar a pagina que vai mostrar a foto assim que eu clicar em atualizar a foto

<script language="JavaScript">
function abrir(URL) {
var width = 350;
var height = 150;
var left = 99;
var top = 99;

window.open(URL, 'janela',

'width='+width+', height='+height+', top='+top+', left='+left+', scrollbars=no, status=no, toolbar=no, location=no, directories=no, menubar=no, resizable=no, fullscreen=no');
}
</script>

<a href="javascript:abrir('update.php');">Alterar Foto</a>

wolfphw· 15 de out.

Pode ser.. mas como você disse que queria inovar, esse seu método eu já acho feio.. aconçelho você olhar oque eu postei.. seu site vai fica muito mais bacana...

Esse meu método muitos site utilizam a mesma filosofia.. você nao abre uma janela você abre apenas uma div no site... é muito mais elegante... fica dica :D