formulário HTML com botões superpostos

cjp · Mensagem por **cjp** » 02 Nov 2021 01:34

Meus amigos,

Estou com uma dificuldade na colocação de um botão, como PHP, numa página HTML: está se sobrepondo ao conteúdo original da página.

Meu arquivo está assim:

Código: Selecionar todos

<?php
session_start();
require 'protege.php';
if (!isset($_SESSION['s_login'])) {
 return;
}
//phpinfo();
?>
<html>
 <head>
  <title>Consulta de tarefas pelo assunto</title>
 </head>
 <br>
 <body onbeforeunload='reset_combo()'> 
  <form action="constar.php" method="post"
 width="55%" style='height:130px;'>
   <font size="32">
   <label>Pesquisar por:</label>
   <br>
   <input size="30" type="text" name="filtro" id="filtro" style="font-size:150px" value="Digite parte do asunto procurado" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Digite parte do texto procurado';}">
   <br>
   <br>
   <input size="30" style="font-size:80px" type="submit" id="Pesquisar" value="Pesquisar">
   <BR>
   <BR>
   <td><a href="ordurgn.php" target="_top">Listar sem vínculo em ordem de urgência</a></td>
   <BR>
   <BR>
   <td><a href="ultresp2.php" target="_top">Listar últimas respostas (hoje)</a></td>
   <BR>
   <BR>
   <td><a href="consusu.php" target="_top">Listar pendentes por usuário</a></td>
   <BR>
   <BR>
   <td><a href="novatar.php" target="_top">Cria uma nova tarefa</a></td>
   <BR>
   <BR>
   <BR>
   </font>
  </form>
 </body>
</html>

<html>
<?php
 echo '<form action="prior2.php"';
 echo "width='59%' style='height:200px;'>";
 echo "<br>";
 echo "<br>";
 echo "<input size='40' style='font-size:150px' type='submit' id='Prior2' value='Prior2'>";
 echo "</form>";
 echo "<BR>";
?>
</html>

Observe que esta parte final, em PHP, é o botão que eu inseri agora, e que está sobrepondo no início da página (preciso que ele fique ao final).

Já testei mudar a posição de /form, o que até resolve o problema, colocando o botão ao final, mas daí a pesquisa não funciona.

Podem me ajudar, por favor?

Mensagem por **JoséQuintas** » 02 Nov 2021 12:58

Sei lá, não mexo com isso, mas.....

[html][/html] acho que marca início/final, se tem duas vezes, uma delas não entra.
acho que a parte de baixo deveria estar dentro do [html][/html] inicial.

Como eu disse, não mexo com isso, mas é essa a impressão que eu tenho.

cjp · Mensagem por **cjp** » 02 Nov 2021 19:41

Eu cheguei a testar isso, mas não funcionou.

Veja se foi isso que vc sugeriu:

Código: Selecionar todos

<?php
session_start();
require 'protege.php';
if (!isset($_SESSION['s_login'])) {
 return;
}
//phpinfo();
?>
<html>
 <head>
  <title>Consulta de tarefas pelo assunto</title>
 </head>
 <br>
 <body onbeforeunload='reset_combo()'> 
  <form action="constar.php" method="post"
 width="55%" style='height:130px;'>
   <font size="32">
   <label>Pesquisar por:</label>
   <br>
   <input size="30" type="text" name="filtro" id="filtro" style="font-size:150px" value="Digite parte do asunto procurado" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Digite parte do texto procurado';}">
   <br>
   <br>
   <input size="30" style="font-size:80px" type="submit" id="Pesquisar" value="Pesquisar">
   <BR>
   <BR>
   <td><a href="ultresp2.php" target="_top">Listar últimas respostas (hoje)</a></td>
   <BR>
   <BR>
   <td><a href="consusu.php" target="_top">Listar pendentes por usuário</a></td>
   <BR>
   <BR>
   <BR>
   <BR>
   </font>
  </form>
 </body>
