Jump to content


Photo

Criar Poup up em formulário de login

PHP poupup javascript div

  • Faça o login para participar
6 replies to this topic

#1 eliasnalevaiko

eliasnalevaiko

    Novato no fórum

  • Usuários
  • 1 posts
  • Sexo:Masculino
  • Localidade:curitiba

Posted 11/03/2016, 01:13

Olá galera, preciso de uma ajuda, tenho um formulário de login que basicamente utiliza php e html, gostaria que ao invés de ele escrever a mensagem "usuário inexistente", ele colocasse um poup up na tela com essa mensagem, e que o usuário apenas clicasse nessa janela e ele pudesse novamente incluir um usuário e senha, procurei na internet e ap pricnpio toda a documentação que achei na internet não é possível apenas com html, teria que ser um Javascript ou com um div, porém não sei como incluir isso no meu código, segue o mesmo abaixo.

 

obrigado desde já.

 

<?php
    require("funcoes.php");
    
    if(isset($_POST['usuario']) && isset($_POST['senha'])){
        if($_POST['usuario'] == "root" && $_POST['senha'] == "root"){
            header("Location:index.php");
        }
        
        $sql = "SELECT id FROM usuario WHERE usuario = '".$_POST['usuario']."' AND senha = '".$_POST['senha']."'";
        $res = mysql_query($sql);
        $count = mysql_num_rows($res);
        if($count > 0){
            header("Location:index.php");
        }else{
            echo "<pre>";
            print_r("<h1>USUÁRIO INEXISTENTE!</h1>");
            echo "</pre>";
        }
        
    }
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR...nsitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"xmlns:og="http://ogp.me/ns#">
    <head>
        <title>Formulario de Login</title>
        <style>
            body {
                font-family:Arial;
                font-size:10px;
            }

            table {
                font-family:Arial;
                font-size:11px;
            }

            .titulo {
                margin: 5px;
                background-color:#8FABFF;
            }
            
            .linha {
                margin: 3px;
                background-color:#e6e6e6;
            }
        </style>
    </head>
    <body>
        <form name="login" method="POST" action="login.php">
        <table border="0" bgcolor="#e6e6e6" cellspacing="0" align="center">
            <tr>
                <td colspan="2"> <center><h1> Controle de Livros - v0.0.1 </h1></center></td>
            </tr>
            <tr>
            <td>
                <img src="imagens/indice.jpg" alt="imagem" width="60px">
            </td>
            <td>
                <table border="0" width="300px" bgcolor="#FFFFFF">
                    <tr>
                        <td class="titulo"> Usuario </td>
                        <td> <input type="text" size="30" maxlength="30" name="usuario"> </td>
                    </tr>
                    <tr>
                        <td class="titulo"> Senha </td>
                        <td> <input type="password" size="30" maxlength="30" name="senha">  </td>
                    </tr>
                    <tr>
                        <td colspan="2"><input type="submit" value="Enviar"></td>
                    </tr>
                </table>
            <td>
            </tr>
        
        </form>
    </body>
--------------------



#2 ShZlot

ShZlot

    12 Horas

  • Moderadores
  • 121 posts
  • Sexo:Masculino
  • Localidade:Bahia

Posted 14/03/2016, 01:43

Demo do código que postei abaixo (o link fica ativo por 24h): http://main.xfiddle....-and-notify.php

 

Eu usei o

Basta copiar o código abaixo e colocar em um arquivo .php e rodar. (Meu servidor localhost roda PHP versão 5.6.16)

<?php
//starting back-end script

//checking if $_POST have data
if (isset($_POST['usuario']) && isset($_POST['senha'])) {
    
    //checking if user and password are correct
    if ($_POST['usuario'] == "root" && $_POST['senha'] == "root") {
        //case user and pass are correct, I will return a javascript code to notify the success
        $response = <<<EOT
            $.notify({
                title: '<strong>Sucesso!</strong>',
                message: 'Você foi atenticado.'
            }, {
                type: 'success'
            });
EOT;
    } else {
        //case user has not success
        $response = <<<EOT
            $.notify({
                title: '<strong>Erro!</strong>',
                message: 'Usuário ou senha informado é inválido'
            }, {
                type: 'danger'
            });
EOT;
    }
    header('Content-Type: application/javascript');
    echo $response;
    exit();
}
?>
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta name="robots" content="noindex">

        <title>Login com painel</title>
        <meta name="viewport" content="width=device-width, initial-scale=1">
        
        <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
        
        <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script>
        <link href="//netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">

        <link href="//cdnjs.cloudflare.com/ajax/libs/animate.css/3.2.0/animate.min.css" rel="stylesheet">
        
        <script src="http://bootstrap-notify.remabledesigns.com/js/bootstrap-notify.min.js"></script>
    </head>
    <body>
        <div class="container" style="margin-top:30px">
            <div class="col-md-4"></div>
            <div class="col-md-4">
                <div class="login-panel panel panel-default">
                    <div class="panel-heading">
                        <h3 class="panel-title">Formulário de login</h3>
                    </div>
                    <div class="panel-body">
                        <form id="loginForm" role="form" >
                            <fieldset>
                                <div class="form-group">
                                    <input class="form-control" placeholder="Usuário" name="usuario" type="text" autofocus="">
                                </div>
                                <div class="form-group">
                                    <input class="form-control" placeholder="Senha" name="senha" type="password" value="">
                                </div>
                                <button class="btn btn-sm btn-success" type="submit">Login</button>
                            </fieldset>
                        </form>
                    </div>
                </div>
            </div>
            <div class="col-md-4"></div>
            <div class="col-md-12"><p class="text-center">Usuário: root<br>Senha: root</p></div>
        </div>


        <script type="text/javascript">
            $("#loginForm").submit(function (e) {
                $.ajax({
                    type: 'POST',
                    url: '<?=$_SERVER["SCRIPT_NAME"]?>',
                    data: $("#loginForm").serialize() // serializes the form's elements.
                });
                e.preventDefault(); // avoid to execute the actual submit of the form.
            });
        </script>
    </body>
