Sujet Précédent Sujet Suivant

Afficher Résultat d'une fonction javascript en tableau PHP

Fermé
abirgl Messages postés 127 Date d'inscription lundi 31 octobre 2016 Statut Membre Dernière intervention 20 juin 2017 - 25 févr. 2017 à 11:15
abirgl Messages postés 127 Date d'inscription lundi 31 octobre 2016 Statut Membre Dernière intervention 20 juin 2017 - 27 févr. 2017 à 10:05
Bonjour,
Dans ma page web, j'affiche un tableau qui contient 6 colonnes, 4 colonnes sont affichées à partir de la base et deux colonnes sont calculées dans des fonctions javascript, je souhaite afficher le résultat de ces fonctions dans les deux colonnes de mon tableau.J'ai fait comme suit : 

<table >
<thead>
  <tr>
  <th>N° OT</th>
  <th>Client</th> 
  <th> Longitude </th>
   <th> Latitude </th>
  <th>Distance (KM)</th> 
  <th>Durée (MN)</th>                                                                                                 
  </tr>
</thead>
  <?php
    $sql = "select NOrdredeTravail,CClient,Longitude,Latitude from GP_OrdredeTravail where  DatePlanification='$current_date'";
    $stmt = sqlsrv_query( $conn, $sql );  
    while( $row = sqlsrv_fetch_array( $stmt, SQLSRV_FETCH_NUMERIC) ) 
    {                                                                                                                               
  ?>
<tbody> 
  <tr>
  <td> <?php $not=$row[0]; echo $not; ?>  </td>                                                
  <td> <?php $client=$row[1]; echo $client; ?> </td>                                                    
  <td> <?php $Longitude=$row[2]; echo $Longitude; ?> </td>
  <td> <?php $Latitude=$row[3]; echo $Latitude; ?> </td>
  <script type="text/javascript">
  var lgt=<?php echo $Longitude; ?> ;
  var ltt=<?php echo $Latitude;  ?> ; 
  </script>
  <td id="DistanceTrj"> CalculDistance(lgt,ltt)</td>
  <td id="DureeTrj"> CalculDuree(lgt,ltt) </td>                                                                         
  </tr>
<?php
 }
 sqlsrv_free_stmt($stmt); 
?>
function CalculDistance(lgt,ltt)
{
  var xhr = new XMLHttpRequest();   
  xhr.open("GET", "Distance.php?lgt="+lgt+"&ltt"+ltt,true);
  xhr.send(null);
  xhr.onreadystatechange = result;
  function result()
    {
      if((xhr.status == 200)&&(xhr.readyState==4))      
      document.getElementById("DistanceTrj").innerHTML=xhr.responseText;
    }
}

function CalculDuree(lgt,ltt)
{  
  var xhr = new XMLHttpRequest();   
  xhr.open("GET", "Duree.php?ltt="+ltt,true);
  xhr.send(null);
  xhr.onreadystatechange = result;
  function result()
    {
      if((xhr.status == 200)&&(xhr.readyState==4))      
      document.getElementById("DureeTrj").innerHTML=xhr.responseText;
    }
}

Dans les pages Distance.php et Duree.php j'ai fait le traitement, le résultat s'affiche seulement sur la première ligne , SVP comment je dois procéder pour que je puisse afficher le résultat des fonctions javascript dans mon tableau PHP,
Je vous remercie d'avance


A voir également:

1 réponse

