Discussion :

[Supernatural]

Bonjour,

J'ai le code suivant:

Code html :

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

<td><a href="" data-target="#DetailsFailureCell64" data-toggle="modal" data-id="'.$Failure64_Grouped_Row['ANALYSECODE'].'"><i class="fa fa-eye"></i></a></td>

.

Je souhaite récupérer la valeur du data-id pour exécuter un requête Mysql. Comment puis-je faire?

Merci pour vos retour!

[Invité]

Bonjour,

"récupérer" ???

• En PHP ?
• En JavaScript ?

Donne un peu plus de code / explications...

[Supernatural]

J'ai avancé d'un pas...

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
<script>
$(document).ready(function() {
  $('#DetailsFailureCell64').on('show.bs.modal', function(e) {
    var id = $(e.relatedTarget).data('id');
    alert(id);
	if(id){
            $.ajax({
                type:'POST',
                url:'modal_ajax.php',
                data:'id='+id,
                success:function(html){
                    $('#result').html(html);
                }
            }); 
  });
});
</script>

Je récupère bien id, mais je dois exécuter modal_ajax.php et afficher un nouveau modal...

[Invité]

Je redirige donc vers le forum JS....

Mais tu ne donnes pas plus d'explications...

[Supernatural]

J'ai un premier modal dans lequel un id est stocké 'data-id':

Code :

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

<td><a href="#DetailsFailureCell64" data-id="'.$Failure64_Grouped_Row['ANALYSECODE'].'" data-toggle="modal"><i class="fa fa-eye"></i></a></td>

Lorsque je clique sur le lien hypertext, je recupère via Javascript la valeur de 'data-id'.

Code :

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

1
2
3
4
$(document).ready(function() {
  $('#DetailsFailureCell64').on('show.bs.modal', function(e) {
    var failureid = $(e.relatedTarget).data('id');
    alert(failureid);

Maintenant, je veux lancer une requête en fonction de la vleur de 'data-id' pour l'afficher dans un autre modal...

Je pense qu'il faut que j'utilise AJAX mais pas sur... et je ne sais plus trop comment faire....

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
if(failureid){
        $.ajax({
            type:'POST',
            url:'modal_ajax.php',
            data:'faiureid='+failureid,
            success:function(html){
                $('#DetailsFailureCell64').html(html);
            }
            }); 
        }else{
            $('#DetailsFailureCell64').html('<option value="">Select cell first</option>'); 
        }

Après si tout peut se faire en PHP je suis preneur ^^

[Supernatural]

J'avance à petit pas, mais je retourne sur mon problème d'origine...

Donc, j e clique ici pour ouvrir mon modal 1:

Code HTML :

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

<td><a href="#DetailsFailureCell64" data-toggle="modal" data-book-id="'.$Failure64_Grouped_Row['ANALYSECODE'].'"><i class="fa fa-eye"></i></a></td>

Puis avec javascript:

Code :

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

1
2
3
4
5
6
<script type="text/javascript">
	$('#DetailsFailureCell64').on('show.bs.modal', function(e) {
		var bookId = $(e.relatedTarget).data('book-id');
		$(e.currentTarget).find('input[name="bookId"]').val(bookId);
});
</script>

Pour au final afficher mon modal 2:

Code HTML :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
<div class="modal" id="DetailsFailureCell64">
	<div class="modal-dialog modal-xl">
		<div class="modal-content">
			<!-- Modal Header -->
			<div class="modal-header">
				<h4 class="modal-title">Failure details for <b><?php echo $LINE;?> Cell64</b></h4>
				<button type="button" class="close" data-dismiss="modal">&times;</button>
			</div>
			<img width="100%" height="15px" src="Bandeau.jpg" border="0" />
			<input type="text" name="bookId" value="" />                             <--------- ICI JE RECUPERE BIEN LA VALEUR DESIREE
 
		<!-- Modal body -->
			<div class="modal-body">
				<table class="table table-striped">
				<thead>
					<tr>
						<th>Failure</th>
						<th>Type</th>
						<th>Logical WPC ID</th>
						<th>Date</th>
						<th>Lower limit</th>
						<th>Value</th>
						<th>Upper limit</th>
					</tr>
				</thead>
			<tbody>
 
			</tbody>
			</table>
 
 
			</div>
			<!-- Modal footer -->
			<div class="modal-footer">
				<button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
			</div>
		</div>
	</div>
</div>

Ma question est comment la récupérer en PHP dans javascript pour pouvoir effectuer une requête mysql?