Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Vales & Dores

Link que chama formulário sem mudar de pagina

Recommended Posts

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

Compartilhar este post


Link para o post
Compartilhar em outros sites

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

Compartilhar este post


Link para o post
Compartilhar em outros sites

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>

Compartilhar este post


Link para o post
Compartilhar em outros sites

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

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.