</html>

Trabalho desenvolvendo no melhor e mais completo CMS do tipo SaaS. Conheça você também e crie um site grátis no uCoz.


#3 RonsisM

RonsisM

    Super Veterano

  • Usuários
  • 15724 posts
  • Sexo:Masculino
  • Localidade:Plovdiv

Posted 31/10/2017, 12:35

Keflex Expansion Compensator Informacion Sobre Priligy Tomar Propecia Comprar viagra online prescription A Quand Le Generique Di Cialis Acquisto Finasteride Propecia
Buy Cheap Tegretol Uk viagra Clomid 3 Comprimes Tadalafil Generico Achat De Cialis En Pharmacie
Purchase Lasix Canadian Cialis Sources Cialic Best Price 5mg Canada viagra Amoxicillin With Breast Feeding
Viagra Cialis Levitra Comparison viagra online prescription Viagra In Portugal Kaufen
Peut Acheter Viagra Sans Ordonnance Unidox Solutab In Usa Cours Du Levitra cheap cialis Cialis One A Day Dosage
Isotretinoin Delivered On Saturday Hawaii What Else Is There Besides Amoxicillin viagra online prescription Levitra Se Vende Con Receta Cialis 20 Mg Utilizzo Kamagra Tablets Next Day Delivery

#4 RonsisM

RonsisM

    Super Veterano

  • Usuários
  • 15724 posts
  • Sexo:Masculino
  • Localidade:Plovdiv

Posted 03/11/2017, 03:55

Levitra 20 Mg Problemi Cialis Lilly Gmbh generic viagra Cialis 5mg Pellic Cialis Generico 20 Mg

#5 LarPhozyHah

LarPhozyHah

    Super Veterano

  • Usuários
  • 14515 posts
  • Sexo:Masculino
  • Localidade:San Miguel de Tucuman

Posted 04/11/2017, 20:54

Viagrapfizerbrand Fast Delivery Viagrabest Online Price viagra Cialis Y Jovenes Clomid Pour Carte Des Hommes
Cialis 10 Mg Tadalafil Levitra Non Prescription Cialis E O Viagra viagra Bentyl Without A Prescription
Keflex For Bv Propecia Prodotti Galenici buy viagra online Buy Nexium Canada Buying Real Provera Cycrin generic isotretinoin acne find real visa cod only
Viagra Pour Libido Pillola Cialis Prezzo viagra prescription Propecia Doctor Prescription What Is Keflex Ordered For Discount Provera 10mg Ups Store

#6 RonsisM

RonsisM

    Super Veterano

  • Usuários
  • 15724 posts
  • Sexo:Masculino
  • Localidade:Plovdiv

Posted 05/11/2017, 06:23

Buy Levothyroxine Tablets Online levitra online pharmacy Us Pharmacy Viagra
Compra Viagra Por Internet Typical Adult Prescription For Amoxicillin Levaquin Bacterial Infections buy generic levitra overnight Je Acheter Dapoxetine? Etoposide Cephalexin 250
Direct Doryx Bacterial Infections Best Website Wycombe Dosage Of Amoxicillin Before Root Canal viagra Kamagra Super Dosis Levitra Zithromax Twice Daily
Canadian Pharcharmy Online Synthroid Without Script Average Price Of Cialis viagra Dyazide
Drugs Without Prescription buy levitra 10 mg Propecia Espana Se
Comprar Viagra Propecia User Feedback Buy Zithromax Online Usa viagra Spironolactone
Amoxicillin Interaction With Sertraline Buy Viagra Canada cialis Discount Legally Pyridium 200mg Worldwide Pills. Mail Order Pyridium 200mg Secure Medication Shipped Ups Comprar Cialis Generico Barato Citotecwalgreens

#7 RonsisM

RonsisM

    Super Veterano

  • Usuários
  • 15724 posts
  • Sexo:Masculino
  • Localidade:Plovdiv

Posted 24/11/2017, 09:53

Topmed Shop24 buy cialis Viagra For Female Cheap Vardenafil Amoxicillin Pakage Insert
Propecia Chimica Propecia Minox Buy Brand Valtrex viagra First Medicine Online Viagra Ciprofloxacin 500mg To Buy Levitra 10 Mg Prezzo In Farmacia





Veja alguns posts relacionados com: PHP, poupup, javascript, div

3 user(s) are reading this topic

0 membro(s), 3 visitante(s) e 0 membros anônimo(s)

IPB Skin By Virteq