Discussion :

[manuzed78]

Bonjour,
avis aux modérateurs : je suis loin d'etre sur de me trouver dans le bon sous forum ...

j'ai suivi ce tuto tres interessant :
http://builtwithbootstrap.com/post/7...ls-popup-boxes

et cela marche tres bien
en gros cela permet d'appeler mon formulaire de bien jolie manière avec la class modal.

je voudrai savoir si quelqu’un connait la suite !? c'est à dire passer une variable dedans comme l'id de mon item ( pour formulaire de modification par exemple)
et comment gérer les boutons pour qu'ils soient effectifs ?

Bref, j'ai la forme, manque plus que le fond et il n'est pas standard ...
Et je ne trouve pas de suite à cette vidéo .

[manuzed78]

J'ai fait le tour des tutos sur le net et effectivement, aucune ne traite vraiment le sujet.
Voici donc ce que j'ai fait pour rendre fonctionnel mon formulaire version modal avec le bootstrap 3 :

Tout d'abord créer son formulaire, il y a de nombreuses videos (dont celle du lien ci dessus) ensuite y insérer une balise form comme suit :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
<div class="modal fade" id="note" role="dialog">
	<div class="modal-dialog">
		<div class="modal-content">
			<form method="post" action="<?php echo $_SERVER['PHP_SELF']; ?>" class="form-horizontal">
				<div class="modal-header">
                                     <div class="modal-header">
					<h1>Titre remplacé</h1>

puis la fermer au bon endroit

A ce niveau la, le formulaire fonctionne.
Ma question portait sur la transmission des variables, voici 2 trucs différents :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
<script type="text/javascript">
$('.badge').click(function(e) {
   $('.modal-header h1').html($(e.target).html())  // on récupère le titre du livre avec la valeur HTML
   $('#id_roman').val($(e.target).attr('title'))  // on récupère l'id du livre contenu dans l'attribu titre
})
</script>

la premiere ligne permet d'avoir un titre de formulaire adapté en fonction du click
la 2eme ligne tire l'id d'un item ( un roman) pour y associer une critique,
le lien a été généré comme suit :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

echo '<a href="#note" data-toggle="modal" class="badge" title="'.$id.'">'.$titre.'</a></span>...

En espérant que cela rend service

A+