Réponse 1 / 1
yg_be Messages postés 23487 Date d'inscription lundi 9 juin 2008 Statut Contributeur Dernière intervention 10 mars 2025 Ambassadeur 1 570
25 févr. 2017 à 11:37
bonjour, moi je déplacerais 
<tbody>
hors de la boucle, peut-être juste après 
</thead>
.
0
abirgl Messages postés 127 Date d'inscription lundi 31 octobre 2016 Statut Membre Dernière intervention 20 juin 2017
25 févr. 2017 à 11:52
Bonjour yg_be ,
j'ai déplacé le <tbody> en dehors de la boucle mais ça n'a rien changé ,
Ce code affiche le résultat de la dernière ligne dans la première puis il afficher le nom de la fonction , c-à-d il execute la dernière longitude, latitude et dans le reste du tableau il n'affiche pas de réultat, il affiche seulement le nom de la fonction, je suis vraiment bloquée , sinon si mon raisonnement n'est pas correct, pouvez vous me guider pour effectuer mon traitement , je rappelle que j'ai besoin de calculer distance / durée en fonction des longitude / latitude et le calcul se fait via une fonction javascript et le résultat sera affiché dans le tableau
0
yg_be Messages postés 23487 Date d'inscription lundi 9 juin 2008 Statut Contributeur Dernière intervention 10 mars 2025 1 570 > abirgl Messages postés 127 Date d'inscription lundi 31 octobre 2016 Statut Membre Dernière intervention 20 juin 2017
25 févr. 2017 à 14:46
je te suggère de temporairement supprimer le javascript, et de vérifier que les quatre premières colonnes s'affichent correctement.
je suggère aussi d'examiner ou de partager la source de ta page html.
0
abirgl Messages postés 127 Date d'inscription lundi 31 octobre 2016 Statut Membre Dernière intervention 20 juin 2017
27 févr. 2017 à 08:32
Bonjour yg_be,
les 4 colonnes s'affichent correctement , je poste mon code source :
Voici le code de la page Accueil.php: 

<?php
include("connect.php");
$Code_Equipe=$_GET['id'];
$current_date=date('Y-m-j');
?>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>LTH</title>
    <link href="assets/plugins/bootstrap/bootstrap.css" rel="stylesheet" />
    <link href="assets/font-awesome/css/font-awesome.css" rel="stylesheet" />
    <link href="assets/plugins/pace/pace-theme-big-counter.css" rel="stylesheet" />
    <link href="assets/css/style.css" rel="stylesheet" />
    <link href="assets/css/main-style.css" rel="stylesheet" />
    <link href="assets/plugins/morris/morris-0.4.3.min.css" rel="stylesheet" />
    <script src=""quot;https://maps.googleapis.com/maps/api/js?key=AIzaSyDm85_icmgwRYEITWUiNSghvz30CZnB6NQ&language=fr" type="text/javascript"></script>    
      <?php
      /*  $tab_Cli_temp=array();
        $sql = "select CClient, RaisonSociale from GP_OrdredeTravail where CSousTraitant='$Code_Equipe' and DatePlanification='$current_date' ";
        $stmt = sqlsrv_query( $conn, $sql );
        while( $row = sqlsrv_fetch_array( $stmt, SQLSRV_FETCH_NUMERIC) ) 
            {
              $sql_gps_cli="select Longitude, Latitude, CClient from Client where CClient='$row[0]' ";
              $stmt_gps_cli=sqlsrv_query($conn,$sql_gps_cli);
              while ($rslt_gps_cli=sqlsrv_fetch_array($stmt_gps_cli, SQLSRV_FETCH_NUMERIC))
              {                
                 if($rslt_gps_cli[0]!=null)
                  {  
                    $lgt=$rslt_gps_cli[0]; 
                  }
            else
                  { 
                   $lgt=0;
                  }
                  if($rslt_gps_cli[1]!=null)
                  {  
                    $ltt=$rslt_gps_cli[1]; 
                  }
                  else
                  { 
                   $ltt=0;
                  }
                 $ligne=$lgt." | ".$ltt;
                 array_push($tab_Cli_temp, $ligne);
                }  
                var_dump($tab_Cli_temp);         
            }   */  
        ?>
<script type="text/javascript">
function TabOTJournaliere()
{
  var Code_Equipe=<?php echo $Code_Equipe; ?>;
  var xhr = new XMLHttpRequest();
  xhr.open("GET", "ListeOTJournaliere.php?Code_Equipe="+Code_Equipe+"&latOrigin="+latOrigin+"&lngOrigin="+lngOrigin,true);
  xhr.send(null);
  xhr.onreadystatechange = result;
  function result()
    {
      if((xhr.status == 200)&&(xhr.readyState==4))      
      document.getElementById("tabtj").innerHTML=xhr.responseText;
    }
}
</script>

