Tranzendo dados do mysql para ediçao em form modal

Iniciante1 · Maio 16, 2010

Olá pessoal...

Seguinte, minha dúvida é como fazer como alguns sites atuais, em que existe uma página para ediçao de registros, você clica em um registro para ediçao e aparece um form em modal(com jquery), já com os dados preenchidos no value do form, para que seja possivel editar...

Como fazer isso??

Desde já agradeço pela atenção!

macielcr7 · Maio 16, 2010

veja esse exemplo online.....

http://yensdesign.com/tutorials/popupjquery/

este POPUP que abre fica em uma DIV dentro da Mesma pagina ...

Download

http://yensdesign.com/tutorials/popupjquery/popupjquery.rar

aiii é só você coloca dentro da DIV ( <div id="popupContact"> )...

o formulario.

Iniciante1 · Maio 16, 2010

certo, mas quero saber como trago do bd isso, pq já tenho uma página que funciona isso, porem se tenho um lista de registros, trago isso do banco, só que na mesma página eu quero que qdo o cliente clica no link para editar determinado registro, que seja aberto o modal com o form do referido registro, sendo que no que eu fiz, ele ta com um bug, onde nao importa qual registro eu seleciono, o form abre somente com o ultimo registro...

você saberia como fazer esse algoritmo em php para funcionar certinho??

macielcr7 · Maio 16, 2010

Claro amigo agora mostre o que você tem em mãos ... o que você t tentando fazer...

ok

Claro amigo agora mostre o que você tem em mãos ... o que você t tentando fazer...

ok

Henrique Barcelos · Maio 17, 2010

Se usar AJAX, fica mais fácil...

Você terá uma página - 'edit.php' por exemplo - em separado.

Essa página retornará um formulário com os dados do registro.

Como saber qual registro pegar?

Passe o parâmetro via POST, GET ou use sessões...

Supondo que vai usar get, ao usar o ajax, faça assim:

$("#ID do Modal Box").load('edit.php?id_registro=x');

Esse exemplo usa a API jQuery para Ajax... caso utilize outra, troque pelo correspondente.

Bom... agora usa página edit.php já sabe qual registro você quer editar, você só precisa acessar o banco de dados e acessar o registro correspondente, retornar seus valores e mostrar no formulário...

Essa é a idéia ;]

Iniciante1 · Maio 21, 2010

Claro amigo agora mostre o que você tem em mãos ... o que você t tentando fazer...

ok

Claro amigo agora mostre o que você tem em mãos ... o que você t tentando fazer...

ok

Segue abaixo o que tenho, porém esse arquivo somente faz o seguinte, traz somente o último registro existente na lista e não o registro correspondente ao id selecionado, como corrigir???

<?php

// A sessão precisa ser iniciada em cada página diferente
if (!isset($_SESSION)) session_start();

$nivel_necessario = 'Administrador';

// Verifica se não há a variável da sessão que identifica o usuário
if (!isset($_SESSION['UsuarioID']) OR ($_SESSION['UsuarioNivel'] != $nivel_necessario)) {
	// Destrói a sessão por segurança
	session_destroy();
	// Redireciona o visitante de volta pro login
	header("Location: ../index.php"); exit;
}
  include "dbc.php";
$res = mysql_query("select * from usuarios where status = 'Ativo' order by id");
mysql_close();

?>
<?php
$hora=('00:29:59');
//$hora=date('H:m:s');
/*$hora_h=substr($hora, 0, 1);
$minuto=substr($hora, 3, 4);
$segundo=substr($hora, 6, 7);*/
$hora_parte=explode(":", $hora);
$hora_h=$hora_parte[0];
$minuto=$hora_parte[1];
$segundo=$hora_parte[2];
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
	"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
 <title>&Aacute;rea Restrita </title>	

<script language="JavaScript" src="../conf/jquery.js" type="text/javascript"></script>
<script language="JavaScript" src="../conf/jquery.validate.js" type="text/javascript"></script>

