Bonjour voila pour faire simple j'ai un menu basé sur ma BDD qui fonctionne si je le met en classic sans menu déroulant Dropdown, mais dés que j'ajoute celui ci quand je clic j'ai une erreur que je ne sais pas résoudre voici mon code et l’erreur merci de votre aide.
Voici aussi mon code javascript au cas ou.popper.setAttribute('x-placement', placement);
applyStyle.js:66 Uncaught TypeError: Cannot read property 'setAttribute' of null
at Object.onLoad (applyStyle.js:66)
at index.js:69
at Array.forEach (<anonymous>)
at new t (index.js:67)
at c.t.toggle (dropdown.js:177)
at HTMLAnchorElement.<anonymous> (dropdown.js:328)
at Function.each (jquery-3.3.1.slim.min.js:2)
at w.fn.init.each (jquery-3.3.1.slim.min.js:2)
at w.fn.init.c._jQueryInterface [as dropdown] (dropdown.js:315)
at HTMLAnchorElement.<anonymous> (dropdown.js:472)
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5 $('.dropdown-toggle').dropdown() $('#myDropdown').on('show.bs.dropdown', function () { // do something })
Code php : 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 require 'admin/database.php'; echo '<nav class="navbar2 navbar-expand-sm navbar-dark"> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav2" aria-controls="navbarNav2" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarNav2"> <ul class="nav nav-pills justify-content-center mr-auto " id="myTab" role="tablist">'; $db = Database::connect(); $statement = $db->query('SELECT * FROM category'); $categories = $statement->fetchAll(); foreach ($categories as $category) /* { if($category['id'] == '2') echo '<li class="nav-item"><a class="nav-link active" data-toggle="tab" href="#' . $category['name'] . '" role="tab">' . $category['name'] . '</a></li>'; else echo '<li class="nav-item"><a class="nav-link" data-toggle="tab" href="#' . $category['name'] . '" role="tab">' . $category['name'] . '</a></li>'; } */ { if($category['id'] == '2') echo '<li class="nav-item dropdown"><a class="nav-link active dropdown-toggle" data-toggle="dropdown" href="#' . $category['name'] . '" role="button">' . $category['name'] . '</a> <div class="dropdown-menu"><a class="dropdown-item" data-toggle="tab" href="#' . $category['name'] . '" role="tab">' . $category['name'] . '</a></li>'; else echo '<li class="nav-item dropdown"><a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#' . $category['name'] . '" role="button">' . $category['name'] . '</a> <div class="dropdown-menu"><a class="dropdown-item" data-toggle="tab" href="#' . $category['name'] . '" role="tab">' . $category['name'] . '</a></li>'; } echo '</div> </div> </div> </ul> </nav>';
Partager