</head>
<body onload="TabOTJournaliere()">
  <form name="faccueil" method="POST">
   <div id="wrapper">
        <nav class="navbar navbar-default navbar-fixed-top" role="navigation" id="navbar">
            <div class="navbar-header">
               <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".sidebar-collapse">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <img src=""quot;assets/img/logo-LTH-new.jpg" alt="" />
                <img src=""quot;assets/img/fond.png" alt="" />
                <img src=""quot;assets/img/fond.png" alt="" />
                <img src=""quot;assets/img/fond.png" alt="" />
                <img src=""quot;assets/img/fond.png" alt="" />
                <img src=""quot;assets/img/fond.png" alt="" /> 
                <img src=""quot;assets/img/cst.png" alt="" />           
            </div>
            <ul class="nav navbar-top-links navbar-right">
                <li class="dropdown"> 
                  <ul class="dropdown-menu dropdown-messages">
                  <li> <a href="#" rel="nofollow noopener noreferrer" target="_blank">  <div> </div> </a> </li> 
                  <li class="divider"></li> <li> </li>
                  </ul>
                </li>
                <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#" rel="nofollow noopener noreferrer" target="_blank"> </a></li>
                <li class="dropdown"> <ul class="dropdown-menu dropdown-alerts"><li> <a href="#" rel="nofollow noopener noreferrer" target="_blank"> </a></li> </ul></li>
                <li class="dropdown"> </li>
            </ul>
        </nav>
        <nav class="navbar-default navbar-static-side" role="navigation">           
            <div class="sidebar-collapse">
                <ul class="nav" id="side-menu">
                    <li>
                        <div class="user-section">
                            <div class="user-section-inner"><img src=""quot;assets/img/user.jpg" alt=""></div>
                            <div class="user-info">
                                <div> <strong>
                                <?php
                                $Code_Responsable="";
                                $param_ceq=array(
                                    array($Code_Equipe,SQLSRV_PARAM_IN)
                                     );                              
                                $stmt_code_responsable=sqlsrv_query($conn,'{CALL Code_Responsable(?)}',$param_ceq);
                                $rslt_code_responsable=sqlsrv_fetch_array($stmt_code_responsable, SQLSRV_FETCH_NUMERIC);
                                $Code_Responsable=implode($Code_Responsable, $rslt_code_responsable);
                                $NomResponsable="";

                                $param_code_resp=array(
                                    array($Code_Responsable,SQLSRV_PARAM_IN)
                                    );
                                $stmt_Responsable=sqlsrv_query($conn,'{CALL NomPrenom_Employe(?)}',$param_code_resp );
                                $rslt_Responsable=sqlsrv_fetch_array($stmt_Responsable, SQLSRV_FETCH_NUMERIC);
                                $NomResponsable=implode($NomResponsable, $rslt_Responsable);
                                echo $NomResponsable;

                                ?>
                                </strong></div>
                                <div class="user-text-online"><span class="user-circle-online btn btn-success btn-circle "></span> Online</div>
                            </div>
                        </div>
                    </li>           
                <li><a href="#" rel="nofollow noopener noreferrer" target="_blank"><i class="fa fa-dashboard fa-fw"></i>Liste Des OT Planifiés</a> </li>
                <li><a href="InterventionsEnCours.php?id=<?php echo $Code_Equipe; ?>"><i class="fa fa-wrench fa-fw"></i>Interventions En Cours</a> </li>                 
                <li> <a href="InterventionsValidees.php?id=<?php echo $Code_Equipe; ?>"><i class="fa fa-table fa-fw"></i>Interventions Validées</a> </li> 
                <li><a href="Logout.php" rel="nofollow noopener noreferrer" target="_blank"><i class="fa fa-sign-out fa-fw"></i>Logout</a> </li>
                </ul>              
            </div>
        </nav>
        <div id="page-wrapper">
            <div class="row"> <div class="col-lg-12"> <h1 class="page-header">Liste des OT Planifiés</h1> </div></div>
            <div class="row"></div>
            <div class="row">
                <div class="col-lg-8">
                    <div class="panel panel-primary">
                        <div class="panel-heading">
                            <i class="fa fa-bar-chart-o fa-fw"></i>Liste des OT Planifiés : <?php echo $current_date;?>
                            <div class="pull-right"> <div class="btn-group"> <ul class="dropdown-menu pull-right" role="menu"> </ul> </div> </div>
                        </div>
                        <div class="panel-body">
                            <div class="row">
                              <input type="hidden" name="MaLatitude" id="MaLatitude">
                              <input type="hidden" name="MaLongitude" id="MaLongitude">
                              <script type="text/javascript">
                              if(navigator.geolocation)
                              {
                               navigator.geolocation.getCurrentPosition(maPosition);       
                              }
                              function maPosition(position) 
                              {
                                var MyLatitude = position.coords.latitude ;           
                                var MyLongitude=position.coords.longitude;                                                        
                                document.getElementById("MaLatitude").value=MyLatitude;
                                document.getElementById("MaLongitude").value=MyLongitude;                                                                   
                              }                              
                              var latOrigin=document.getElementById("MaLatitude").value;
                              var lngOrigin=document.getElementById("MaLongitude").value;
                             </script>     
                                <div class="col-lg-12">
                                    <div class="table-responsive" id="tabtj">


                                    </div>
                                </div>
                            </div>
                          </div>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="panel panel-primary text-center no-boder"></div>
                    <div class="panel panel-primary text-center no-boder"></div>
                    <div class="panel panel-primary text-center no-boder"></div>
                    <div class="panel panel-primary text-center no-boder"></div>
                </div>
            </div> <div class="row"> <div class="col-lg-4"></div></div> </div> </div>
    </div>
    <script src=""quot;assets/plugins/jquery-1.10.2.js"></script>
    <script src=""quot;assets/plugins/bootstrap/bootstrap.min.js"></script>
    <script src=""quot;assets/plugins/metisMenu/jquery.metisMenu.js"></script>
    <script src=""quot;assets/plugins/pace/pace.js"></script>
    <script src=""quot;assets/scripts/siminta.js"></script>
    <script src=""quot;assets/plugins/morris/raphael-2.1.0.min.js"></script>
    <script src=""quot;assets/plugins/morris/morris.js"></script>
    <script src=""quot;assets/scripts/dashboard-demo.js"></script>
  </head>

