sami.behar@etu.uca.fr 5 years ago
parent 7da19c7d18
commit 802f30212d

@ -171,59 +171,7 @@ body{
box-shadow: 1px 1px 10px black inset, 0 1px 0 rgba( 255, 255, 255, 0.4);
}
#Dribble:hover{
background-color: #b9b7b7;
}
.onoffswitch {
position: relative;
-webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitch-checkbox {
position: absolute;
opacity: 0;
pointer-events: none;
}
.onoffswitch-label {
display: block; overflow: hidden; cursor: pointer;
border: 2px solid #FFFFFF; border-radius: 50px;
}
.onoffswitch-inner {
display: block; width: 200%; margin-left: -100%;
transition: margin 0.4s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
display: block; float: left; width: 50%; height: 41px; padding: 0; line-height: 41px;
font-weight: bold;
box-sizing: border-box;
}
.onoffswitch-inner:before {
content: "DRIBBLER";
padding-left: 12px;
}
.onoffswitch-inner:after {
content: "DRIBBLER";
padding-left: 37px;
background-color: red; color: black;
text-align:left;
}
.onoffswitch-switch {
display: block; width: 30px; margin: 5.5px;
background: #34A7C1;
position: absolute; top: 0; bottom: 0;
border: 2px solid #FFFFFF; border-radius: 50px;
transition: all 0.4s ease-in 0s;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
right: 0px;
background-color: #A1A1A1;
.red {
background-color: "red";
margin-left: 15%;
}

@ -9,11 +9,8 @@
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<link rel="stylesheet" href="basket.css">
<title>Basket</title>
</head>
<body>
<!-- Navbar -->
<nav class="navbar navbar-expand-lg navbar-light" id="barre_nav">
<div id="titre">
@ -49,16 +46,9 @@
Partager
</a>
<div class="dropdown-menu text-white" aria-labelledby="navbarDropdown">
<a href="#" class="button dropdown-item" id="btn-download">PNG</a>
<a class="dropdown-item" href="#">PDF</a>
<div class="dropdown-divider"></div>
<script src="https://cdn.jsdelivr.net/npm/three@0.118.3/build/three.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.5.3/jspdf.debug.js" integrity="sha384-NaWTHo/8YCBYJ59830LTz/P4aQZK1sS0SneOgAvhsIl3zBu8r9RevNg5lHCHAuQ/" crossorigin="anonymous"></script>
<button class="dropdown-item" id="download">Download</button>
<a class="dropdown-item" href="#">JPG</a>
</div>
</li>
<li class="nav-item">
@ -93,13 +83,13 @@
</h6>
<ul class="nav flex-column" id="ul">
<li class="nav-item">
<a class="nav-link" onclick="ajouterjoueur()" href="#">
<a class="nav-link" onclick="ajouterjoueur()" id="bouttonattaquant">
<span data-feather="file"></span>
ATTAQUANT
</a>
</li>
<li class="nav-item" id="bouttonadd">
<a class="nav-link " onclick="ajouteradversaire()" href="#">
<a class="nav-link " onclick="ajouteradversaire()" id="bouttonadversaire">
<span data-feather="shopping-cart"></span>
DÉFENSEUR
</a>
@ -113,50 +103,65 @@
</h6>
<ul class="nav flex-column mb-2" id="ul">
<li class="nav-item">
<a class="nav-link" onclick="triggerfairepasse()"href="#">
<a class="nav-link" onclick="triggerfairepasse()" id="bouttonpasse">
<span data-feather="file-text"></span>
PASSE
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">
<a class="nav-link" onclick="deplace()" id="bouttondeplacer">
<span data-feather="file-text"></span>
DÉPLACER
</a>
</li>
<li class="nav-item" id="Dribble">
<div class="onoffswitch">
<input type="checkbox" name="onoffswitch" class="onoffswitch-checkbox" id="myonoffswitch" tabindex="0" checked>
<label class="onoffswitch-label" for="myonoffswitch">
<span class="onoffswitch-inner"></span>
<span class="onoffswitch-switch"></span>
</label>
</div>
<li class="nav-item">
<a class="nav-link" onclick="dribble()" id="bouttondribbler">
<span data-feather="file-text"></span>
DRIBBLER
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">
<a class="nav-link" id="bouttonecran">
<span data-feather="file-text"></span>
ÉCRAN
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">
<a class="nav-link" onclick="tire()" id="bouttontirer">
<span data-feather="file-text"></span>
TIRER
</a>
</li>
<li class="nav-item">
<a class="nav-link" onclick="retourarriere()" href="#">
<a class="nav-link" onclick="retourarriere()" id="bouttonretour">
<span data-feather="file-text"></span>
RETOUR ARRIERE
</a>
</li>
<li class="nav-item">
<a class="nav-link" onclick="triggerdonnerlaballe()" href="#">
<a class="nav-link" onclick="triggerdonnerlaballe()" id="bouttondonner">
<span data-feather="file-text"></span>
DONNER LA BALLE
</a>
</li>
<li class="nav-item">
<a class="nav-link" onclick="" id="bouttoneffacer">
<span data-feather="file-text"></span>
EFFACER
</a>
</li>
<li class="nav-item">
<a class="nav-link" onclick="influer()" id="bouttoninfluence">
<span data-feather="file-text"></span>
ZONE D'INFLUENCE
</a>
</li>
<li class="nav-item">
<a class="nav-link" onclick="editer()" id="bouttonediter">
<span data-feather="file-text"></span>
EDITER
</a>
</li>
</ul>
</div>
</div>
@ -186,11 +191,11 @@
<div class="boutons">
<button type="button" class="btn btn-warning">
<img src="fleche_gauche.png" height="30">
<img src="flèche_gauche.png" height="30">
</button>
<button type="button" class="btn btn-warning">
<img src="fleche_droite.png" height="30">
<img src="flèche_droite.png" height="30">
</button>
</div>
@ -231,11 +236,8 @@
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="rectest.js"></script>
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.min.js" integrity="sha384-w1Q4orYjBQndcko6MimVbzY0tgp4pWB4lZ7lr30WKz0vr/aWKhXdBNmNb5D92v7s" crossorigin="anonymous"></script>
</body>
</html>

File diff suppressed because it is too large Load Diff
Loading…
Cancel
Save