<?php
 echo '<form action="prior2.php"';
 echo "width='59%' style='height:200px;'>";
 echo "<br>";
 echo "<br>";
 echo "<input size='40' style='font-size:150px' type='submit' id='Prior2' value='Prior2'>";
 echo "</form>";
 echo "<BR>";
?>
</html>

mauricioportela · Mensagem por **mauricioportela** » 11 Nov 2021 23:37

Veja se é assim:

Código: Selecionar todos

<?php

// session_start();
// require 'protege.php';

// if (!isset($_SESSION['s_login'])) {
    // return;
// }

// phpinfo();
?>

<html>
    <head>
        <title>Consulta de tarefas pelo assunto</title>
    </head>
    <body onbeforeunload='reset_combo()'>
        <form action="constar.php" method="post" width="55%" style='height:130px;'>
            <font size="32">
                <label>Pesquisar por:</label>
                <input size="30" type="text" name="filtro" id="filtro" style="font-size:150px" value="Digite parte do asunto procurado" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Digite parte do texto procurado';}">
                <input size="30" style="font-size:80px" type="submit" id="Pesquisar" value="Pesquisar">
                <td><a href="ordurgn.php" target="_top">Listar sem vínculo em ordem de urgência</a></td>
                <td><a href="ultresp2.php" target="_top">Listar últimas respostas (hoje)</a></td>
                <td><a href="consusu.php" target="_top">Listar pendentes por usuário</a></td>
                <td><a href="novatar.php" target="_top">Cria uma nova tarefa</a></td>
            </font>

            <?php
                echo '<form action="prior2.php" width="59%" style="height:200px;">";';
                echo '<input size="40" style="font-size:150px" type="submit" id="Prior2" value="Prior2">';
                echo '</form>';
                echo " ";
            ?>

        </form>
    </body>
</html>

mauricioportela · Mensagem por **mauricioportela** » 11 Nov 2021 23:51

Uma pergunta:

Esse botao seria "condicional" ?

Código: Selecionar todos

<?php
    // session_start();
    // require 'protege.php';
    // if (!isset($_SESSION['s_login'])) {
    //     return;
    // }
    // phpinfo();
    // $com_botao = true;
?>

<!DOCTYPE html> <!-- documento html -->
<html lang="pt-br"> <!-- portugues-brasil -->
    <head>
        <meta charset="utf-8"> <!-- acentuação -->
        <title>Consulta de tarefas pelo assunto</title>
        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Audiowide">
        <style> 
            html { 
                font-family: Arial, Helvetica, sans-serif; 
            }
            body { 
                background-color: lightgrey;
                color: blue;
                font-size: 16px;
            }
            h1 {
                color: blue;
                font-family: "Audiowide", sans-serif; 
                font-size: 60px;
                text-shadow: 3px 3px 3px #ababab;
            }
        </style>
    </head>
    <body>
        <h1>Pesquisa</h1>
        <form action="constar.php" method="post">
            <label>Pesquisar por:</label>
            <input size="30" 
                   type="text" 
                   name="filtro" 
                   id="filtro" 
                   value="Digite parte do asunto procurado" 
                   onfocus="this.value = '';" 
                   onblur="if (this.value == '') {this.value = 'Digite parte do texto procurado';}">

            <input type="submit" id="Pesquisar" value="Pesquisar">
            <br />
            <table border=1>
                <tr>
                    <th><a href="ordurgn.php" target="_top">Listar sem vínculo em ordem de urgência</a></th>
                    <th><a href="ultresp2.php" target="_top">Listar últimas respostas (hoje)</a></th>
                    <th><a href="consusu.php" target="_top">Listar pendentes por usuário</a></th>
                    <th><a href="novatar.php" target="_top">Cria uma nova tarefa</a></th>
                </tr>
            </table>
            <?php $com_botao = true; ?> <!-- Declarando a condicao (true / false) -->
            <?php if ($com_botao): ?> <!-- Se verdadeiro, coloca o botao -->
                <input type="submit" id="Prior2" value="Botão condicional">
            <?php else: ?> <!-- Senao, ... -->
                <b>sem botao...</b>
            <?php endif ?>
        </form>
    </body>
