JavaScript — как отображать информацию о выбранной строке во входах?

как отобразить информацию о выбранной строке во входах?

Вот моя проблема, которую я хочу, когда я нажимаю на кнопку, которая находится в строке массива html, информация строки выбора отображается во входных данных, и она не редактируется.

Вот мой интерфейс, чтобы лучше понять:

Домашняя локация

Я хочу, чтобы, когда я нажимал на резерв, отображался следующий модал, и модальный запас вводил информацию о выбранной строке, вот мой модал:

модальный

проблема в том, что я действительно не знаю, как это сделать с кодом.

Вот код моей страницы JSP, если нужно:

  {amp}lt;%@page import="controller.Cnx"%{amp}gt; {amp}lt;%@page contentType="text/html" pageEncoding="UTF-8"%{amp}gt; {amp}lt;%@page import="java.sql.*"%{amp}gt; {amp}lt;%@page import="java.util.Map"%{amp}gt; {amp}lt;!DOCTYPE html{amp}gt; {amp}lt;% Connection c=Cnx.getcnx(); Statement st=c.createStatement(); ResultSet re=st.executeQuery("select * from place"); Statement st2=c.createStatement(); ResultSet re2=st2.executeQuery("select * from local"); %{amp}gt; {amp}lt;html{amp}gt; {amp}lt;head{amp}gt; {amp}lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8"{amp}gt; {amp}lt;meta charset="utf-8"{amp}gt; {amp}lt;meta http-equiv="X-UA-Compatible" content="IE=edge"{amp}gt; {amp}lt;title{amp}gt;Interface locataire{amp}lt;/title{amp}gt; {amp}lt;meta name="description" content="Sufee Admin - HTML5 Admin Template"{amp}gt; {amp}lt;meta name="viewport" content="width=device-width, initial-scale=1"{amp}gt; {amp}lt;link rel="apple-touch-icon" href="apple-icon.png"{amp}gt; {amp}lt;link rel="shortcut icon" href="favicon.ico"{amp}gt; {amp}lt;link rel="stylesheet" href="vendors/bootstrap/dist/css/bootstrap.min.css"{amp}gt; {amp}lt;link rel="stylesheet" href="vendors/font-awesome/css/font-awesome.min.css"{amp}gt; {amp}lt;link rel="stylesheet" href="vendors/themify-icons/css/themify-icons.css"{amp}gt; {amp}lt;link rel="stylesheet" href="vendors/flag-icon-css/css/flag-icon.min.css"{amp}gt; {amp}lt;link rel="stylesheet" href="vendors/selectFX/css/cs-skin-elastic.css"{amp}gt; {amp}lt;link rel="stylesheet" href="vendors/jqvmap/dist/jqvmap.min.css"{amp}gt; {amp}lt;link rel="stylesheet" href="assets/css/style.css"{amp}gt; {amp}lt;link rel="stylesheet" href="css/Css_acceuil_locataire.css"{amp}gt; {amp}lt;link href='https://fonts.googleapis.com/css?family=Open Sans:400,600,700,800' rel='stylesheet' type='text/css'{amp}gt; {amp}lt;link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous"{amp}gt; {amp}lt;script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X 965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH 8abtTE1Pi6jizo" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM B07jRM" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script src="https://kit.fontawesome.com/e3fd0d5f24.js" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;/head{amp}gt; {amp}lt;body{amp}gt; {amp}lt;aside id="left-panel" class="left-panel"{amp}gt; {amp}lt;nav class="navbar navbar-expand-sm navbar-default" style="flex-flow:column wrap;"{amp}gt; {amp}lt;div class="navbar-header"{amp}gt; {amp}lt;a class="navbar-brand" href="#"{amp}gt;Gestion parkings{amp}lt;/a{amp}gt; {amp}lt;a class="navbar-brand hidden" href="./"{amp}gt;{amp}lt;img src="images/logo2.png" alt="Logo"{amp}gt;{amp}lt;/a{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;div id="main-menu" class="main-menu collapse navbar-collapse"{amp}gt; {amp}lt;ul class="nav navbar-nav"{amp}gt; {amp}lt;li class="nav-item "{amp}gt; {amp}lt;a href="#" class="nav-link" aria-haspopup="true" aria-expanded="false" style="margin-right: 80px;"{amp}gt; {amp}lt;i class="fas fa-arrow-alt-circle-right" style="margin-right: 10px;" selected{amp}gt;{amp}lt;/i{amp}gt;Réservation{amp}lt;/a{amp}gt; {amp}lt;/li{amp}gt; {amp}lt;li class="nav-item "{amp}gt; {amp}lt;a href="#" class="nav-link" aria-haspopup="true" aria-expanded="false" style="margin-right: 80px;"{amp}gt; {amp}lt;i class="fas fa-arrow-alt-circle-right" style="margin-right: 10px;" selected{amp}gt;{amp}lt;/i{amp}gt;Liste réservation{amp}lt;/a{amp}gt; {amp}lt;/li{amp}gt; {amp}lt;/ul{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/nav{amp}gt; {amp}lt;/aside{amp}gt; {amp}lt;nav class="navbar" style="height:70px;" id='nav-proprietaire'{amp}gt; {amp}lt;ul class="nav navbar-nav"{amp}gt; {amp}lt;li class="nav-item "{amp}gt; {amp}lt;a href="Page_de_cnx" class="nav-link" aria-haspopup="true" aria-expanded="false" style="padding-left: 1430px; text-transform: uppercase"{amp}gt; {amp}lt;i class="fas fa-exclamation-circle" style="margin-right: 20px;"{amp}gt;{amp}lt;/i{amp}gt;Déconnection{amp}lt;/a{amp}gt; {amp}lt;/li{amp}gt; {amp}lt;/ul{amp}gt; {amp}lt;/nav{amp}gt; {amp}lt;label id="label1"{amp}gt;Liste des places disponibles avec leurs emplacements :{amp}lt;/label{amp}gt; {amp}lt;table class="table table-hover" style="margin-top: 20px;" id="table1"{amp}gt; {amp}lt;thead{amp}gt; {amp}lt;tr class="table-active"{amp}gt; {amp}lt;th scope="col"{amp}gt;Nom local{amp}lt;/th{amp}gt; {amp}lt;th scope="col"{amp}gt;Numéro place{amp}lt;/th{amp}gt; {amp}lt;th scope="col"{amp}gt;Prix par heure{amp}lt;/th{amp}gt; {amp}lt;th scope="col"{amp}gt;Taille{amp}lt;/th{amp}gt; {amp}lt;th scope="col"{amp}gt;Action{amp}lt;/th{amp}gt; {amp}lt;/tr{amp}gt; {amp}lt;/thead{amp}gt; {amp}lt;%while(re.next()){%{amp}gt; {amp}lt;tr{amp}gt; {amp}lt;th scope="row"{amp}gt;{amp}lt;%=re.getObject(2)%{amp}gt;{amp}lt;/th{amp}gt; {amp}lt;td{amp}gt;{amp}lt;%=re.getObject(3)%{amp}gt;{amp}lt;/td{amp}gt; {amp}lt;td{amp}gt;{amp}lt;%=re.getObject(4)%{amp}gt;{amp}lt;/td{amp}gt; {amp}lt;td{amp}gt;{amp}gt;{amp}lt;%=re.getObject(5)%{amp}gt;{amp}lt;/td{amp}gt; {amp}lt;td{amp}gt;{amp}gt;{amp}lt;a href="#" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#reservation" onclick="afficher()"{amp}gt;{amp}lt;i class="fas fa-plus" style="margin-right: 10px;"{amp}gt;{amp}lt;/i{amp}gt;Réserver{amp}lt;/a{amp}gt;{amp}lt;/td{amp}gt; {amp}lt;/tr{amp}gt; {amp}lt;%}%{amp}gt; {amp}lt;tbody{amp}gt; {amp}lt;/tbody{amp}gt; {amp}lt;/table{amp}gt; {amp}lt;div class="modal" id="reservation"{amp}gt; {amp}lt;div class="modal-dialog"{amp}gt; {amp}lt;div class="modal-content"{amp}gt; {amp}lt;!-- Modal Header --{amp}gt; {amp}lt;div class="modal-header"{amp}gt; {amp}lt;h4 class="modal-title"{amp}gt;Information{amp}lt;/h4{amp}gt; {amp}lt;button type="button" class="close" data-dismiss="modal"{amp}gt;{amp}amp;times;{amp}lt;/button{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;!-- Modal body --{amp}gt; {amp}lt;div class="modal-body"{amp}gt; {amp}lt;form method="POST" action='Place_locaux'{amp}gt; {amp}lt;div class="form-group"{amp}gt; {amp}lt;label class='labelproprietaire'{amp}gt;Nom du local approprié à la place :{amp}lt;/label{amp}gt; {amp}lt;select class="browser-default custom-select" placeheader="Search here.." name="nom_local" required disabled{amp}gt; {amp}lt;%while(re2.next()){%{amp}gt; {amp}lt;option{amp}gt;{amp}lt;%=re2.getObject(2)%{amp}gt;{amp}lt;/option{amp}gt; {amp}lt;%}%{amp}gt; {amp}lt;/select{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;div class="form-group"{amp}gt; {amp}lt;label class='labelproprietaire'{amp}gt;Numéro place :{amp}lt;/label{amp}gt; {amp}lt;input type="number" class="form-control" id="numeroplace" name="numeroplace" required{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;div class="form-group"{amp}gt; {amp}lt;label class='labelproprietaire'{amp}gt;Prix par heure:{amp}lt;/label{amp}gt; {amp}lt;input type="text" class="form-control" id="prixplace" placeholder="Entrer le prix de la place" name="prixplace" required{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;div class="form-group"{amp}gt; {amp}lt;label class='labelproprietaire'{amp}gt;Taille de la place :{amp}lt;/label{amp}gt; {amp}lt;input type="text" class="form-control" id="tailleplace" placeholder="Entrer la taille de la place" name="tailleplace" required{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;div class="form-group"{amp}gt; {amp}lt;label class='labelproprietaire'{amp}gt;Votre Cin :{amp}lt;/label{amp}gt; {amp}lt;input type="text" class="form-control" id="Cinlocataire" placeholder="Entrer votre cin" name="cinlocataire" required{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;div class="form-group"{amp}gt; {amp}lt;label class='labelproprietaire'{amp}gt;Heure début de la réservation :{amp}lt;/label{amp}gt; {amp}lt;input type="time" class="form-control" id="heure_debut" placeholder="Entrer l'heure de début" name="heure_debut" required{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;div class="form-group"{amp}gt; {amp}lt;label class='labelproprietaire'{amp}gt;Heure fin de la réservation :{amp}lt;/label{amp}gt; {amp}lt;input type="time" class="form-control" id="heure_fin" placeholder="Entrer l'heure de fin" name="heure_fin" required{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/form{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;!-- Modal footer --{amp}gt; {amp}lt;div class="modal-footer"{amp}gt; {amp}lt;div id='divbtnaddplace'{amp}gt; {amp}lt;button type="submit" class="btn btn-primary btn-lg" id='btnreserver' style='vertical-align: 0; margin-right: 260px;' name='action' value='reserver'{amp}gt;Reserver{amp}lt;/button{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;button type="button" class="btn btn-danger btn-lg" data-dismiss="modal"{amp}gt;Fermer{amp}lt;/button{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;script src="vendors/jquery/dist/jquery.min.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script src="vendors/popper.js/dist/umd/popper.min.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script src="vendors/bootstrap/dist/js/bootstrap.min.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script src="assets/js/main.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script src="vendors/chart.js/dist/Chart.bundle.min.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script src="assets/js/dashboard.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script src="assets/js/widgets.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script src="vendors/jqvmap/dist/jquery.vmap.min.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script src="vendors/jqvmap/examples/js/jquery.vmap.sampledata.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script src="vendors/jqvmap/dist/maps/jquery.vmap.world.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;/body{amp}gt; {amp}lt;/html{amp}gt; в  {amp}lt;%@page import="controller.Cnx"%{amp}gt; {amp}lt;%@page contentType="text/html" pageEncoding="UTF-8"%{amp}gt; {amp}lt;%@page import="java.sql.*"%{amp}gt; {amp}lt;%@page import="java.util.Map"%{amp}gt; {amp}lt;!DOCTYPE html{amp}gt; {amp}lt;% Connection c=Cnx.getcnx(); Statement st=c.createStatement(); ResultSet re=st.executeQuery("select * from place"); Statement st2=c.createStatement(); ResultSet re2=st2.executeQuery("select * from local"); %{amp}gt; {amp}lt;html{amp}gt; {amp}lt;head{amp}gt; {amp}lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8"{amp}gt; {amp}lt;meta charset="utf-8"{amp}gt; {amp}lt;meta http-equiv="X-UA-Compatible" content="IE=edge"{amp}gt; {amp}lt;title{amp}gt;Interface locataire{amp}lt;/title{amp}gt; {amp}lt;meta name="description" content="Sufee Admin - HTML5 Admin Template"{amp}gt; {amp}lt;meta name="viewport" content="width=device-width, initial-scale=1"{amp}gt; {amp}lt;link rel="apple-touch-icon" href="apple-icon.png"{amp}gt; {amp}lt;link rel="shortcut icon" href="favicon.ico"{amp}gt; {amp}lt;link rel="stylesheet" href="vendors/bootstrap/dist/css/bootstrap.min.css"{amp}gt; {amp}lt;link rel="stylesheet" href="vendors/font-awesome/css/font-awesome.min.css"{amp}gt; {amp}lt;link rel="stylesheet" href="vendors/themify-icons/css/themify-icons.css"{amp}gt; {amp}lt;link rel="stylesheet" href="vendors/flag-icon-css/css/flag-icon.min.css"{amp}gt; {amp}lt;link rel="stylesheet" href="vendors/selectFX/css/cs-skin-elastic.css"{amp}gt; {amp}lt;link rel="stylesheet" href="vendors/jqvmap/dist/jqvmap.min.css"{amp}gt; {amp}lt;link rel="stylesheet" href="assets/css/style.css"{amp}gt; {amp}lt;link rel="stylesheet" href="css/Css_acceuil_locataire.css"{amp}gt; {amp}lt;link href='https://fonts.googleapis.com/css?family=Open Sans:400,600,700,800' rel='stylesheet' type='text/css'{amp}gt; {amp}lt;link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous"{amp}gt; {amp}lt;script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X 965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH 8abtTE1Pi6jizo" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM B07jRM" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script src="https://kit.fontawesome.com/e3fd0d5f24.js" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;/head{amp}gt; {amp}lt;body{amp}gt; {amp}lt;aside id="left-panel" class="left-panel"{amp}gt; {amp}lt;nav class="navbar navbar-expand-sm navbar-default" style="flex-flow:column wrap;"{amp}gt; {amp}lt;div class="navbar-header"{amp}gt; {amp}lt;a class="navbar-brand" href="#"{amp}gt;Gestion parkings{amp}lt;/a{amp}gt; {amp}lt;a class="navbar-brand hidden" href="./"{amp}gt;{amp}lt;img src="images/logo2.png" alt="Logo"{amp}gt;{amp}lt;/a{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;div id="main-menu" class="main-menu collapse navbar-collapse"{amp}gt; {amp}lt;ul class="nav navbar-nav"{amp}gt; {amp}lt;li class="nav-item "{amp}gt; {amp}lt;a href="#" class="nav-link" aria-haspopup="true" aria-expanded="false" style="margin-right: 80px;"{amp}gt; {amp}lt;i class="fas fa-arrow-alt-circle-right" style="margin-right: 10px;" selected{amp}gt;{amp}lt;/i{amp}gt;Réservation{amp}lt;/a{amp}gt; {amp}lt;/li{amp}gt; {amp}lt;li class="nav-item "{amp}gt; {amp}lt;a href="#" class="nav-link" aria-haspopup="true" aria-expanded="false" style="margin-right: 80px;"{amp}gt; {amp}lt;i class="fas fa-arrow-alt-circle-right" style="margin-right: 10px;" selected{amp}gt;{amp}lt;/i{amp}gt;Liste réservation{amp}lt;/a{amp}gt; {amp}lt;/li{amp}gt; {amp}lt;/ul{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/nav{amp}gt; {amp}lt;/aside{amp}gt; {amp}lt;nav class="navbar" style="height:70px;" id='nav-proprietaire'{amp}gt; {amp}lt;ul class="nav navbar-nav"{amp}gt; {amp}lt;li class="nav-item "{amp}gt; {amp}lt;a href="Page_de_cnx" class="nav-link" aria-haspopup="true" aria-expanded="false" style="padding-left: 1430px; text-transform: uppercase"{amp}gt; {amp}lt;i class="fas fa-exclamation-circle" style="margin-right: 20px;"{amp}gt;{amp}lt;/i{amp}gt;Déconnection{amp}lt;/a{amp}gt; {amp}lt;/li{amp}gt; {amp}lt;/ul{amp}gt; {amp}lt;/nav{amp}gt; {amp}lt;label id="label1"{amp}gt;Liste des places disponibles avec leurs emplacements :{amp}lt;/label{amp}gt; {amp}lt;table class="table table-hover" style="margin-top: 20px;" id="table1"{amp}gt; {amp}lt;thead{amp}gt; {amp}lt;tr class="table-active"{amp}gt; {amp}lt;th scope="col"{amp}gt;Nom local{amp}lt;/th{amp}gt; {amp}lt;th scope="col"{amp}gt;Numéro place{amp}lt;/th{amp}gt; {amp}lt;th scope="col"{amp}gt;Prix par heure{amp}lt;/th{amp}gt; {amp}lt;th scope="col"{amp}gt;Taille{amp}lt;/th{amp}gt; {amp}lt;th scope="col"{amp}gt;Action{amp}lt;/th{amp}gt; {amp}lt;/tr{amp}gt; {amp}lt;/thead{amp}gt; {amp}lt;%while(re.next()){%{amp}gt; {amp}lt;tr{amp}gt; {amp}lt;th scope="row"{amp}gt;{amp}lt;%=re.getObject(2)%{amp}gt;{amp}lt;/th{amp}gt; {amp}lt;td{amp}gt;{amp}lt;%=re.getObject(3)%{amp}gt;{amp}lt;/td{amp}gt; {amp}lt;td{amp}gt;{amp}lt;%=re.getObject(4)%{amp}gt;{amp}lt;/td{amp}gt; {amp}lt;td{amp}gt;{amp}gt;{amp}lt;%=re.getObject(5)%{amp}gt;{amp}lt;/td{amp}gt; {amp}lt;td{amp}gt;{amp}gt;{amp}lt;a href="#" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#reservation" onclick="afficher()"{amp}gt;{amp}lt;i class="fas fa-plus" style="margin-right: 10px;"{amp}gt;{amp}lt;/i{amp}gt;Réserver{amp}lt;/a{amp}gt;{amp}lt;/td{amp}gt; {amp}lt;/tr{amp}gt; {amp}lt;%}%{amp}gt; {amp}lt;tbody{amp}gt; {amp}lt;/tbody{amp}gt; {amp}lt;/table{amp}gt; {amp}lt;div class="modal" id="reservation"{amp}gt; {amp}lt;div class="modal-dialog"{amp}gt; {amp}lt;div class="modal-content"{amp}gt; {amp}lt;!-- Modal Header --{amp}gt; {amp}lt;div class="modal-header"{amp}gt; {amp}lt;h4 class="modal-title"{amp}gt;Information{amp}lt;/h4{amp}gt; {amp}lt;button type="button" class="close" data-dismiss="modal"{amp}gt;{amp}amp;times;{amp}lt;/button{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;!-- Modal body --{amp}gt; {amp}lt;div class="modal-body"{amp}gt; {amp}lt;form method="POST" action='Place_locaux'{amp}gt; {amp}lt;div class="form-group"{amp}gt; {amp}lt;label class='labelproprietaire'{amp}gt;Nom du local approprié à la place :{amp}lt;/label{amp}gt; {amp}lt;select class="browser-default custom-select" placeheader="Search here.." name="nom_local" required disabled{amp}gt; {amp}lt;%while(re2.next()){%{amp}gt; {amp}lt;option{amp}gt;{amp}lt;%=re2.getObject(2)%{amp}gt;{amp}lt;/option{amp}gt; {amp}lt;%}%{amp}gt; {amp}lt;/select{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;div class="form-group"{amp}gt; {amp}lt;label class='labelproprietaire'{amp}gt;Numéro place :{amp}lt;/label{amp}gt; {amp}lt;input type="number" class="form-control" id="numeroplace" name="numeroplace" required{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;div class="form-group"{amp}gt; {amp}lt;label class='labelproprietaire'{amp}gt;Prix par heure:{amp}lt;/label{amp}gt; {amp}lt;input type="text" class="form-control" id="prixplace" placeholder="Entrer le prix de la place" name="prixplace" required{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;div class="form-group"{amp}gt; {amp}lt;label class='labelproprietaire'{amp}gt;Taille de la place :{amp}lt;/label{amp}gt; {amp}lt;input type="text" class="form-control" id="tailleplace" placeholder="Entrer la taille de la place" name="tailleplace" required{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;div class="form-group"{amp}gt; {amp}lt;label class='labelproprietaire'{amp}gt;Votre Cin :{amp}lt;/label{amp}gt; {amp}lt;input type="text" class="form-control" id="Cinlocataire" placeholder="Entrer votre cin" name="cinlocataire" required{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;div class="form-group"{amp}gt; {amp}lt;label class='labelproprietaire'{amp}gt;Heure début de la réservation :{amp}lt;/label{amp}gt; {amp}lt;input type="time" class="form-control" id="heure_debut" placeholder="Entrer l'heure de début" name="heure_debut" required{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;div class="form-group"{amp}gt; {amp}lt;label class='labelproprietaire'{amp}gt;Heure fin de la réservation :{amp}lt;/label{amp}gt; {amp}lt;input type="time" class="form-control" id="heure_fin" placeholder="Entrer l'heure de fin" name="heure_fin" required{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/form{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;!-- Modal footer --{amp}gt; {amp}lt;div class="modal-footer"{amp}gt; {amp}lt;div id='divbtnaddplace'{amp}gt; {amp}lt;button type="submit" class="btn btn-primary btn-lg" id='btnreserver' style='vertical-align: 0; margin-right: 260px;' name='action' value='reserver'{amp}gt;Reserver{amp}lt;/button{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;button type="button" class="btn btn-danger btn-lg" data-dismiss="modal"{amp}gt;Fermer{amp}lt;/button{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;script src="vendors/jquery/dist/jquery.min.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script src="vendors/popper.js/dist/umd/popper.min.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script src="vendors/bootstrap/dist/js/bootstrap.min.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script src="assets/js/main.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script src="vendors/chart.js/dist/Chart.bundle.min.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script src="assets/js/dashboard.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script src="assets/js/widgets.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script src="vendors/jqvmap/dist/jquery.vmap.min.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script src="vendors/jqvmap/examples/js/jquery.vmap.sampledata.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script src="vendors/jqvmap/dist/maps/jquery.vmap.world.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;/body{amp}gt; {amp}lt;/html{amp}gt; ,  {amp}lt;%@page import="controller.Cnx"%{amp}gt; {amp}lt;%@page contentType="text/html" pageEncoding="UTF-8"%{amp}gt; {amp}lt;%@page import="java.sql.*"%{amp}gt; {amp}lt;%@page import="java.util.Map"%{amp}gt; {amp}lt;!DOCTYPE html{amp}gt; {amp}lt;% Connection c=Cnx.getcnx(); Statement st=c.createStatement(); ResultSet re=st.executeQuery("select * from place"); Statement st2=c.createStatement(); ResultSet re2=st2.executeQuery("select * from local"); %{amp}gt; {amp}lt;html{amp}gt; {amp}lt;head{amp}gt; {amp}lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8"{amp}gt; {amp}lt;meta charset="utf-8"{amp}gt; {amp}lt;meta http-equiv="X-UA-Compatible" content="IE=edge"{amp}gt; {amp}lt;title{amp}gt;Interface locataire{amp}lt;/title{amp}gt; {amp}lt;meta name="description" content="Sufee Admin - HTML5 Admin Template"{amp}gt; {amp}lt;meta name="viewport" content="width=device-width, initial-scale=1"{amp}gt; {amp}lt;link rel="apple-touch-icon" href="apple-icon.png"{amp}gt; {amp}lt;link rel="shortcut icon" href="favicon.ico"{amp}gt; {amp}lt;link rel="stylesheet" href="vendors/bootstrap/dist/css/bootstrap.min.css"{amp}gt; {amp}lt;link rel="stylesheet" href="vendors/font-awesome/css/font-awesome.min.css"{amp}gt; {amp}lt;link rel="stylesheet" href="vendors/themify-icons/css/themify-icons.css"{amp}gt; {amp}lt;link rel="stylesheet" href="vendors/flag-icon-css/css/flag-icon.min.css"{amp}gt; {amp}lt;link rel="stylesheet" href="vendors/selectFX/css/cs-skin-elastic.css"{amp}gt; {amp}lt;link rel="stylesheet" href="vendors/jqvmap/dist/jqvmap.min.css"{amp}gt; {amp}lt;link rel="stylesheet" href="assets/css/style.css"{amp}gt; {amp}lt;link rel="stylesheet" href="css/Css_acceuil_locataire.css"{amp}gt; {amp}lt;link href='https://fonts.googleapis.com/css?family=Open Sans:400,600,700,800' rel='stylesheet' type='text/css'{amp}gt; {amp}lt;link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous"{amp}gt; {amp}lt;script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X 965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH 8abtTE1Pi6jizo" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM B07jRM" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script src="https://kit.fontawesome.com/e3fd0d5f24.js" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;/head{amp}gt; {amp}lt;body{amp}gt; {amp}lt;aside id="left-panel" class="left-panel"{amp}gt; {amp}lt;nav class="navbar navbar-expand-sm navbar-default" style="flex-flow:column wrap;"{amp}gt; {amp}lt;div class="navbar-header"{amp}gt; {amp}lt;a class="navbar-brand" href="#"{amp}gt;Gestion parkings{amp}lt;/a{amp}gt; {amp}lt;a class="navbar-brand hidden" href="./"{amp}gt;{amp}lt;img src="images/logo2.png" alt="Logo"{amp}gt;{amp}lt;/a{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;div id="main-menu" class="main-menu collapse navbar-collapse"{amp}gt; {amp}lt;ul class="nav navbar-nav"{amp}gt; {amp}lt;li class="nav-item "{amp}gt; {amp}lt;a href="#" class="nav-link" aria-haspopup="true" aria-expanded="false" style="margin-right: 80px;"{amp}gt; {amp}lt;i class="fas fa-arrow-alt-circle-right" style="margin-right: 10px;" selected{amp}gt;{amp}lt;/i{amp}gt;Réservation{amp}lt;/a{amp}gt; {amp}lt;/li{amp}gt; {amp}lt;li class="nav-item "{amp}gt; {amp}lt;a href="#" class="nav-link" aria-haspopup="true" aria-expanded="false" style="margin-right: 80px;"{amp}gt; {amp}lt;i class="fas fa-arrow-alt-circle-right" style="margin-right: 10px;" selected{amp}gt;{amp}lt;/i{amp}gt;Liste réservation{amp}lt;/a{amp}gt; {amp}lt;/li{amp}gt; {amp}lt;/ul{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/nav{amp}gt; {amp}lt;/aside{amp}gt; {amp}lt;nav class="navbar" style="height:70px;" id='nav-proprietaire'{amp}gt; {amp}lt;ul class="nav navbar-nav"{amp}gt; {amp}lt;li class="nav-item "{amp}gt; {amp}lt;a href="Page_de_cnx" class="nav-link" aria-haspopup="true" aria-expanded="false" style="padding-left: 1430px; text-transform: uppercase"{amp}gt; {amp}lt;i class="fas fa-exclamation-circle" style="margin-right: 20px;"{amp}gt;{amp}lt;/i{amp}gt;Déconnection{amp}lt;/a{amp}gt; {amp}lt;/li{amp}gt; {amp}lt;/ul{amp}gt; {amp}lt;/nav{amp}gt; {amp}lt;label id="label1"{amp}gt;Liste des places disponibles avec leurs emplacements :{amp}lt;/label{amp}gt; {amp}lt;table class="table table-hover" style="margin-top: 20px;" id="table1"{amp}gt; {amp}lt;thead{amp}gt; {amp}lt;tr class="table-active"{amp}gt; {amp}lt;th scope="col"{amp}gt;Nom local{amp}lt;/th{amp}gt; {amp}lt;th scope="col"{amp}gt;Numéro place{amp}lt;/th{amp}gt; {amp}lt;th scope="col"{amp}gt;Prix par heure{amp}lt;/th{amp}gt; {amp}lt;th scope="col"{amp}gt;Taille{amp}lt;/th{amp}gt; {amp}lt;th scope="col"{amp}gt;Action{amp}lt;/th{amp}gt; {amp}lt;/tr{amp}gt; {amp}lt;/thead{amp}gt; {amp}lt;%while(re.next()){%{amp}gt; {amp}lt;tr{amp}gt; {amp}lt;th scope="row"{amp}gt;{amp}lt;%=re.getObject(2)%{amp}gt;{amp}lt;/th{amp}gt; {amp}lt;td{amp}gt;{amp}lt;%=re.getObject(3)%{amp}gt;{amp}lt;/td{amp}gt; {amp}lt;td{amp}gt;{amp}lt;%=re.getObject(4)%{amp}gt;{amp}lt;/td{amp}gt; {amp}lt;td{amp}gt;{amp}gt;{amp}lt;%=re.getObject(5)%{amp}gt;{amp}lt;/td{amp}gt; {amp}lt;td{amp}gt;{amp}gt;{amp}lt;a href="#" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#reservation" onclick="afficher()"{amp}gt;{amp}lt;i class="fas fa-plus" style="margin-right: 10px;"{amp}gt;{amp}lt;/i{amp}gt;Réserver{amp}lt;/a{amp}gt;{amp}lt;/td{amp}gt; {amp}lt;/tr{amp}gt; {amp}lt;%}%{amp}gt; {amp}lt;tbody{amp}gt; {amp}lt;/tbody{amp}gt; {amp}lt;/table{amp}gt; {amp}lt;div class="modal" id="reservation"{amp}gt; {amp}lt;div class="modal-dialog"{amp}gt; {amp}lt;div class="modal-content"{amp}gt; {amp}lt;!-- Modal Header --{amp}gt; {amp}lt;div class="modal-header"{amp}gt; {amp}lt;h4 class="modal-title"{amp}gt;Information{amp}lt;/h4{amp}gt; {amp}lt;button type="button" class="close" data-dismiss="modal"{amp}gt;{amp}amp;times;{amp}lt;/button{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;!-- Modal body --{amp}gt; {amp}lt;div class="modal-body"{amp}gt; {amp}lt;form method="POST" action='Place_locaux'{amp}gt; {amp}lt;div class="form-group"{amp}gt; {amp}lt;label class='labelproprietaire'{amp}gt;Nom du local approprié à la place :{amp}lt;/label{amp}gt; {amp}lt;select class="browser-default custom-select" placeheader="Search here.." name="nom_local" required disabled{amp}gt; {amp}lt;%while(re2.next()){%{amp}gt; {amp}lt;option{amp}gt;{amp}lt;%=re2.getObject(2)%{amp}gt;{amp}lt;/option{amp}gt; {amp}lt;%}%{amp}gt; {amp}lt;/select{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;div class="form-group"{amp}gt; {amp}lt;label class='labelproprietaire'{amp}gt;Numéro place :{amp}lt;/label{amp}gt; {amp}lt;input type="number" class="form-control" id="numeroplace" name="numeroplace" required{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;div class="form-group"{amp}gt; {amp}lt;label class='labelproprietaire'{amp}gt;Prix par heure:{amp}lt;/label{amp}gt; {amp}lt;input type="text" class="form-control" id="prixplace" placeholder="Entrer le prix de la place" name="prixplace" required{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;div class="form-group"{amp}gt; {amp}lt;label class='labelproprietaire'{amp}gt;Taille de la place :{amp}lt;/label{amp}gt; {amp}lt;input type="text" class="form-control" id="tailleplace" placeholder="Entrer la taille de la place" name="tailleplace" required{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;div class="form-group"{amp}gt; {amp}lt;label class='labelproprietaire'{amp}gt;Votre Cin :{amp}lt;/label{amp}gt; {amp}lt;input type="text" class="form-control" id="Cinlocataire" placeholder="Entrer votre cin" name="cinlocataire" required{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;div class="form-group"{amp}gt; {amp}lt;label class='labelproprietaire'{amp}gt;Heure début de la réservation :{amp}lt;/label{amp}gt; {amp}lt;input type="time" class="form-control" id="heure_debut" placeholder="Entrer l'heure de début" name="heure_debut" required{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;div class="form-group"{amp}gt; {amp}lt;label class='labelproprietaire'{amp}gt;Heure fin de la réservation :{amp}lt;/label{amp}gt; {amp}lt;input type="time" class="form-control" id="heure_fin" placeholder="Entrer l'heure de fin" name="heure_fin" required{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/form{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;!-- Modal footer --{amp}gt; {amp}lt;div class="modal-footer"{amp}gt; {amp}lt;div id='divbtnaddplace'{amp}gt; {amp}lt;button type="submit" class="btn btn-primary btn-lg" id='btnreserver' style='vertical-align: 0; margin-right: 260px;' name='action' value='reserver'{amp}gt;Reserver{amp}lt;/button{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;button type="button" class="btn btn-danger btn-lg" data-dismiss="modal"{amp}gt;Fermer{amp}lt;/button{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;script src="vendors/jquery/dist/jquery.min.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script src="vendors/popper.js/dist/umd/popper.min.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script src="vendors/bootstrap/dist/js/bootstrap.min.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script src="assets/js/main.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script src="vendors/chart.js/dist/Chart.bundle.min.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script src="assets/js/dashboard.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script src="assets/js/widgets.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script src="vendors/jqvmap/dist/jquery.vmap.min.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script src="vendors/jqvmap/examples/js/jquery.vmap.sampledata.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script src="vendors/jqvmap/dist/maps/jquery.vmap.world.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;/body{amp}gt; {amp}lt;/html{amp}gt; ,  {amp}lt;%@page import="controller.Cnx"%{amp}gt; {amp}lt;%@page contentType="text/html" pageEncoding="UTF-8"%{amp}gt; {amp}lt;%@page import="java.sql.*"%{amp}gt; {amp}lt;%@page import="java.util.Map"%{amp}gt; {amp}lt;!DOCTYPE html{amp}gt; {amp}lt;% Connection c=Cnx.getcnx(); Statement st=c.createStatement(); ResultSet re=st.executeQuery("select * from place"); Statement st2=c.createStatement(); ResultSet re2=st2.executeQuery("select * from local"); %{amp}gt; {amp}lt;html{amp}gt; {amp}lt;head{amp}gt; {amp}lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8"{amp}gt; {amp}lt;meta charset="utf-8"{amp}gt; {amp}lt;meta http-equiv="X-UA-Compatible" content="IE=edge"{amp}gt; {amp}lt;title{amp}gt;Interface locataire{amp}lt;/title{amp}gt; {amp}lt;meta name="description" content="Sufee Admin - HTML5 Admin Template"{amp}gt; {amp}lt;meta name="viewport" content="width=device-width, initial-scale=1"{amp}gt; {amp}lt;link rel="apple-touch-icon" href="apple-icon.png"{amp}gt; {amp}lt;link rel="shortcut icon" href="favicon.ico"{amp}gt; {amp}lt;link rel="stylesheet" href="vendors/bootstrap/dist/css/bootstrap.min.css"{amp}gt; {amp}lt;link rel="stylesheet" href="vendors/font-awesome/css/font-awesome.min.css"{amp}gt; {amp}lt;link rel="stylesheet" href="vendors/themify-icons/css/themify-icons.css"{amp}gt; {amp}lt;link rel="stylesheet" href="vendors/flag-icon-css/css/flag-icon.min.css"{amp}gt; {amp}lt;link rel="stylesheet" href="vendors/selectFX/css/cs-skin-elastic.css"{amp}gt; {amp}lt;link rel="stylesheet" href="vendors/jqvmap/dist/jqvmap.min.css"{amp}gt; {amp}lt;link rel="stylesheet" href="assets/css/style.css"{amp}gt; {amp}lt;link rel="stylesheet" href="css/Css_acceuil_locataire.css"{amp}gt; {amp}lt;link href='https://fonts.googleapis.com/css?family=Open Sans:400,600,700,800' rel='stylesheet' type='text/css'{amp}gt; {amp}lt;link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous"{amp}gt; {amp}lt;script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X 965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH 8abtTE1Pi6jizo" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM B07jRM" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script src="https://kit.fontawesome.com/e3fd0d5f24.js" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;/head{amp}gt; {amp}lt;body{amp}gt; {amp}lt;aside id="left-panel" class="left-panel"{amp}gt; {amp}lt;nav class="navbar navbar-expand-sm navbar-default" style="flex-flow:column wrap;"{amp}gt; {amp}lt;div class="navbar-header"{amp}gt; {amp}lt;a class="navbar-brand" href="#"{amp}gt;Gestion parkings{amp}lt;/a{amp}gt; {amp}lt;a class="navbar-brand hidden" href="./"{amp}gt;{amp}lt;img src="images/logo2.png" alt="Logo"{amp}gt;{amp}lt;/a{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;div id="main-menu" class="main-menu collapse navbar-collapse"{amp}gt; {amp}lt;ul class="nav navbar-nav"{amp}gt; {amp}lt;li class="nav-item "{amp}gt; {amp}lt;a href="#" class="nav-link" aria-haspopup="true" aria-expanded="false" style="margin-right: 80px;"{amp}gt; {amp}lt;i class="fas fa-arrow-alt-circle-right" style="margin-right: 10px;" selected{amp}gt;{amp}lt;/i{amp}gt;Réservation{amp}lt;/a{amp}gt; {amp}lt;/li{amp}gt; {amp}lt;li class="nav-item "{amp}gt; {amp}lt;a href="#" class="nav-link" aria-haspopup="true" aria-expanded="false" style="margin-right: 80px;"{amp}gt; {amp}lt;i class="fas fa-arrow-alt-circle-right" style="margin-right: 10px;" selected{amp}gt;{amp}lt;/i{amp}gt;Liste réservation{amp}lt;/a{amp}gt; {amp}lt;/li{amp}gt; {amp}lt;/ul{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/nav{amp}gt; {amp}lt;/aside{amp}gt; {amp}lt;nav class="navbar" style="height:70px;" id='nav-proprietaire'{amp}gt; {amp}lt;ul class="nav navbar-nav"{amp}gt; {amp}lt;li class="nav-item "{amp}gt; {amp}lt;a href="Page_de_cnx" class="nav-link" aria-haspopup="true" aria-expanded="false" style="padding-left: 1430px; text-transform: uppercase"{amp}gt; {amp}lt;i class="fas fa-exclamation-circle" style="margin-right: 20px;"{amp}gt;{amp}lt;/i{amp}gt;Déconnection{amp}lt;/a{amp}gt; {amp}lt;/li{amp}gt; {amp}lt;/ul{amp}gt; {amp}lt;/nav{amp}gt; {amp}lt;label id="label1"{amp}gt;Liste des places disponibles avec leurs emplacements :{amp}lt;/label{amp}gt; {amp}lt;table class="table table-hover" style="margin-top: 20px;" id="table1"{amp}gt; {amp}lt;thead{amp}gt; {amp}lt;tr class="table-active"{amp}gt; {amp}lt;th scope="col"{amp}gt;Nom local{amp}lt;/th{amp}gt; {amp}lt;th scope="col"{amp}gt;Numéro place{amp}lt;/th{amp}gt; {amp}lt;th scope="col"{amp}gt;Prix par heure{amp}lt;/th{amp}gt; {amp}lt;th scope="col"{amp}gt;Taille{amp}lt;/th{amp}gt; {amp}lt;th scope="col"{amp}gt;Action{amp}lt;/th{amp}gt; {amp}lt;/tr{amp}gt; {amp}lt;/thead{amp}gt; {amp}lt;%while(re.next()){%{amp}gt; {amp}lt;tr{amp}gt; {amp}lt;th scope="row"{amp}gt;{amp}lt;%=re.getObject(2)%{amp}gt;{amp}lt;/th{amp}gt; {amp}lt;td{amp}gt;{amp}lt;%=re.getObject(3)%{amp}gt;{amp}lt;/td{amp}gt; {amp}lt;td{amp}gt;{amp}lt;%=re.getObject(4)%{amp}gt;{amp}lt;/td{amp}gt; {amp}lt;td{amp}gt;{amp}gt;{amp}lt;%=re.getObject(5)%{amp}gt;{amp}lt;/td{amp}gt; {amp}lt;td{amp}gt;{amp}gt;{amp}lt;a href="#" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#reservation" onclick="afficher()"{amp}gt;{amp}lt;i class="fas fa-plus" style="margin-right: 10px;"{amp}gt;{amp}lt;/i{amp}gt;Réserver{amp}lt;/a{amp}gt;{amp}lt;/td{amp}gt; {amp}lt;/tr{amp}gt; {amp}lt;%}%{amp}gt; {amp}lt;tbody{amp}gt; {amp}lt;/tbody{amp}gt; {amp}lt;/table{amp}gt; {amp}lt;div class="modal" id="reservation"{amp}gt; {amp}lt;div class="modal-dialog"{amp}gt; {amp}lt;div class="modal-content"{amp}gt; {amp}lt;!-- Modal Header --{amp}gt; {amp}lt;div class="modal-header"{amp}gt; {amp}lt;h4 class="modal-title"{amp}gt;Information{amp}lt;/h4{amp}gt; {amp}lt;button type="button" class="close" data-dismiss="modal"{amp}gt;{amp}amp;times;{amp}lt;/button{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;!-- Modal body --{amp}gt; {amp}lt;div class="modal-body"{amp}gt; {amp}lt;form method="POST" action='Place_locaux'{amp}gt; {amp}lt;div class="form-group"{amp}gt; {amp}lt;label class='labelproprietaire'{amp}gt;Nom du local approprié à la place :{amp}lt;/label{amp}gt; {amp}lt;select class="browser-default custom-select" placeheader="Search here.." name="nom_local" required disabled{amp}gt; {amp}lt;%while(re2.next()){%{amp}gt; {amp}lt;option{amp}gt;{amp}lt;%=re2.getObject(2)%{amp}gt;{amp}lt;/option{amp}gt; {amp}lt;%}%{amp}gt; {amp}lt;/select{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;div class="form-group"{amp}gt; {amp}lt;label class='labelproprietaire'{amp}gt;Numéro place :{amp}lt;/label{amp}gt; {amp}lt;input type="number" class="form-control" id="numeroplace" name="numeroplace" required{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;div class="form-group"{amp}gt; {amp}lt;label class='labelproprietaire'{amp}gt;Prix par heure:{amp}lt;/label{amp}gt; {amp}lt;input type="text" class="form-control" id="prixplace" placeholder="Entrer le prix de la place" name="prixplace" required{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;div class="form-group"{amp}gt; {amp}lt;label class='labelproprietaire'{amp}gt;Taille de la place :{amp}lt;/label{amp}gt; {amp}lt;input type="text" class="form-control" id="tailleplace" placeholder="Entrer la taille de la place" name="tailleplace" required{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;div class="form-group"{amp}gt; {amp}lt;label class='labelproprietaire'{amp}gt;Votre Cin :{amp}lt;/label{amp}gt; {amp}lt;input type="text" class="form-control" id="Cinlocataire" placeholder="Entrer votre cin" name="cinlocataire" required{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;div class="form-group"{amp}gt; {amp}lt;label class='labelproprietaire'{amp}gt;Heure début de la réservation :{amp}lt;/label{amp}gt; {amp}lt;input type="time" class="form-control" id="heure_debut" placeholder="Entrer l'heure de début" name="heure_debut" required{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;div class="form-group"{amp}gt; {amp}lt;label class='labelproprietaire'{amp}gt;Heure fin de la réservation :{amp}lt;/label{amp}gt; {amp}lt;input type="time" class="form-control" id="heure_fin" placeholder="Entrer l'heure de fin" name="heure_fin" required{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/form{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;!-- Modal footer --{amp}gt; {amp}lt;div class="modal-footer"{amp}gt; {amp}lt;div id='divbtnaddplace'{amp}gt; {amp}lt;button type="submit" class="btn btn-primary btn-lg" id='btnreserver' style='vertical-align: 0; margin-right: 260px;' name='action' value='reserver'{amp}gt;Reserver{amp}lt;/button{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;button type="button" class="btn btn-danger btn-lg" data-dismiss="modal"{amp}gt;Fermer{amp}lt;/button{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;script src="vendors/jquery/dist/jquery.min.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script src="vendors/popper.js/dist/umd/popper.min.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script src="vendors/bootstrap/dist/js/bootstrap.min.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script src="assets/js/main.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script src="vendors/chart.js/dist/Chart.bundle.min.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script src="assets/js/dashboard.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script src="assets/js/widgets.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script src="vendors/jqvmap/dist/jquery.vmap.min.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script src="vendors/jqvmap/examples/js/jquery.vmap.sampledata.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script src="vendors/jqvmap/dist/maps/jquery.vmap.world.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;/body{amp}gt; {amp}lt;/html{amp}gt; 

и это мой код JavaScript:

 {amp}lt;script{amp}gt; var table= document.getElementById('table1'); for(int i=1; i{amp}lt;table.rows.length; i  ){ function afficher(){ document.getElementById('nom_local').value=this.cells[0].innerHtml; document.getElementById('numeroplace').value=this.cells[1].innerHtml; document.getElementById('prixplace').value=this.cells[2].innerHtml; document.getElementById('tailleplace').value=this.cells[3].innerHtml; } } {amp}lt;/script{amp}gt; 

Помоги мне, пожалуйста !

Понравилась статья? Поделиться с друзьями:
JavaScript & TypeScript
Adblock
detector