Affichage Modal et appel fichier php

**oitsuki** · 17/09/2016, 23h14

Bonjour

J'ai un problème à résoudre avec les modal de bootstrap
Avec la version 3.x, les modals affichent correctement l'information dans la modal
Avec boostrap 4, les modals m'affichent absolument rien à l'intérieur

Ce problème apparaît uniquement quand je fais un appel à un autre fichier.

J'utilise jquery 3.0 and bootstrap apha 4

je pense que le problème vient de cette ligne mais je ne comprends pas pourquoi Boostrap 4 n'affichent pas les éléments de configuration_popup.php.

Merci

Code :

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

      <a data-toggle="modal" data-refresh="true"  href="configuration_popup.php?<?php echo 'gID=' . $_GET['gID'] . '&cID=' . $Qconfiguration->valueInt('configuration_id'); ?>" data-target="#myModal_<?php echo $Qconfiguration->valueInt('configuration_id'); ?>"><?php echo HTML::image (DIR_WS_ICONS . 'edit.gif', ICON_EDIT) ?></a>

Merci

Voici mon code

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
19
20
21
22
23
24
25
26
27
28
29
30
      while ($Qconfiguration->fetch() ) {
        $cfgValue = $Qconfiguration->value('configuration_value');
    ?>
          <tr>
            <th scope="row"><?php echo $Qconfiguration->value('configuration_title'); ?></th>
            <td><?php echo htmlspecialchars($cfgValue); ?></td>
            <td class="pull-md-right">
              <a data-toggle="modal" data-refresh="true"  href="configuration_popup.php?<?php echo 'gID=' . $_GET['gID'] . '&cID=' . $Qconfiguration->valueInt('configuration_id'); ?>" data-target="#myModal_<?php echo $Qconfiguration->valueInt('configuration_id'); ?>"><?php echo HTML::image (DIR_WS_ICONS . 'edit.gif', ICON_EDIT) ?></a>
 
 
              <div class="modal fade" id="myModal_<?php echo $Qconfiguration->valueInt('configuration_id'); ?>" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                <div class="modal-dialog" role="dialog">
                  <div class="modal-content"  style="padding:10px 10px 10px 10px;">
                    <div class="modal-header">
                      <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                      </button>
                      <h4 class="modal-title" id="myModalLabel"><?php echo $cInfo->configuration_title; ?></h4>
                    </div>
                    <div class="modal-body">
                      <div class="te"></div>
                    </div>
                  </div> <!-- /.modal-content -->
                </div><!-- /.modal-dialog -->
              </div><!-- /.modal -->
            </td>
          </tr>
    <?php
      }
    ?>

**sabotage** · 18/09/2016, 02h22

Quand tu regardes la source HTML, est-ce que tes valeurs sont bien présentes ?

**oitsuki** · 18/09/2016, 03h10

Voici ce que cela donne

boostrap 3
Nom : Capture du 2016-09-17 20-03-43.png
Affichages : 1540
Taille : 17,5 Ko

le code que je vois avec B3

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
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<td class="pull-md-right">
          <a data-toggle="modal" data-refresh="true" href="configuration_popup.php?gID=1&amp;cID=1" data-target="#myModal_1"><img src="images/icons/edit.gif" alt="Editer" title="Editer"></a>
 
 
          <div style="display: block; padding-right: 10px;" class="modal fade in" id="myModal_1" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
            <div class="modal-dialog" role="dialog">
              <div class="modal-content" style="padding:10px 10px 10px 10px;"><form name="configuration" action="boutique/ClicShoppingAdmin/configuration.php?gID=1&amp;cID=1&amp;action=save" method="post">  <div class="row">
    <div class="col-md-12">
      <div class="card card-block headerCard">
        <div class="row">
          <span class="col-md-1" style="padding-bottom:10px;"><img src="images/categories/configuration_1.gif" alt="" height="40" width="40"></span>
          <span class="pageHeading col-md-1" style="padding-bottom:10px;">&nbsp;Configuration</span>
          <span class="col-md-10" style="text-align:right; padding-top:5px;">&nbsp;<button type="submit" class="btn  btn-success">Valider</button></span>
        </div>
      </div>
    </div>
  </div>
 
 
  <div style="padding:20px 10px 30px 10px; text-align:left;">
    <div style="font-weight: bold; font-size:12px;">&nbsp;Nom de la boutique</div>
    <div>&nbsp;</div>
    <div>Veuillez indiquer le nom de votre boutique.<br><br><font color="#FF0000"><b>Note :</b> Ce nom s'affichera dans le contenu des e-mails</font><br></div>
    <div>&nbsp;</div>
    <div><input name="configuration[STORE_NAME]" value="demo 1" class="form-control" type="text"></div>
  </div>
 
</form>
  <!-- footer //-->
</div> <!-- /.modal-content -->
            </div><!-- /.modal-dialog -->
          </div><!-- /.modal -->

boostrap4

Nom : Capture du 2016-09-17 20-06-43.png
Affichages : 1448
Taille : 2,2 Ko

le code que je vois B4

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
19
20
<td class="pull-md-right">
          <a data-toggle="modal" data-refresh="true" href="configuration_popup.php?gID=1&amp;cID=1" data-target="#myModal_1"><img src="images/icons/edit.gif" alt="Editer" title="Editer"></a>
 
 
          <div style="display: block;" class="modal fade in" id="myModal_1" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
            <div class="modal-dialog" role="dialog">
              <div class="modal-content" style="padding:10px 10px 10px 10px;">
                <div class="modal-header">
                  <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                  </button>
                  <h4 class="modal-title" id="myModalLabel"></h4>
                </div>
                <div class="modal-body">
                  <div class="te"></div>
                </div>
              </div> <!-- /.modal-content -->
            </div><!-- /.modal-dialog -->
          </div><!-- /.modal -->
        </td>