<script src=""quot;https://maps.googleapis.com/maps/api/js?key=AIzaSyDm85_icmgwRYEITWUiNSghvz30CZnB6NQ&signed_in=true&callback=initMap" async defer></script>

</form>  
</body>
</html>

Voici le code de la page ListeOTJournaliere.php 

<?php
include("connect.php");
$Code_Equipe=$_GET['Code_Equipe'];
$current_date=date('Y-m-j');
$latOrigin=$_GET['latOrigin'];
$lngOrigin=$_GET['lngOrigin'];
//echo "Latitude : ".$latOrigin." Longitude : ".$lngOrigin;
?>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">    
    <title>LTH</title>    
    <script src=""quot;https://maps.googleapis.com/maps/api/js?key=AIzaSyDm85_icmgwRYEITWUiNSghvz30CZnB6NQ&language=fr" type="text/javascript"></script>
    <script type="text/javascript">
function CalculDistance()
{
  var v="MSG2";
  return v;
  var xhr = new XMLHttpRequest();
  xhr.open("GET", "CalculDistance.php?v="+v,true);
  xhr.send(null);
  xhr.onreadystatechange = result;
  function result()
    {
      if((xhr.status == 200)&&(xhr.readyState==4))      
      document.getElementById("DistanceTrj").innerHTML=xhr.responseText;
    }
}
    </script>   
