Seguinte:
Tenho um form e no mesmo form dois buttons... Esses buttons chamam uma função... Cada um deles dá um submit pra um pagina especifica... Assim:
<script language="JavaScript">
function Gerar()
{
if (valida_campo()){
document.form.action="file1.php";
document.forms.form.submit();
}
}
function Calcular()
{
if (valida_campo()){
document.form.action="file2.php";
document.forms.form.submit();
}
}
</script>
Como eu faço para:
1) abrir file2.php em um popup?
2) tenho como abrir file2.php em um fancybox? Considerando que os dados são enviados por POST?
Fiz uma tela de cadastro na aplicação usando popup. Para cadastro tudo certo, pois não preciso recolher informações. Para fazer a tela de update, precisava que quando clicasse no link "Editar" ele buscasse a linha que eu cliquei para editar, porem em todas as tentativas de resolver isso ele pegou somente a primeira linha, fora que colocando o html do popup nessa ordem, ele foi parar la no canto direito.
Segue o codigo de uma das tentativas :
// Aqui é onde faço o select com todos ativos da carteira em tabela, e a DIV popup é exibida quando clico no link Editar. Não sei se é o lugar correto mas foi o mais proximo que consegui de fazer funcionar. Porem como ja explicado sempre pega o primeiro valor em vez da linha que cliquei {ativo.map(row => ( <tr> <input className="key" value={row._id} /> <td>{row.ativo}</td> <td>{row.quantidade}</td> <td>{row.data_entrada}</td> <td>{row.valor_entrada}</td> <td>{row.data_saida}</td> <td>{row.valor_saida}</td> <td>R${row.valor_saida - row.valor_entrada}</td> <td><a onClick={edit}>Editar</a></td>
Olá, estou com uma dificuldade para posicionar um elemento.
Se trata de um pop-up que aparece na tela ao clicar. Acontece que esse pop-up não fica centralizado em todas as telas dependendo da resolução.
No momento estou usando o position absolute, a div é essa abaixo:
.form-structor {
background-color: #222;
border-radius: 15px;
height: 550px;
width: 450px;
position: absolute;
top: -100px;
left: 170px;
overflow: hidden;
}
Também já tentei:
{position: relative; top: 50%; left: 50%;}
Alguém pode me ajudar?
Qual propriedade eu utilizo para ficar centralizado tanto horizontal e quanto vertical em qualquer resolução?
Olá, boa tarde! Eu estou com um problema e não consigo resolver. Alguem pode me ajudar?
Eu tenho uma seção de serviços no site (inseri a imagem como anexo para que voces possam visualizar)
Basicamente são 5 colunas em que cada uma tem uma imagem, um titulo, um quadradinho que abre uma lista e quando clica em algum item da lista, abre um popup com as informações daquele item.
Para tentar fazer isso com o php eu criei a tabela "servicos" com os campos:
id
titulo (pra inserir esses titulos abaixo da imagem) - adequação, estruturação, etc.
lista - os titulos dos itens da lista
popup - texto com os itens da lista
Eu adicionei os itens das listas de cada coluna no phpmyadmin e consegui fazer a função de editar e excluir certinho. Mas depois disso, preciso exibir as informações na index.php
Até agora tentei fazer somente a primeira coluna de "Adequação", vejam o código na index.php para exibir:
<div class="col mb-4 p-3">
<div class="d-flex justify-content-center">
<img src="img/icones/adequacao.png" alt="Adequação">
</div>
<p class="mt-3 titulobranco text-center">Adequação</p>
<div class="servicos d-flex justify-content-center">
<ul class="nav">
<li class="nav-item dropdown">
<img class="quadrado nav-link" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" src="img/icones/quadrado.png" alt="Conscientização">
<div class="dropdown-menu dropdown-menu-personalizado" aria-labelledby="navbarDropdown">
<?php
$titulo = "Adequação";
$sql = "SELECT * FROM servicos WHERE titulo = '$titulo'";
$sql = $pdo->query($sql);
if($sql->rowCount()>0){
foreach($sql->fetchAll() as $servicos){
echo'<a class="dropdown-item textoservicos">'.$servicos['lista'].'<div style="float:right; color:#27B1F7;">+</div></a>';
}
}
?>
</div>
</li>
</ul>'
</div>
</div>
Eu não sei se esse código está certo, mas está funcionando. Ele está exibindo na primeira coluna "Adequação", os itens da lista desse respectivo titulo.
Mas o popup não está funcionando, ao clicar em um item da lista deveria abrir o popup com o respectivo texto cadastrado naquele item, mas não está funcionando.
Esse foi o código do popup que eu fiz:
<?
$titulo = "Adequação";
$sql = "SELECT * FROM servicos WHERE titulo = '$titulo' ";
$sql = $pdo->query($sql);
if($sql->rowCount()>0){
foreach($sql->fetchAll() as $servicos){
echo '<div id="modal-servicos" class="modal-container">';
echo '<div class="modaldentro">';
echo '<button class="fecharmodal">X</button>';
echo '<h3>'.$servicos['lista'].'</h3>';
echo '<p>'.$servicos['popup'].'</p>';
echo '</div>';
echo '</div>';
}
}
?>
Alguem pode me ajudar a corrigir o meu código e fazer funcionar?