Discussion :

[Yu-Chan]

Bonjour j'ai ce script :

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
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
<table class="table table-bordered table-striped table-hover">
                <thead>
                    <tr>
                        <th class="title">ActiveID</th>
                        <th class="title">Name</th>
                        <th class="title">Description</th>
                        <th class="title">Content</th>
                        <th class="title">AwardConternt</th>
                        <th class="title">Type</th>
                        <th class="title">Actions</th>
                    </tr>
                </thead>
                <tbody>
 
 
 
                <?php
                
                $i = 0;
                
                while ($row = $data->query_array($l))
                {
                    
                    switch ($row['HasKey'])
                    {
                        
                        case '0':
                            $haskey =  'Regular event';
                            break;
                        
                        case '1':
                            $haskey =  'Promo event';
                            break;
                            
                        case '2':
                            $haskey =  'Exchange event';
                            break;
                    }
                    
                    ?>
                    <form method="POST" onsubmit="false">
                    <tr>
 
                        <td>                       
                    		<input readonly="readonly" id="activeidinput_<?php echo $i++; ?>" name="activeid" type="TEXT" value ="<?php echo $row['ActiveID']; ?>" />
						</td>
                        <td><?php echo $row['Title']; ?></td>
                        <td><?php echo $row['Description']; ?></td>
                        <td><?php echo $row['Content']; ?></td>
 
                        <td><?php echo $row['AwardContent']; ?></td>
                        <td><?php echo $haskey ?></td>
                        <td>
                        <input class="info" title="Info" data-toggle="tooltip" onclick="" type="image" width="20px" height="20px" src="/template/default/img/info-circle-solid.svg" value="send" />
 
                            <input  name="cacaca" type="text" value="<?php echo $row['ActiveID']; ?>">
                            <a onclick="" href="#" class="edit" title="Edit" data-toggle="tooltip"><i class="material-icons">&#xE254;</i></a>
                            <a onclick="" href="#"><i class="material-icons">&#xE872;</i>test</a>
                        </td>
 
                    </tr>
					</form>
 
 
                 <?php 
                }
                 ?>       
                </tbody>
            </table>
 
        </div>        
 
 
 
 
<script>
function showitemid()
{
     const inputs = document.querySelectorAll("[id^=activeidinput_]");
 
     inputs.forEach((input) => {
 
       console.log(input.value);
           
    
        input.addEventListener("click", ()=>{
                                alert('activeidinput_'+input.value);
            });
     });
}
</script>

Mon problème est simple j’aimerai quand j'appuie <a onclick="" href="#"><i class="material-icons">&#xE872;</i>test</a> que cela récupère la valeur d'un input.
la ça marche mais que quand on clique sur le input et pas sur mon <a onclick="" href="#"><i class="material-icons">&#xE872;</i>test</a>.

SVP quelqu'un peu m'aider svp ?

[mathieu]

je pense que le plus pratique est de mettre une classe à toutes les zones qui doivent réagir au clic.
vous pourrez alors utiliser la méthode suivante pour ajouter un gestionnaire d'évènement :
https://developer.mozilla.org/fr/doc...ntsByClassName

et quand le clic est lancé, vous pouvez utiliser les 2 méthodes suivantes pour trouver la balise input correspondant à l'élément cliqué :
https://developer.mozilla.org/fr/doc...lement/closest
https://developer.mozilla.org/fr/doc.../querySelector

[SpaceFrog]

un click sur une balise a recharge la page ...