<script type="text/javascript">
$(document).ready( function() {
$("#formularioContato").validate({
// Define as regras
rules:{
nome:{
// campoNome ser obrigatrio (required) e ter tamanho mnimo (minLength)
required: true, minlength: 2
},
login:{
// campoEmail ser obrigatrio (required) e precisar ser um e-mail vlido (email)
required: true,  minlength: 2
},

senha:{
// campoEmail ser obrigatrio (required) e precisar ser um e-mail vlido (email)
required: true,  minlength: 6
},
email: {
				required: true,
				email: true
			},

senha2: {
required: true,
	minlength: 6,
	equalTo: "#senha"
			},


},
// Define as mensagens de erro para cada regra
messages:{
nome:{
required: "*Este campo  obrigatório!",
minLength: "O seu nome deve conter, no mnimo, 2 caracteres"
},

login:{
required:"*Este campo  obrigatório!",
minLength: "O seu nome deve conter, no mnimo, 2 caracteres"
},

senha:{
required:"*Este campo  obrigatório!",
minLength: "O seu nome deve conter, no mnimo, 2 caracteres"
},

email:{
required:"*Este campo  obrigatório!",
minLength: "O seu nome deve conter, no mnimo, 2 caracteres"
},
senha2:{
required:"*Este campo  obrigatório!",
minLength: "O seu nome deve conter, no mnimo, 2 caracteres"
},
}

});
});

</script>





<script src="../conf/lightbox-form.js" type="text/javascript"></script>
<link href="../css/menu.css" rel="stylesheet" type="text/css" />
<link href="../css/lightbox-form.css" rel="stylesheet" type="text/css" />
<script src="../conf/jquery.corners.js"></script>
  <script type="text/javascript">
  $(document).ready(function(){
    $('.rounded').corners();
    $('.rounded').corners(); /* test for double rounding */
    $('table', $('#featureTabsContainer .tab')[0]).each(function(){$('.native').hide();});
    $('#featureTabsContainer').show();
    tab(0);
  });
  function tab(n) {
    $('#featureTabsContainer .tab').removeClass('tab_selected');
    $($('#featureTabsContainer .tab')[n]).addClass('tab_selected');
    $('#featureElementsContainer .feature').hide();
    $($('#featureElementsContainer .feature')[n]).show();
  }
  </script>

<style type="text/css" media="screen">

 .benefits {
    color: #fff;
    background-color: #3F2929;
    padding: 0 10px;
    vertical-align: top;
  }

  a.tab {
    background-color: #603F3F;
    color: #fff;
    font-size: 108%;
    font-weight: bold;
    padding: 5px 7px 4px 7px;
    margin-top: 0.3em;
    border-bottom: solid 2px #fff;
  }

  a.tab:hover {
    background-color: #3F2929;
    color: #ffff00;
  }
  
  a.tab_selected {
    border-bottom-color: #3F2929;
    background-color: #3F2929;
  }
  
  #featureTabsContainer {
    display: none;
  }
  
  #featureElementsContainer {
    background-color: #3F2929;
    padding: 10px;
  }
  
  .feature {
    background-color: #fff;
    padding: 10px;
  }
  
  .swatches {
    padding: 5px 0;
  }

  .swatches a {
    background-color: #000;
    color: #fff;
    padding: 8px 12px;
  }
  
</style>
</head>


<body onload="setInterval('tempo();',1000), closebox()" >

<div id="topologo">
<div id="logo"></div>

<div id="tempo_container"> <!-- Inicio da div container que esta tempo -->
<div id="tempo_esquerda"></div>
<div id="tempo"  > Você possui cerca de<div name="relogio" id="relogio"></div> 
em tempo restante para o fim da sessão caso esta página se encontre inativa!</p>
 
  <script type=text/javascript>
var segundo=<?php echo $segundo;?>;
var minuto=<?php echo $minuto;?>;
var hora=<?php echo $hora_h;?>;

 function tempo(){
 if (segundo<=59){
	 segundo=segundo-01;
 			if (segundo==00){
 				minuto=minuto-01;
 				segundo=59;
 					if (hora==24){
 						hora=hora+01;
						minuto=00;
 						segundo=00;
						
						
  
 				}
  							}
 								}
								if (minuto<00){
							
							window.alert('Sua sessão ficou inativa por mais de 30 (trinta) minutos! Por motivos de segurança você dever	 entrar novamente!');
 							window.location.href = 'logout.php';
							
							}
					
  document.getElementById("relogio").innerHTML=(minuto+":"+segundo);
				}
 