</head>
<body onload="CalculDistance()">
<table class="table table-bordered table-hover table-striped">
                                            <thead>
                                                <tr>
                                                   <th>N° OT</th>
                                                   <th>Client</th> 
                                                   <th>Distance (KM)</th> 
                                                   <th>Durée (MN)</th>  
                                                   <th> Etat </th>
                                                   <th> Itinéraire</th>                                                
                                                </tr>
                                            </thead>
                                            <?php
                                            $sql = "select NOrdredeTravail,DatePlanification,RaisonSociale,CClient,Longitude,Latitude from GP_OrdredeTravail 
                                            where CSousTraitant='$Code_Equipe' and DatePlanification='$current_date'";
                                            $stmt = sqlsrv_query( $conn, $sql );
                                            $nl=0;

                                            while( $row = sqlsrv_fetch_array( $stmt, SQLSRV_FETCH_NUMERIC) ) 
                                            {    $code_client=$row[3];                                                                                       
                                            ?>
                                            <tbody>
                                            <?php 
                                                $ot_com="";
                                                $lk= $Code_Equipe.$row[0];    
                                                $num_ordre_de_travail=$row[0];
                                                $sql_ot_commence="select NRattachement from GP_Rattachement where NOrdredeTravail='$num_ordre_de_travail' ";
                                                $stmt_ot_commence=sqlsrv_query($conn, $sql_ot_commence);
                                                $rslt_ot_commence=sqlsrv_fetch_array($stmt_ot_commence, SQLSRV_FETCH_NUMERIC);   
                                                if($rslt_ot_commence!== NULL)
                                                {
                                                    $ot_commence=implode($ot_com, $rslt_ot_commence);
                                                }
                                                else
                                                {
                                                     $ot_commence=0;
                                                }             
                                                ?>
                                                <?php
                                                $sql_valid_ot="select * from GP_Rattachement where NOrdredeTravail='$num_ordre_de_travail' ";
                                                $stmt_valid_ot=sqlsrv_query($conn,$sql_valid_ot);
                                                $rslt_valid_ot=sqlsrv_fetch_array($stmt_valid_ot, SQLSRV_FETCH_NUMERIC);
                                                    if($rslt_valid_ot===NULL)                                                        
                                                        $etat="En attente";
                                                    else
                                                    {
                                                        if($rslt_valid_ot[39]===0)

                                                        {
                                                            $etat="En Cours";
                                                            $num_rattachement=$rslt_valid_ot[0];
                                                        }
                                                        else
                                                        {                                                           
                                                          $etat="Validé";
                                                          $num_rattachement=$rslt_valid_ot[0];
                                                        }
                                                    }                                                    
                                                $onclick="";
                                                if($ot_commence=== 0)
                                                  {
                                                    $onclick .= "window.location.replace('EditOT.php?id=$lk')";
                                                  }
                                                  else
                                                  {
                                                    if($etat==="En Cours")
                                                  {                                                   
                                                    $lkmodif=$num_ordre_de_travail.$num_rattachement;
                                                    $onclick .= "window.location.replace('ModifierIntervention.php?id=$lkmodif')";
                                                  }
                                                   else
                                                  {                                                    
                                                    $lkmodif=$num_ordre_de_travail.$num_rattachement;                                                   
                                                    $onclick .= "window.location.replace('Visualiser.php?id=$lkmodif')";
                                                  }
                                                  }
                                                ?>
                                                <tr>
                                                    <td id="identifiant"><?php echo $num_ordre_de_travail ?></td>                                                
                                                    <td> <?php echo $row[2]; ?> </td> 
                                                    <td id="DistanceTrj" class="distance" >
                                                    <script>
                                                    // le tableau contenant les distances
                                                    var tab_rslt=AfficherClientsAProximite();
                                                    // affichage des distances calculées dans la table html
                                                    var distanceCells = document.querySelectorAll('td.distance');
                                                    for (var i = 0; i < distanceCells.length; i++)
                                                    {
                                                      distanceCells[i].innerHTML = tab_rslt[i];
                                                    }
                                                    </script>                                                   
                                                    </td>
                                                    <td id="DureeTrj">
                                                    <?php
                                                    $dure="duree";
                                                    echo $dure;
                                                    ?>
                                                    </td>
                                                    <td onmouseover="this.style.cursor='pointer'" onclick="<?php echo $onclick; ?>"> <?php echo $etat;?> </td>                                                    
                                                    <td>
                                                    <div id="zone"></div>                                                                                                   
                                                    <?php
                                                    $tab_coordonnees_client=array();
                                                    $sql_coordonnees_client="select Longitude , Latitude From Client where CClient='$code_client' ";
                                                    $stmt_coordonnees_client=sqlsrv_query($conn, $sql_coordonnees_client);
                                                    $rslt_coordonnees_client=sqlsrv_fetch_array($stmt_coordonnees_client, SQLSRV_FETCH_NUMERIC);                                                    
                                                    $lngDest=$rslt_coordonnees_client[0];
                                                    $latDest=$rslt_coordonnees_client[1];
                                                    $lngLatDest=$lngDest.",".$latDest;
                                                    array_push($tab_coordonnees_client, $lngLatDest);
                                                    echo "<a href='https://www.google.com/maps/dir/$latOrigin,$lngOrigin/$latDest,$lngDest' rel="nofollow noopener noreferrer" target="_blank">
                                                     <img src="">
                                                     </a>";
                                                    ?> 
                                                    <script type="text/javascript">
                                                    var latOrigin=<?php echo $latOrigin ?>;
                                                    var lngOrigin=<?php echo $lngOrigin ?>;
                                                    var source=latOrigin+","+lngOrigin;
                                                    var tab_coordonnees_client=<?php  echo json_encode($tab_coordonnees_client); ?> ;
                                                    function CalculTrajet()
                                                    {
                                                      var tab_distance=[];
                                                      for (var i = 0; i < tab_coordonnees_client.length; i++) 
                                                      {
                                                        var destination=tab_coordonnees_client[i];
                                                        var dist=CalculDistanceKM(source,destination);                                                       
                                                        tab_distance[i]=dist;
                                                      }
                                                      return tab_distance;                                                       
                                                    }

                                                    </script>                                                   
                                                  </td>                                                                                                  
                                                </tr>
                                                <?php
                                                }
                                                sqlsrv_free_stmt($stmt); 
                                                ?>                                                 
                                            </tbody>
 </table>
