18041 sujets

Questions générales et questions de débutants

[Résolu] Affichage formulaire dans popup

Bonjour.......j'essai de faire apparaître mon formulaire add-data.php dans une popup, j'ai j'ai trouvé un tuto (http://getbootstrap.com/javascript/)qui m'intéresse donc j'ai remplacé ceci 

<div class="clearfix"></div>

<div class="container">
<a href="add-data.php" class="btn btn-large btn-info"><i class="glyphicon glyphicon-plus"></i> &nbsp; Add Records</a>
</div>

<div class="clearfix"></div><br />



Par ce code :

<div class="clearfix"></div>

<div class="container">
<!-- Button trigger modal -->
<button type="button" class="btn btn-large btn-info" data-toggle="modal" data-target="#myModal" href="add-data.php" data-target="#modal">
  <i class="glyphicon glyphicon-plus"></i> &nbsp; Add Records
</button>
</div>

<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
    </div>
  </div>
</div>

<div class="clearfix"></div><br />



Et ajouté dans le <form> du add-data.php un 
action="add-data.php"


...résultat tout fonctionne comme je le souhaite mais.....si j'appuie une première fois, annule et réappui une seconde fois sur le bouton ça ne fonctionne plus..mais où est donc l'erreur
Modifié par Owenn (05 Nov 2015 - 08:01)
Voici le fichier add-data.php 
<?php
include_once 'dbconfig.php';
if(isset($_POST['btn-save']))
{
	$fname = $_POST['first_name'];
	$lname = $_POST['last_name'];
	$email = $_POST['email_id'];
	$contact = $_POST['contact_no'];
	
	if($crud->create($fname,$lname,$email,$contact))
	{
		header("Location: index.php?inserted");
	}
	else
	{
		header("Location: index.php?failure");
	}
}
?>
<?php include_once 'header.php'; ?>
<div class="clearfix"></div>


<div class="clearfix"></div><br />

<div class="container-fluid">

 	
	 <form method='post'action="add-data.php">
 
    <table class='table table-bordered table-responsive'>
 
        <tr>
            <td>First Name</td>
            <td><input type='text' width='50px' name='first_name' class='form-control' required></td>
        </tr>
 
        <tr>
            <td>Last Name</td>
            <td><input type='text' name='last_name' class='form-control' required></td>
        </tr>
 
        <tr>
            <td>Your E-mail ID</td>
            <td><input type='text' name='email_id' class='form-control' required></td>
        </tr>
 
        <tr>
            <td>Contact No</td>
            <td><input type='text' name='contact_no' class='form-control' required></td>
        </tr>
 
        <tr>
            <td colspan="2">
            <button type="submit" class="btn btn-primary" name="btn-save">
    		<span class="glyphicon glyphicon-plus"></span> Create New Record
			</button>  
            <a href="index.php" class="btn btn-large btn-success"><i class="glyphicon glyphicon-backward"></i> &nbsp; Back to index</a>
            </td>
        </tr>
 
    </table>
</form>
     
     
</div>

<?php include_once 'footer.php'; ?>

Modifié par Owenn (05 Nov 2015 - 07:42)
Bonjour Owenn,

Owenn a écrit :
Des pistes ?

heu... en fait non !

Mais pourquoi des popups qui sont susceptibles d'être bloquées par le navigateur. Pourquoi ne pas gérer cette "popup" en CSS en la superposant à ta page ?
(Tu peux voir un exemple de ce que j'avance sur mon site. Un "popup" de remerciement apparaît après le téléchargement d'un fichier).
Merci pour ta réponse mais plutôt que de m'aventurer dans du CSS j'ai trouvé un tuto (http://getbootstrap.com/javascript/) qui m'intéresse donc j'ai remplacé ceci 

<div class="clearfix"></div>

<div class="container">
<a href="add-data.php" class="btn btn-large btn-info"><i class="glyphicon glyphicon-plus"></i> &nbsp; Add Records</a>
</div>

<div class="clearfix"></div><br />


Par ce code :

<div class="clearfix"></div>

<div class="container">
<!-- Button trigger modal -->
<button type="button" class="btn btn-large btn-info" data-toggle="modal" data-target="#myModal" href="add-data.php" data-target="#modal">
  <i class="glyphicon glyphicon-plus"></i> &nbsp; Add Records
</button>
</div>

<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
    </div>
  </div>
</div>

<div class="clearfix"></div><br />


Et ajouté dans le <form> du add-data.php un 
action="add-data.php"

...résultat tout fonctionne comme je le souhaite mais.....si j'appuie une première fois, annule et réappui une seconde fois sur le bouton ça ne fonctionne plus..mais où est donc l'erreur

Ps: j'ai fait un édit du sujet avec en copie mon code
Modifié par Owenn (05 Nov 2015 - 08:01)
Je me répond tout seul comme un grand Lol

Il suffit d'ajouter 
data-backdrop="static" data-keyboard="false"

Pour ainsi éviter la fermeture du modal par le click en dehors de sa zone ou par la touche échape...et mettre un bouton retour qui va faire un refresh de la page......si vous avez des questions à ce sujet, je suis (pour une fois lol) apte à vous aiguiller
Sujet clos
Aller à