</script>

























</div>

<div id="tempo_direita"> </div>
</div> <!--fim da div container do tempo -->


</div>
  

	
	<div id="menu" > 
	<div id="left"></div>
	
	<div id="menu_meio">
   		<ul>
			<li>
			  <div align="center"><img src="../images/ico_home.gif" border="0"/><br> 
              <a href="myaccount.php">Home</a></div>
		  </li>
			<li>
			  <div align="center"><img src="../images/ico_users.gif" border="0"/><br />
              <a href="usuarios.php">Usuários</a></div>
		  </li>
		  <li>
		    <div align="center"><img src="../images/ico_categories.gif" border="0"/><br />
            <a href="categorias.php">Categorias</a></div>
		  </li>
			<li>
			  <div align="center"><img src="../images/ico_canned.gif" border="0"/><br />
                <a href="cannd.php">Fórum</a></div>
		  </li>
			<li>
			  <div align="center"><img src="../images/ico_kb.gif" border="0"/><br />
              <a href="know.php">Dicas</a></div>
		  </li>
			<li>
			  <div align="center"><img src="../images/ico_settings.gif" border="0"/><br />
                <a href="settings.php">Configurações</a></div>
		  </li>
			<li>
			  <div align="center"><img src="../images/ico_profile.gif" border="0"/><br />
              <a href="profile.php">Perfil</a></div>
		  </li>
			<li>
			  <div align="center"><img src="../images/ico_logout.gif" border="0"/><br />
	          <a href="logout.php">Logout</a></div>
		  </li>
	  </ul>
	  </div>
<div id="right"> </div>
	</div> 	 
	
<!--<div align="center"> Você pode escolher acima o que deseja incluir/alterar:</div>	-->

	
<!--</div><div></div> -->
	  


<div id="lateral"> <!--- incio personalizao da lateral --->

<div id="lateral_esq"> <!--- incio personalizao da lateral esquerda --->
<div id="borda_esq"><!--- incio personalizao da borda esquerda ---></div> <!--- fim personalizao da borda esquerda --->

<div id="borda_dir"><!--- incio personalizao da borda direita---></div> <!--- fim personalizao da borda dir --->
<div id="borda_meio"><!--- incio personalizao da borda meio --->
<div id="usu"> <a href="../restrito.php" class="lat_esq">   Inserir usuário    </a></div>
<div id="usu"><a href="edt_usu.php" class="lat_esq">   Editar usuário     </a></div>
<div id="usu"><a href="del_usu.php" class="lat_esq">   Excluir usuário    </a></div>
<div id="usu"><a href="lista_usu.php" class="lat_esq">   Listar usuários    </a>  </div>
<div id="usu"><a href="lista_usu.php" class="lat_esq">   Permissões*       </a>  </div>
</div> </div> <!--- fim personalizao da borda meio --->

<!--- fim personalizao da lateral esquerda--->
<div id="lateral_dir"> <!--- incio lateral direita---> 

    <div align="center" style="font:bold;font-size:16px;color:#93F; text-decoration:underline; font-family:Verdana, Geneva, sans-serif">  Editar Usuários  </div>
    <fieldset class="fieldset">
    
    
    
    
     <table width="470" border="0"	 align="center">
  <tr>
    <th width="80"><div align=center><font color=black>  Código </font></div></th>
    <th width="82"><div align=center><font color=black>    Nome     </font></div></th>
    <th width="65"><div align=center><font color=black> Login</div></th>
    <th width="100"><div align=center><font color=black>Status</font></div></th>
    <th width="109"><div align=center><font color=black>       EDITAR      </font></div></th>
  </tr>
    <br	>
   
      <?php