<script>
 // le tableau contenant les distances
  var tab_rslt=CalculTrajet();
   // affichage des distances calculées dans la table html
  var distanceCells = document.querySelectorAll('td.distance');
  for (var i = 0; i < distanceCells.length; i++)
     {
         distanceCells[i].innerHTML = tab_rslt[i];
     }
</script>
 <input type="hidden" id="Distance">
 <input type="hidden" id="Duree">
  <script type="text/javascript">

  var latDest=<?php echo $latDest ?>;
  var lngDest=<?php echo $lngDest ?>;  
  var destination=latDest+","+lngDest;

function CalculDistanceKM()
    {       
            var service = new google.maps.DistanceMatrixService();                   
            service.getDistanceMatrix(
            {
                origins: [source],
                destinations: [destination],
                travelMode: google.maps.TravelMode.DRIVING,
                unitSystem: google.maps.UnitSystem.METRIC,
                avoidHighways: false,
                avoidTolls: false
            },
             function (response, status)
             {
                if (status == google.maps.DistanceMatrixStatus.OK && response.rows[0].elements[0].status != "ZERO_RESULTS")
                {
                    var dst = response.rows[0].elements[0].distance.text;  
                    document.getElementById("Distance").value=dst;                                   
                    var duration = response.rows[0].elements[0].duration.text;  
                    document.getElementById("Duree").value=duration;
                }
                else 
                {
                    alert("Unable to find the distance via road.");
                }
            }
            );
            var xhr = new XMLHttpRequest();
            var DistanceTrajet = document.getElementById("Distance").value;
            var DureeTrajet=document.getElementById("Duree").value;
            xhr.open("GET", "DistanceDureeTab.php?DistanceTrajet="+DistanceTrajet+"&DureeTrajet="+DureeTrajet,true);
            xhr.send(null);
            xhr.onreadystatechange = result;
            function result()
            {
             if((xhr.status == 200)&&(xhr.readyState==4))      
             document.getElementById("DistanceTrj").innerHTML=xhr.responseText;
            }
    }
    </script>  

   <!--Calcul de distance et durée -->
   <?php
   $sql_coordonnees_client
   ?>
 </body>
