1. java
  2. android
  3. c#
  4. .net
  5. javascript
  6. php
  7. jquery
  8. html
  9. sql

Html Php JavaScript

Bom Dia, tenho uma duvida e preciso da ajuda de alguém, então estou construindo um site de cadastro e busca de números, como se fosse uma agenda, porém preciso que na pagina do administrador quando ele clicar no botão cadastrar usuário abra um formulário de cadastro na mesma pagina, já tentei de varias formas porém não consigo fazer com que depois que eu cadastro o formulário saia e fique na pagina comum. Segue o código:

Pagina Index logo depois de logar como admin:

<?php
session_start();
if(!empty($_SESSION['usuario'])){

}else{
    $_SESSION['msg'] = "<script>
                alert('Área Restrita.');
                window.location='index.php';
            </script>";
    header("Location: index.php");
}
$nome=$_SESSION['nome'];
?>

<html>
<head>
<title>Área do usuário</title>
<meta charset="utf-8">
</head>
<meta charset='utf-8'>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="cssmenu/cssmenu.css" rel="stylesheet" type="text/css">
<style type = "text/css">
    /*Aqui deixa a imagem de fundo responsiva*/
    body{ 
        background: url(../img/fundo1.png) no-repeat center center fixed;  
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

    .logo{
        margin-top: 8%;
        margin-left: 18%;
        width: 50%;
        text-align: center;
    }

</style>
    <body>
    <div id='cssmenu'>
    <ul>
        <li class='active'><a href='#'>Bem Vindo <?php echo $nome; ?></a></li>
        <li><a href='cadusuario.php'>Cadastrar Usúario</a></li>
        <li><a href='cadnumero.php'>Cadastrar Número</a></li>
        <li><a href='#'>Pesquisar Números</a></li>
        <li class='sair'><a href='sair.php'>Sair</a></li>
    </ul>
    </div><!-- fim div cssmenu -->
        <div class='logo'><img class='logo' src="../img/logom.png"></div>
    </body>
</html>

O codigo do cadusuario.php:

<?php
session_start();
ob_start();
if(!empty($_SESSION['usuario'])){

}else{
    $_SESSION['msg'] = "<script>
                alert('Área Restrita.');
                window.location='index.php';
            </script>";
    header("Location: index.php");
}
//apartir daqui faz o cadastro do usuario ao clicar no botão cadastrar que receber o nome de btnCadastrar
$btnCadastrar = filter_input(INPUT_POST, 'btnCadastrar', FILTER_SANITIZE_STRING);
if($btnCadastrar){
    include_once ("../conn/conexao.php");
    $dados = filter_input_array(INPUT_POST, FILTER_DEFAULT);
    $dados['senha']= md5($_POST["senha"]);

    $result_usuario = "INSERT INTO tb_login(permissao, nome, usuario, senha)VALUES(
        '".$dados['permissao']."',
        '".$dados['nome']."',
        '".$dados['usuario']."',
        '".$dados['senha']."'
        )";
    $resultado_usuario = mysqli_query($conexao, $result_usuario) or die (mysqli_error($conexao));
    if($resultado_usuario):
        echo "<script>
                alert('Cadastrado Com Sucesso.');
                window.location='index.php';
            </script>"; 
    else:
        echo "<script>
                alert('Ocorreu um erro ao cadastrar, entre em contato com o administrador.');
                window.location='index.php';
            </script>";
    endif;
}

?>
<html>
<head>
<meta charset="utf-8">
<title>Cadastro de Usuário</title>
</head>
<style type = "text/css">
    /*Aqui deixa a imagem de fundo responsiva*/
    body{ 
        background: url(../img/fundo1.png) no-repeat center center fixed; 
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

    /*Aqui se edita a os botões*/
    .btn{
        border-radius: 8px;
        font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
        text-align: center;
        color: #f2f7fa;
        font-size: 17px;
        background: #04AEDA;
        padding: 5px 5px 5px 5px;
        border: solid #f2f7fa 1px;
        text-decoration: none;
    }

    /*Aqui se edita a cor ao passar com o mouse em cima*/
    .btn:hover {
        background: #f2f7fa;
        background-image: linear-gradient(to bottom, #f2f7fa, #f2f7fa);
        text-decoration: none;
        color: #04AEDA;
    }

    /*Aqui se edita a div principal*/
    .principal{
        position: fixed;
        width: 300px;
        height: 385px;
        border: 2px solid white;
        border-radius: 15px;
        margin-top: 9%;
        left: 35%;
    }

    /*Aqui se edita a imagem que está dentro da div principal*/
    .principal img{
        position: absolute;
        width: 45%;
        left: 28%;

    }

    /*Aqui se edita o formulario*/
    .principal form{
        position: absolute;
        margin-top: 40%;
        left: 24%;
        text-align: center;
        font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
        font-size: 20px;
        color: white;
    }

    /*Aqui se edita a caixa de texto*/
    .principal form caixa{
        border: solid #04AEDA 10px;
        text-align: center;
    }
</style>
<body>
<div class = "principal"><img src="../img/logo.png"><br><center>
    <form action="" method="post">
        Nome<br>
        <input class="caixa" type="text" name="nome" maxlength="50" value="Digite seu nome" onfocus="this.value='';" style="text-align: center;" required><br><br>
        Usuário<br>
        <input class="caixa" type="text" name="usuario" maxlength="10" value="Digite um usuário" onfocus="this.value='';" style="text-align: center;" required/><br><br>
        Senha<br>
        <input class="caixa" type="password" name="senha" maxlength="8" style="text-align: center;" required><br><br>
        Tipo<br>
        admin<input type="radio" name="permissao" value="1" />&nbsp &nbsp &nbsp
        user<input type="radio" name="permissao" value="0" /><br><br>
        <a href="index.php"><input class="btn" type="button" value="Voltar"></a>&nbsp &nbsp &nbsp
        <input class="btn" type="submit" value="Cadastrar" name="btnCadastrar"><br></center>
    </form><!-- fim do formulario -->
</div><!-- fim div principal -->
</body>
</html>

Espero que alguém possa me ajudar...

  • Boa noite, você quer abrir uma modal box ?

    HelloWar   19 de out de 2017
  • Bom dia, creio que seria isso mesmo, uma modal box, porém não consegui fazer mesmo vendo videos no youtube

    Vinícius De Angeli   20 de out de 2017
  1. Você vai ver essas setas em qualquer página de pergunta. Com elas, você pode dizer se uma pergunta ou uma resposta foram relevantes ou não.
  2. Edite sua pergunta ou resposta caso queira alterar ou adicionar detalhes.
  3. Caso haja alguma dúvida sobre a pergunta, adicione um comentário. O espaço de respostas deve ser utilizado apenas para responder a pergunta.
  4. Se o autor da pergunta marcar uma resposta como solucionada, esta marca aparecerá.
  5. Clique aqui para mais detalhes sobre o funcionamento do GUJ!

0 resposta

Não é a resposta que estava procurando? Procure outras perguntas com as tags php html javascript jquery ou faça a sua própria pergunta.