while($l = mysql_fetch_array($res)) {

	$id        = $l["id"];
	$data   = $l["nome"];
	//$nro_lic      = $l["nro_lic"];
	$login  = $l["login"];
	//$modalidade    = $l["modalidade"];
	$status     = $l["status"];
    //$concluida     = $l["concluida"];
	//     = $l["valor"];
	
	//$sexo      = $l["sexo"] == "M" ? "Masculino" : "Feminino";
	// <td><div align=center><font color=white>$nro_edt</font></div></td>
	//<td>$objeto</td>
	//if ($concluida=='Não'){
	echo"
  <tr>
    <td><div align=center><font color=black>   $id   </font></div></td>
    <td><div align=center><font color=black>$nome</font></div></td>
    
    <td><div align=center><font color=black>$login</font></div></td>
   
	<td><div align=center><font color=black>$status</font></div></td>
	 
	

    <td><a href=\"#?id=$id\"  style=\"color:black\" onClick=\"openbox('Editando Usuários', 1)\"><div align=center>[Editar]</div></a></td>
  </tr>\n";
  
  
  }


?> 
<?php 
 mysql_connect('localhost', 'root', 'root') or trigger_error(mysql_error());
// Tenta se conectar a um banco de dados MySQL
mysql_select_db('edimar') or trigger_error(mysql_error());

 $result = mysql_query("select * from usuarios where id = $id");
$dados=mysql_fetch_array($result);
mysql_close(); 
 ?>   
</table>
      <legend></legend>
<div id="filter" ></div>
<div id="box">
  <span id="boxtitle"></span>
 
<form action="ee.php"  method="post" id="formularioContato">
    
   
    
  
        <label><span class="span">Nome:</span></label>
          <input class="types" type="text" name="nome" id="nome" value="<?php echo $dados["login"];?>" />
        <BR />
        
        <label>Login:</label>
<input class="types" type="text" name="login" id="login" readonly="true" value="<?php echo $dados["login"];?>" />
                 <BR />
          <label> Senha:  </label>
          <input class="types" type="password" name="senha" id="senha" />
              <BR />
        <label>Repita a senha:  </label>
          <input class="types" type="password" name="senha2" id="senha2" />
              <BR />
        <label>E-mail: </label>
          <input  class="types" type="text" name="email" id="email" value="<?php echo $dados["email"];?>" />
               <BR />
          <label>Status:</label>
          <select name="status" id="status">
            <option>Ativo</option>
            <option>Inativo</option>
          </select>  ← <a href="saiba.php" style="color:#000">O que é isto?</a>
            
       <br />
<label>Permissão de Acesso:</label>
          <select name="Permissao" id="Permissao">
            <!--<option>Administrador</option>
            <option>Aluno</option>
            <option>Professor</option>
            <option>Técnico</option>
            <option>Vendedor</option>-->
            
             <?php
				
			
		  
			  $Query = "SELECT * FROM permissao  order by descricao";
			  $Resultado = mysql_query($Query,$ConexaoId);
  
			  
		 
  
				 while($Permissao=mysql_fetch_array($Resultado))
              {
				 utf8_decode($Permissao);
                print("<option value=$Permissao[descricao]>
                $Permissao[descricao]</option>");
              }
				?>
            
		  </select>  ← <a href="saiba.php" style="color:#000">O que é isto?</a>
       
           
        <BR />
         <BR />
        
   <input  class="botao3d" type="submit" name="Salvar" id="Salvar" value="Salvar" />
    <input name="Limpar" class="botao3d" type="reset" id="Limpar" value="Limpar" />

  <input type="button" name="cancel" value="Fechar" class="botao3d" onClick="closebox()">

    </form>

</div>

</div>
</div>
 
  <!--- Fim lateral direita ---><!--- fim personalizao da lateral --->


</body>
</html>

Se usar AJAX, fica mais fácil...

você teria um exemplo prático????

Entrar

Arquivado

Tranzendo dados do mysql para ediçao em form modal

Recommended Posts

Iniciante1 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

macielcr7 9

Compartilhar este post

Link para o post

Compartilhar em outros sites

Iniciante1 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

macielcr7 9

Compartilhar este post

Link para o post

Compartilhar em outros sites

Henrique Barcelos 290

Compartilhar este post

Link para o post

Compartilhar em outros sites

Iniciante1 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Oriantação - Java Netbeans Componentes Template AdminLTE

Orientação - Codificação Caracteres Especiais em Java

Não consigo carregar imagem do captcha no meu formulário

Este projeto é apoiado pelas empresas

Fóruns

Tempo Real

Informação importante