Clipper On Line • Ver Tópico - formulário HTML com botões superpostos

formulário HTML com botões superpostos

Discussão sobre outras linguagens de programação.

Moderador: Moderadores

 

formulário HTML com botões superpostos

Mensagempor 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:

<?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?
Inacio de Carvalho Neto
cjp
Usuário Nível 6

Usuário Nível 6
 
Mensagens: 1527
Data de registro: 19 Nov 2010 21:29
Cidade/Estado: paraná
Curtiu: 10 vezes
Mens.Curtidas: 20 vezes

formulário HTML com botões superpostos

Mensagempor 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.
José M. C. Quintas
Harbour 3.2, mingw, gtwvg, multithread, dbfcdx, ADO+MySql, PNotepad
"The world is full of kings and queens, who blind our eyes and steal our dreams Its Heaven and Hell"

https://github.com/JoseQuintas/
Avatar de usuário

JoséQuintas
Membro Master

Membro Master
 
Mensagens: 18009
Data de registro: 26 Fev 2007 11:59
Cidade/Estado: São Paulo-SP
Curtiu: 15 vezes
Mens.Curtidas: 1206 vezes

formulário HTML com botões superpostos

Mensagempor cjp » 02 Nov 2021 19:41

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

Veja se foi isso que vc sugeriu:

<?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>

Inacio de Carvalho Neto
cjp
Usuário Nível 6

Usuário Nível 6
 
Mensagens: 1527
Data de registro: 19 Nov 2010 21:29
Cidade/Estado: paraná
Curtiu: 10 vezes
Mens.Curtidas: 20 vezes

formulário HTML com botões superpostos

Mensagempor mauricioportela » 11 Nov 2021 23:37

Veja se é assim:

<?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>
Avatar de usuário

mauricioportela
Usuário Nível 2

Usuário Nível 2
 
Mensagens: 83
Data de registro: 29 Jul 2016 04:22
Cidade/Estado: Vitoria da Conquista/Bahia
Curtiu: 4 vezes
Mens.Curtidas: 21 vezes

formulário HTML com botões superpostos

Mensagempor mauricioportela » 11 Nov 2021 23:51

Uma pergunta:

Esse botao seria "condicional" ?

<?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>

Avatar de usuário

mauricioportela
Usuário Nível 2

Usuário Nível 2
 
Mensagens: 83
Data de registro: 29 Jul 2016 04:22
Cidade/Estado: Vitoria da Conquista/Bahia
Curtiu: 4 vezes
Mens.Curtidas: 21 vezes

formulário HTML com botões superpostos

Mensagempor 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.
Inacio de Carvalho Neto
cjp
Usuário Nível 6

Usuário Nível 6
 
Mensagens: 1527
Data de registro: 19 Nov 2010 21:29
Cidade/Estado: paraná
Curtiu: 10 vezes
Mens.Curtidas: 20 vezes

formulário HTML com botões superpostos

Mensagempor mauricioportela » 14 Nov 2021 12:00

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

<?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>
Avatar de usuário

mauricioportela
Usuário Nível 2

Usuário Nível 2
 
Mensagens: 83
Data de registro: 29 Jul 2016 04:22
Cidade/Estado: Vitoria da Conquista/Bahia
Curtiu: 4 vezes
Mens.Curtidas: 21 vezes

formulário HTML com botões superpostos

Mensagempor 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?
Inacio de Carvalho Neto
cjp
Usuário Nível 6

Usuário Nível 6
 
Mensagens: 1527
Data de registro: 19 Nov 2010 21:29
Cidade/Estado: paraná
Curtiu: 10 vezes
Mens.Curtidas: 20 vezes




Retornar para Outras linguagens de programação

Quem está online

Usuários vendo este fórum: Nenhum usuário registrado online e 16 visitantes


Ola Amigo, espero que meu site e forum tem lhe beneficiado, com exemplos e dicas de programacao.
Entao divulgue o link da Doacao abaixo para seus amigos e redes sociais ou faça uma doacao para o site forum...
MUITO OBRIGADO PELA SUA DOACAO!
Faça uma doação para o forum
cron
v
Olá visitante, seja bem-vindo ao Fórum Clipper On Line!
Efetue o seu login ou faça o seu Registro