</html>
0
yg_be Messages postés 23487 Date d'inscription lundi 9 juin 2008 Statut Contributeur Dernière intervention 10 mars 2025 1 570 > abirgl Messages postés 127 Date d'inscription lundi 31 octobre 2016 Statut Membre Dernière intervention 20 juin 2017
27 févr. 2017 à 08:42
bonjour,
tu peux obtenir la source de ta page html ainsi: quand ta page ne s'affiche pas correctement (tout sur une seule ligne),dans le navigateur, clique avec le bouton de droite dans la page, et sélectionne "voir la source".
0
abirgl Messages postés 127 Date d'inscription lundi 31 octobre 2016 Statut Membre Dernière intervention 20 juin 2017
27 févr. 2017 à 09:21
Ah d'accord,
voici la source de ma page : 

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>LTH</title>
    <link href="assets/plugins/bootstrap/bootstrap.css" rel="stylesheet" />
    <link href="assets/font-awesome/css/font-awesome.css" rel="stylesheet" />
    <link href="assets/plugins/pace/pace-theme-big-counter.css" rel="stylesheet" />
    <link href="assets/css/style.css" rel="stylesheet" />
    <link href="assets/css/main-style.css" rel="stylesheet" />
    <link href="assets/plugins/morris/morris-0.4.3.min.css" rel="stylesheet" />
    <script src=""quot;https://maps.googleapis.com/maps/api/js?key=AIzaSyDm85_icmgwRYEITWUiNSghvz30CZnB6NQ&language=fr" type="text/javascript"></script> 
<script type="text/javascript">
function TabOTJournaliere()
{
  var Code_Equipe=4;
  var xhr = new XMLHttpRequest();
  xhr.open("GET", "ListeOTJournaliere.php?Code_Equipe="+Code_Equipe+"&latOrigin="+latOrigin+"&lngOrigin="+lngOrigin,true);
  xhr.send(null);
  xhr.onreadystatechange = result;
  function result()
    {
      if((xhr.status == 200)&&(xhr.readyState==4))      
      document.getElementById("tabtj").innerHTML=xhr.responseText;
    }
}
</script>

