Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Boa Tarde!
Tenho a seguinte situação, onde o código abaixo chama uma div e está funcionando normalmente.
<td><button id="bt3">Div 3</button></td>
Agora preciso algo abaixo chamando uma outra DIV, é possível? Na forma abaixo não está funcionando.
<div id="div2">
<?php
include ("funcoes/conn.php");
$id = $_GET['id'];
$busca = mysql_query("select * FROM tipodocumento WHERE Id = $id");
$row = mysql_fetch_assoc($busca);
echo "<form name='frmClientes'>
<table>
<tr>
<input type='hidden' name='id' value=".$id."><br></td></tr>
<tr><td>Descrição:</td><td>
<input type='text' name='nome' id='nome' value=".$row['descricaotpdocumento']."><br></td></tr>
<tr><td><input type='submit' id='bt3 name='altera' value='Confirma Alteração'></td></tr>
</table>
</form>";
?>
</div><button id="bt3">Div 3</button>
<div id="div3">
<?php
include ("funcoes/conn.php");
$resultado = mysql_query("select * from tipodocumento");
echo "<table>
<tr><td>Descrição</td>
<td>Ação</td></tr>";
while ($linhas = mysql_fetch_array($resultado)){
echo "<tr>
<td>".$linhas['descricaotpdocumento']."</td>
<td><a href='edtipodocumento.php?id=".$linhas['id']."' id='bt2'>Detalhar</a></td></td>";
}
?>
</div>Não tem nenhuma função ai que "chama a DIV" elas já são inicializadas automaticamente.
Ou não intendi, ou tu não se expressou corretamente :)
Coloquei todo código:
Na verdade quero o seguinte....
O incluir abrindo um DIV e quando clicar em Detalhar carregar outra div na mesma página.
CSS
#div1{
background-color: #FF0000;
width: 400px;
height: 200px;
}
#div2{
background-color: #00FF00;
width: 100px;
height: 100px;
}
#div3{
background-color: #0000FF;
width: 100px;
height: 100px;
}
.escondido{
display: none;
}JS
var div1;
var div2;
var div3;
window.onload = function(){
div1 = document.getElementById("div1");
div2 = document.getElementById("div2");
div3 = document.getElementById("div3");
var bt1 = document.getElementById("bt1");
bt1.onclick = mostrarDiv1;
var bt2 = document.getElementById("bt2");
bt2.onclick = mostrarDiv2;
var bt3 = document.getElementById("bt3");
bt3.onclick = mostrarDiv3;
div1.classList.add("escondido");
div2.classList.add("escondido");
div3.classList.add("escondido");
}
function mostrarDiv1(){
div1.classList.remove("escondido");
div2.classList.add("escondido");
div3.classList.add("escondido");
}
function mostrarDiv2(){
div1.classList.add("escondido");
div2.classList.remove("escondido");
div3.classList.add("escondido");
}
function mostrarDiv3(){
div1.classList.add("escondido");
div2.classList.add("escondido");
div3.classList.remove("escondido");
}PHP
<html>
<head>
<meta charset="UTF-8">
<title>Cadastros</title>
<link rel="stylesheet" href="styles.css" type="text/css" />
<script src="styles.js"></script>
</head>
<body>
</div>
<br><br>
<div id="div1">
<h4>Incluindo Tipo de Documentos<h4>
<form name="frmtipodocumento" action="tipodocumento.php" method="POST">
Descrição<input type="descricao" name="descricao" value=""><br>
<input type="submit" name="gravar" value="Gravar">
</div>
<div id="div2">
</div>
<div id="div3">
<?php
include ("funcoes/conn.php");
$resultado = mysql_query("select * from tipodocumento");
echo "<table>
<tr><td>Descrição</td>
<td>Ação</td></tr>";
while ($linhas = mysql_fetch_array($resultado)){
echo "<tr>
<td>".$linhas['descricaotpdocumento']."</td>
<td><button id='bt2'>Div 2</button></td></td>";
}
?>
</div>
<?php
if(isset($_POST['gravar'])){
include ("funcoes/conn.php");
$insereDocumento = mysql_query
(
"INSERT INTO tipodocumento(descricaotpdocumento)
values
(
'$_POST[descricao]'
)
");
}else
if(isset($_POST['altera'])){
$id = $_POST['id'];
$descricao = $_POST['descricao'];
include ("funcoes/conn.php");
$updateDocumento = mysql_query("update tipodocumento set
descricaotpdocumento = '$descricao' where id = $id");
}
?>
</body>
</html>
Posta o código que chama a DIV 3.