pascal.lafourcade
/
swish
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge branch 'master' of https://gitlab.iut-clermont.uca.fr/palafour/swish into master

Browse Source
Golfier
theo 5 years ago
parent 63fb746ddd 6dff18df59
commit d527f56e83
5 changed files with 62 additions and 306 deletions
Show Stats Download Patch File Download Diff File

2
Doc/Algorithme/Algo_Generation-Manipulation_Carte.md
Unescape View File

@ -89,7 +89,7 @@
**Sortie** : xCercle,yCercle,xPoint,yPoint entiers
###Debut###
### Debut
>###Variables Locales
> Cox,Coy : entiers
>

2
src/css/style.css
Unescape View File

@ -343,7 +343,7 @@ body{
}
/*DemTéléphone 1i Ecran*/
@media screen and (min-width: 350px) and (max-height: 850px) {
@media screen and (max-width: 550px) and (max-height: 850px) {
.anneau{
box-sizing: border-box;
background-color: #DE3030;

268
src/index.html
Unescape View File

@ -1,6 +1,6 @@
<!DOCTYPE html>
<html>
<head>
<head lang="fr">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>SwishGame</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
@ -138,273 +138,9 @@
</a>
</div>
<div id="containcards" class="containcards">
<div class="containcards">
<a onclick="selectioncarte(1)">
<div class="flex-item" id="card1">
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
</div>
</a>
<a onclick="selectioncarte(2)">
<div class="flex-item" id="card2">
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
</div>
</a>
<a onclick="selectioncarte(3)">
<div class="flex-item" id="card3">
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
</div>
</a>
<a onclick="selectioncarte(4)">
<div class="flex-item" id="card4">
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
</div>
</a>
<a onclick="selectioncarte(5)">
<div class="flex-item" id="card5">
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
</div>
</a>
<a onclick="selectioncarte(6)">
<div class="flex-item" id="card6">
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
</div>
</a>
<a onclick="selectioncarte(7)">
<div class="flex-item" id="card7">
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
</div>
</a>
<a onclick="selectioncarte(8)">
<div class="flex-item" id="card8">
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
</div>
</a>
<a onclick="selectioncarte(9)">
<div class="flex-item" id="card9">
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
</div>
</a>
<a onclick="selectioncarte(10)">
<div class="flex-item" id="card10">
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
</div>
</a>
<a onclick="selectioncarte(11)">
<div class="flex-item" id="card11">
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
</div>
</a>
<a onclick="selectioncarte(12)">
<div class="flex-item" id="card12">
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
</div>
</a>
<a onclick="selectioncarte(13)">
<div class="flex-item" id="card13">
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
</div>
</a>
<a onclick="selectioncarte(14)">
<div class="flex-item" id="card14">
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
</div>
</a>
<a onclick="selectioncarte(15)">
<div class="flex-item" id="card15">
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
</div>
</a>
<a onclick="selectioncarte(16)">
<div class="flex-item" id="card16">
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
<div class="item-form"></div>
</div>
</a>
</div>
<!--
<div id="card-conteneur">
</div>-->
</div>
</body>

30
src/js/main.js
Unescape View File

@ -59,6 +59,7 @@ function journuit(){
function lancerpartie(){
document.getElementById("pageAccueil").style.visibility = "hidden";
creecarte();
document.getElementById("pageGame").style.visibility = "visible";
}
@ -67,9 +68,15 @@ function retour(){
document.getElementById("pageGame").style.visibility = "hidden";
}
//PARTIE SELECTION
function selectioncarte(lcarte){
lacarte = "card"+ lcarte ;
function creecarte(){
for (var j = 1; j <= 16; j++) {
//lien clicable
var newlink = document.createElement('a');
newlink.id = j;
//fonction de selection
newlink.onclick = function selectioncarte(){
macarte = this.id;
lacarte = "card"+macarte;
if(document.getElementById(lacarte).style.boxShadow != "")
{
var pos = carteselect.indexOf(lacarte);
@ -85,9 +92,22 @@ function selectioncarte(lcarte){
else
window.alert("Bonjour !");
}
};
//div carte
var divconteneur = document.createElement('div');
divconteneur.className = "flex-item";
divconteneur.id = "card"+j;
//div case
//ICI A VOIR POUR AJOUTER LES FORMES EN FONCTION DE LA MATRICE
for (var i = 0; i < 12; i++) {
var divcase = document.createElement('div');
divcase.className = "item-form";
divconteneur.appendChild(divcase);
}
newlink.appendChild(divconteneur);
document.getElementById("containcards").appendChild(newlink);
}
}

Write Preview
Loading…
Cancel
Save