Problème de supprime et ajouter des élément au tableau
Fermé
hagualshaikh
Messages postés
21
Date d'inscription
lundi 17 septembre 2018
Statut
Membre
Dernière intervention
2 février 2019
-
2 févr. 2019 à 13:58
hagualshaikh Messages postés 21 Date d'inscription lundi 17 septembre 2018 Statut Membre Dernière intervention 2 février 2019 - 2 févr. 2019 à 13:58
hagualshaikh Messages postés 21 Date d'inscription lundi 17 septembre 2018 Statut Membre Dernière intervention 2 février 2019 - 2 févr. 2019 à 13:58
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>AppliTaxi | Backend</title>
<!-- Tell the browser to be responsive to screen width -->
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<!-- Bootstrap 3.3.7 -->
<link rel="stylesheet" href="../bower_components/bootstrap/dist/css/bootstrap.min.css">
<!-- Font Awesome -->
<link rel="stylesheet" href="../bower_components/font-awesome/css/font-awesome.min.css">
<!-- Ionicons -->
<link rel="stylesheet" href="../bower_components/ionicons/css/ionicons.min.css">
<!-- Theme style -->
<link rel="stylesheet" href="../bower_components/jvectormap/jquery-jvectormap.css">
<link rel="stylesheet" href="../dist/css/AdminLTE.min.css">
<!-- AdminLTE Skins. Choose a skin from the css/skins
folder instead of downloading all of them to reduce the load. -->
<link rel="stylesheet" href="../dist/css/skins/_all-skins.min.css">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
<script src="../dist/js/jquery.min.js" />
</script>
<script src="../dist/js/bootstrap.min.js" />
</script>
<!-- Google Font -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic">
<script>
var rmvBtn = document.getElementById( 'rmvBtn' );
rmvBtn.addEventListener( 'click', function () {
var rmvCheckBoxes = document.getElementsByName( 'test' );
for ( var i = 0; i < rmvCheckBoxes.length; i++ ) { if ( rmvCheckBoxes[ i ].checked ) { removeElm( rmvCheckBoxes[ i ] ); } }
} );
function removeElm( elm ) { elm.parentElement.removeChild( elm ); }
</script>
<body class="skin-blue">
<!-- Main Header -->
<header class="main-header">
<!-- Logo -->
<a href="../index.html" class="logo">
<!-- mini logo for sidebar mini 50x50 pixels -->
<span class="logo-mini"><b>A</b>LT</span>
<!-- logo for regular state and mobile devices -->
<span class="logo-lg"><b>Appli</b>Taxi</span>
</a>
<!-- Header Navbar -->
<nav class="navbar navbar-static-top" role="navigation">
<!-- Sidebar toggle button-->
<a href="#" class="sidebar-toggle" data-toggle="push-menu" role="button">
<span class="sr-only">Toggle navigation</span>
</a>
<!-- Navbar Right Menu -->
<div class="navbar-custom-menu">
<ul class="nav navbar-nav">
<!-- Messages: style can be found in dropdown.less-->
<li class="dropdown messages-menu">
<!-- Menu toggle button -->
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
<i class="fa fa-envelope-o"></i>
<span class="label label-success">4</span>
</a>
<ul class="dropdown-menu">
<li class="header">Vous avez 4 messages</li>
<li>
<!-- inner menu: contains the messages -->
<ul class="menu">
<li>
<!-- start message -->
<a href="#">
<div class="pull-left">
<!-- User Image -->
<img src="https://almsaeedstudio.com/themes/AdminLTE/dist/img/user2-160x160.jpg"
class="img-circle" alt="User Image">
</div>
<!-- Message title and timestamp -->
<h4>
Equipe Support
<small><i class="fa fa-clock-o"></i> 5
mins</small>
</h4>
<!-- The message -->
<p>Voulez-vous mettre à jour ?</p>
</a>
</li>
<!-- end message -->
</ul>
<!-- /.menu -->
</li>
<li class="footer"><a href="#">Voir tous les messages</a></li>
</ul>
</li>
<!-- /.messages-menu -->
<!-- Notifications Menu -->
<li class="dropdown notifications-menu">
<!-- Menu toggle button -->
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
<i class="fa fa-bell-o"></i>
<span class="label label-warning">10</span>
</a>
<ul class="dropdown-menu">
<li class="header">Vous avez 10 notifications</li>
<li>
<!-- Inner Menu: contains the notifications -->
<ul class="menu">
<li>
<!-- start notification -->
<a href="#">
<i class="fa fa-users text-aqua"></i> 5
demandes d'inscription à valider
</a>
</li>
<!-- end notification -->
</ul>
</li>
<li class="footer"><a href="#">Voir tout</a></li>
</ul>
</li>
<!-- Tasks Menu -->
<li class="dropdown tasks-menu">
<!-- Menu Toggle Button -->
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
<i class="fa fa-flag-o"></i>
<span class="label label-danger">9</span>
</a>
<ul class="dropdown-menu">
<li class="header">Vous avez 9 tâches en attente</li>
<li>
<!-- Inner menu: contains the tasks -->
<ul class="menu">
<li>
<!-- Task item -->
<a href="#">
<!-- Task title and progress text -->
<h3>
Valider des inscriptions
<small class="pull-right">20%</small>
</h3>
<!-- The progress bar -->
<div class="progress xs">
<!-- Change the css width attribute to simulate progress -->
<div class="progress-bar progress-bar-aqua"
style="width: 20%" role="progressbar"
aria-valuenow="20" aria-valuemin="0"
aria-valuemax="100">
<span class="sr-only">20% achevés</span>
</div>
</div>
</a>
</li>
<!-- end task item -->
</ul>
</li>
<li class="footer">
<a href="#">Voir toutes les tâches</a>
</li>
</ul>
</li>
<!-- User Account Menu -->
<li class="dropdown user user-menu">
<!-- Menu Toggle Button -->
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
<!-- The user image in the navbar-->
<img src="https://almsaeedstudio.com/themes/AdminLTE/dist/img/user2-160x160.jpg"
class="user-image" alt="User Image">
<!-- hidden-xs hides the username on small devices so only the image appears. -->
<span class="hidden-xs">Admin AppliTaxi</span>
</a>
<ul class="dropdown-menu">
<!-- The user image in the menu -->
<li class="user-header">
<img src="https://almsaeedstudio.com/themes/AdminLTE/dist/img/user2-160x160.jpg"
class="img-circle" alt="User Image">
<p>
Administrateur AppliTaxi
<small>Profil : Administrateur</small>
</p>
</li>
<!-- Menu Footer-->
<li class="user-footer">
<div class="pull-left">
<a href="#" class="btn btn-default btn-flat">Profile</a>
</div>
<div class="pull-right">
<a href="#" class="btn btn-default btn-flat">Sign out</a>
</div>
</li>
</ul>
</li>
<!-- Control Sidebar Toggle Button -->
<li>
<a href="#" data-toggle="control-sidebar"><i class="fa fa-gears"></i></a>
</li>
</ul>
</div>
</nav>
</header>
<aside class="main-sidebar">
<!-- sidebar: style can be found in sidebar.less -->
<section class="sidebar">
<!-- Sidebar Menu -->
<ul class="sidebar-menu" data-widget="tree">
<li><a href="dashboard.html"><span>DASHBOARD</span></a></li>
<li class="treeview">
<a href="vicule.html"><span>ajouter des vihicule</span>
<span class="pull-right-container">
<i class="fa fa-angle-left pull-right"></i>
</span>
</a>
<ul class="treeview-menu">
<li><a href="chauffeurs_liste.html">Tous les chauffeurs</a></li>
<li><a href="vicule.html">vihicule disponible</a></li>
</ul>
</li>
<li class="active">
<a href="vicule.html"><span>Gérer les véhicule</span>
<span class="pull-right-container">
<i class="fa fa-angle-down pull-right"></i>
</span>
</a>
<ul class="treeview-menu">
<li class="active"><a href="clients_liste.html"><i class="fa fa-circle-o"></i>Tous
les véhicule</a></li>
<li><a href="clients_flagged.html"><i class="fa fa-circle-o"></i>Clients
signalés</a></li>
</ul>
</li>
<li><a href="vicule.html"><span>Gérer les types de véhicule</span></a></li>
</ul>
<!-- /.sidebar-menu -->
</section>
<!-- /.sidebar -->
</aside>
<div class="content-wrapper">
<!-- Content Header (Page header) -->
<section class="content-header">
<h1>
les vihicule
</h1>
<ol class="breadcrumb">
<li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
<li><a href="#">Clients</a></li>
<li class="active">Liste des clients</li>
</ol>
</section>
<!-- Main content -->
<section class="content">
<div class="row">
<div class="col-xs-12">
<div class="box">
<div class="box-header">
<h3 class="box-title">Liste des vihicule</h3>
</div>
<!-- /.box-header -->
<div class="box-body">
<table id="example1" class="table table-bordered table-striped">
<thead>
<a href="ajoute.html " style="color:white; " class="btn btn-success" >
<span class=" fa fa-plus-circle"></span> ADD new car</a>
<div class="col-lg-10 col-xs-12"> `
<button class="btn btn-warning " value="remove" id="rmvBtn" name="test">
<span class="fa fa fa-trash-o" ></span> MULTIPLIY DELETE</button>
</div>
<th><input type="checkbox" ></th>
<td class="fa fa-automobile"></td>
<th>Car icon</th>
<th>Car type</th>
<th>car RATE</th>
<th>Loading capacity</th>
<th>Il Pool</th>
<th>Drop location Requered</th>
<th>Actions</th>
</tr>
</thead>
<tbody>
<tr>
<th><input type="checkbox" value='asd' id='test' name='test'></th>
<td class="fa fa-automobile"></td>
<td>taxi partage</td>
<td> 1</td>
<td>8</td>
<td>no</td>
<td>yes</td>
<td>yes</td>
<td>
<div class="input-group-btn">
<button type="button" class="btn btn-warning dropdown-toggle"
data-toggle="dropdown">Action
<span class="fa fa-caret-down"></span></button>
<ul class="dropdown-menu">
<li><a href="#">Voir</a></li>
<li><a href="#">Supprimer</a></li>
</ul>
</div>
</td>
</tr>
<tr>
<th><input type="checkbox" value='asd' id='test' name='test'></th>
<td class="fa fa-automobile"></td>
<td>SUIV</td>
<td> 4</td>
<td>22</td>
<td>no</td>
<td>yes</td>
<td>yes</td>
<td>
<div class="input-group-btn">
<button type="button" class="btn btn-warning dropdown-toggle"
data-toggle="dropdown">Action
<span class="fa fa-caret-down"></span></button>
<ul class="dropdown-menu">
<li><a href="#">Voir</a></li>
<li><a href="#">Supprimer</a></li>
</ul>
</div>
</td>
</tr>
<tr>
<th><input type="checkbox"value='asd' id='test' name='test'></th>
<td class="fa fa-automobile"></td>
<td>Salon</td>
<td> 0</td>
<td>11</td>
<td>yes</td>
<td>non</td>
<td>non</td>
<td>
<div class="input-group-btn">
<button type="button" class="btn btn-warning dropdown-toggle" data-toggle="dropdown">Action
<span class="fa fa-caret-down"></span></button>
<ul class="dropdown-menu">
<li><a href="#">Voir</a></li>
<li><a href="#">Supprimer</a></li>
</ul>
</div>
</td>
</tr>
<tr>
<th><input type="checkbox"value='asd' id='test' name='test' ></th>
<td class="fa fa-automobile"></td>
<td>Salon</td>
<td> 0</td>
<td>11</td>
<td>yes</td>
<td>non</td>
<td>non</td>
<td>
<div class="input-group-btn">
<button type="button" class="btn btn-warning dropdown-toggle" data-toggle="dropdown">Action
<span class="fa fa-caret-down"></span></button>
<ul class="dropdown-menu">
<li><a href="#">Voir</a></li>
<li><a href="#">Supprimer</a></li>
</ul>
</div>
</td>
</tr>
<tr>
<th><input type="checkbox" value='asd' id='test' name='test'></th>
<td class="fa fa-automobile"></td>
<td>Salon</td>
<td> 0</td>
<td>11</td>
<td>yes</td>
<td>non</td>
<td>non</td>
<td>
<div class="input-group-btn">
<button type="button" class="btn btn-warning dropdown-toggle" data-toggle="dropdown">Action
<span class="fa fa-caret-down"></span></button>
<ul class="dropdown-menu">
<li><a href="#">Voir</a></li>
<li><a href="#">Supprimer</a></li>
</ul>
</div>
</td>
</tr>
<tr>
<th><input type="checkbox" value='asd' id='test' name='test'></th>
<td class="fa fa-automobile"></td>
<td>Salon</td>
<td> 0</td>
<td>11</td>
<td>yes</td>
<td>non</td>
<td>non</td>
<td>
<div class="input-group-btn">
<button type="button" class="btn btn-warning dropdown-toggle" data-toggle="dropdown">Action
<span class="fa fa-caret-down"></span></button>
<ul class="dropdown-menu">
<li><a href="#">Voir</a></li>
<li><a href="#">Supprimer</a></li>
</ul>
</div>
</td>
</tr>
<tr>
<th><input type="checkbox" value='asd' id='test' name='test'></th>
<td class="fa fa-automobile" value='asd' id='test' name='test'></td>
<td>Salon</td>
<td> 0</td>
<td>11</td>
<td>yes</td>
<td>non</td>
<td>non</td>
<td>
<div class="input-group-btn">
<button type="button" class="btn btn-warning dropdown-toggle" data-toggle="dropdown">Action
<span class="fa fa-caret-down"></span></button>
<ul class="dropdown-menu">
<li><a href="#">Voir</a></li>
<li><a href="#">Supprimer</a></li>
</ul>
</div>
</td>
</tr>
</tbody>
<tfoot>
<tr>
</tr>
</tfoot>
</table>
</div>
</div>
</div>
</div>
</section>
</div>
<script src="../bower_components/jquery/dist/jquery.min.js"></script>
<!-- Bootstrap 3.3.7 -->
<script src="../bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
<!-- DataTables -->
<script src="../bower_components/datatables.net/js/jquery.dataTables.min.js"></script>
<script src="../bower_components/datatables.net-bs/js/dataTables.bootstrap.min.js"></script>
<!-- SlimScroll -->
<script src="../bower_components/jquery-slimscroll/jquery.slimscroll.min.js"></script>
<!-- FastClick -->
<script src="../bower_components/fastclick/lib/fastclick.js"></script>
</body>
</html>
A voir également:
- Problème de supprime et ajouter des élément au tableau
- Tableau croisé dynamique - Guide
- Frédéric cherche à faire le buzz sur les réseaux sociaux. il a ajouté une image de manchots sur une image de plage. retrouvez l'image originale de la plage. que cachent les manchots ? ✓ - Forum Windows
- Le fichier contient une liste de prénoms. triez ce tableau par ordre alphabétique des prénoms. quel mot est formé par les 6 premières lettres de la colonne code ? - Forum Bureautique
- Recuperer message supprimé whatsapp - Guide
- Tableau ascii - Guide
1 réponse
hagualshaikh
Messages postés
21
Date d'inscription
lundi 17 septembre 2018
Statut
Membre
Dernière intervention
2 février 2019
2 févr. 2019 à 13:58
2 févr. 2019 à 13:58
bonjour
en fait entrain de faire une tableau et je voudrai que quand je clic au checkbox s supprimé l'élément solutionner mais ce que je fais ça vas pas fonctionner
je besoin votre aide et merci en avance
en fait entrain de faire une tableau et je voudrai que quand je clic au checkbox s supprimé l'élément solutionner mais ce que je fais ça vas pas fonctionner
je besoin votre aide et merci en avance