</html>

cjp · Mensagem por **cjp** » 14 Nov 2021 01:35

Veja se é assim:

Desta forma que vc postou o botão fica no lugar esperado, mas, clicando nele, a ação esperada (que seria abrir a página prior2.php) não acontece. Ao contrário, é como se eu tivesse clicado em Pesquisar.

Quando eu mudo o botão para depois de </form>, fica certo (ocorre a ação esperada), mas o botão fica novamente sobrepondo o início da página, como eu postei no início.

Uma pergunta:

Esse botao seria "condicional" ?

Não, não é condicional não.

Gostei do layout deste teu exemplo, bem bonito.

Mas, ao tentar adaptar ele pro meu caso, não consegui fazer funcionar.

mauricioportela · Mensagem por **mauricioportela** » 14 Nov 2021 12:00

Pelo que entendi, voce quer receber o valor do campo da pesquisa logo abaixo.

Código: Selecionar todos

<?php
// session_start();
// require 'protege.php';
// if (!isset($_SESSION['s_login'])) {
//     return;
// }
// phpinfo();
?>
<!DOCTYPE html> <!-- documento html -->
<html lang="pt-br"> <!-- portugues-brasil -->
    <head>
        <meta charset="utf-8"> <!-- acentuação -->
        <title>Consulta de tarefas pelo assunto</title>
        <!-- Link abaixo ativa fonte para tag H1 -->
        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Audiowide">
        <style>
            html { font-family: Arial, Helvetica, sans-serif; }
            body { background-color: lightgrey; color: blue; font-size: 16px; }
            h1 { color: blue; font-family: "Audiowide", sans-serif; font-size: 60px; text-shadow: 3px 3px 3px #ababab; }
        </style>
    </head>
    <body>
        <h1>Pesquisa</h1>

        <!-- Nesse form, estou apontando para a propria pagina. -->
        <form action="teste.php" method="post">
            <label>Pesquisar por:</label>
            <input size="30" type="text" name="filtro" id="filtro"
                   onfocus="this.value = '';"
                   placeholder="Digite parte do texto procurado">
                   <!-- placeholder - fica com o texto "fantasma" -->
            <input type="submit" id="Pesquisar" value="Pesquisar">

            <!-- Esses links nao tem relacao com o form acima ... -->
            <table border=1>
                <tr>
                    <th><a href="ordurgn.php" target="_top">Listar sem vínculo em ordem de urgência</a></th>
                    <th><a href="ultresp2.php" target="_top">Listar últimas respostas (hoje)</a></th>
                    <th><a href="consusu.php" target="_top">Listar pendentes por usuário</a></th>
                    <th><a href="novatar.php" target="_top">Cria uma nova tarefa</a></th>
                </tr>
            </table>
        </form>

        <h2>Carregamento do resultado do Botao Pesquisa ...<h2>
        <hr>
        <!-- 
        Apos pressionar o botao pesquisar, 
        voce esta enviando dados na variavel "filtro".
        E o codigo abaixo verificar "filtro" e imprime seu conteudo na tela OU
        insere o botao... 
        -->
        <?php
            @$filtro = $_POST['filtro'];
            if (isset($filtro)) {
                if ($filtro == '') {
                    echo "<form action=\"prior2.php\">";
                    echo "<input type=\"submit\" id=\"Prior2\" value=\"Prior2\">";
                    echo "</form>";
                } else {
                    echo "Resultado da Pesquisa: " . $filtro; // <--- imprime
                }
            }
        ?>
        <hr>
    </body>
</html>

cjp · Mensagem por **cjp** » 14 Nov 2021 23:11

Na verdade não é isso não.
O botão pesquisar vai levar para a página constar.php, com os parâmetros da pesquisa.
Já o botão prior2.php é pra levar pra outra página (prior2.php), sem parâmetros.
Mas eu me toquei agora que eu posso fazer isso com o href, à semelhança do que já fiz com os demais links chamados nesta página. Aliás, acho que fiz isso com href justamente porque não seria possível colocar outro botão na mesma página.
Ou será possível?