</head>
<body onload="TabOTJournaliere()">
  <form name="faccueil" method="POST">
   <div id="wrapper">
        <nav class="navbar navbar-default navbar-fixed-top" role="navigation" id="navbar">
            <div class="navbar-header">
               <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".sidebar-collapse">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <img src=""quot;assets/img/logo-LTH-new.jpg" alt="" />
                <img src=""quot;assets/img/fond.png" alt="" />
                <img src=""quot;assets/img/fond.png" alt="" />
                <img src=""quot;assets/img/fond.png" alt="" />
                <img src=""quot;assets/img/fond.png" alt="" />
                <img src=""quot;assets/img/fond.png" alt="" /> 
                <img src=""quot;assets/img/cst.png" alt="" />           
            </div>
            <ul class="nav navbar-top-links navbar-right">
                <li class="dropdown"> 
                  <ul class="dropdown-menu dropdown-messages">
                  <li> <a href="#" rel="nofollow noopener noreferrer" target="_blank">  <div> </div> </a> </li> 
                  <li class="divider"></li> <li> </li>
                  </ul>
                </li>
                <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#" rel="nofollow noopener noreferrer" target="_blank"> </a></li>
                <li class="dropdown"> <ul class="dropdown-menu dropdown-alerts"><li> <a href="#" rel="nofollow noopener noreferrer" target="_blank"> </a></li> </ul></li>
                <li class="dropdown"> </li>
            </ul>
        </nav>
        <nav class="navbar-default navbar-static-side" role="navigation">           
            <div class="sidebar-collapse">
                <ul class="nav" id="side-menu">
                    <li>
                        <div class="user-section">
                            <div class="user-section-inner"><img src=""quot;assets/img/user.jpg" alt=""></div>
                            <div class="user-info">
                                <div> <strong>
                                ABIR                                </strong></div>
                                <div class="user-text-online"><span class="user-circle-online btn btn-success btn-circle "></span> Online</div>
                            </div>
                        </div>
                    </li>           
                <li><a href="#" rel="nofollow noopener noreferrer" target="_blank"><i class="fa fa-dashboard fa-fw"></i>Liste Des OT Planifiés</a> </li>
                <li><a href="InterventionsEnCours.php?id=4" rel="nofollow noopener noreferrer" target="_blank"><i class="fa fa-wrench fa-fw"></i>Interventions En Cours</a> </li>                 
                <li> <a href="InterventionsValidees.php?id=4" rel="nofollow noopener noreferrer" target="_blank"><i class="fa fa-table fa-fw"></i>Interventions Validées</a> </li> 
                <li><a href="Logout.php" rel="nofollow noopener noreferrer" target="_blank"><i class="fa fa-sign-out fa-fw"></i>Logout</a> </li>
                </ul>              
            </div>
        </nav>
        <div id="page-wrapper">
            <div class="row"> <div class="col-lg-12"> <h1 class="page-header">Liste des OT Planifiés</h1> </div></div>
            <div class="row"></div>
            <div class="row">
                <div class="col-lg-8">
                    <div class="panel panel-primary">
                        <div class="panel-heading">
                            <i class="fa fa-bar-chart-o fa-fw"></i>Liste des OT Planifiés : 2017-02-27                            <div class="pull-right"> <div class="btn-group"> <ul class="dropdown-menu pull-right" role="menu"> </ul> </div> </div>
                        </div>
                        <div class="panel-body">
                            <div class="row">
                              <input type="hidden" name="MaLatitude" id="MaLatitude">
                              <input type="hidden" name="MaLongitude" id="MaLongitude">
                              <script type="text/javascript">
                              if(navigator.geolocation)
                              {
                               navigator.geolocation.getCurrentPosition(maPosition);       
                              }
                              function maPosition(position) 
                              {
                                var MyLatitude = position.coords.latitude ;           
                                var MyLongitude=position.coords.longitude;                                                        
                                document.getElementById("MaLatitude").value=MyLatitude;
                                document.getElementById("MaLongitude").value=MyLongitude;                                                                   
                              }                              
                              var latOrigin=document.getElementById("MaLatitude").value;
                              var lngOrigin=document.getElementById("MaLongitude").value;
                             </script>     
                                <div class="col-lg-12">
                                    <div class="table-responsive" id="tabtj">


                                    </div>
                                </div>
                            </div>
                          </div>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="panel panel-primary text-center no-boder"></div>
                    <div class="panel panel-primary text-center no-boder"></div>
                    <div class="panel panel-primary text-center no-boder"></div>
                    <div class="panel panel-primary text-center no-boder"></div>
                </div>
                </div> 
                <div class="row"> <div class="col-lg-4"></div></div> </div> </div>
    </div>
    <script src=""quot;assets/plugins/jquery-1.10.2.js"></script>
    <script src=""quot;assets/plugins/bootstrap/bootstrap.min.js"></script>
    <script src=""quot;assets/plugins/metisMenu/jquery.metisMenu.js"></script>
    <script src=""quot;assets/plugins/pace/pace.js"></script>
    <script src=""quot;assets/scripts/siminta.js"></script>
    <script src=""quot;assets/plugins/morris/raphael-2.1.0.min.js"></script>
    <script src=""quot;assets/plugins/morris/morris.js"></script>
    <script src=""quot;assets/scripts/dashboard-demo.js"></script>
  </head>

<script src=""quot;https://maps.googleapis.com/maps/api/js?key=AIzaSyDm85_icmgwRYEITWUiNSghvz30CZnB6NQ&signed_in=true&callback=initMap" async defer></script>

</form>  
</body>
</html>
0

Discussions similaires

Javascript Arrondi à 2 chiffres après la virgule
jeremy -
gravityaerox -

12 réponses
generateur de combinaison du loto 5/90
Riccilo -
ccm81 -

3 réponses