Golfier
theo 5 years ago
commit d527f56e83

@ -56,7 +56,7 @@
> >
> Carte <- Carte * Inv; > Carte <- Carte * Inv;
> >
###FIN ### FIN
--- ---
**rotationHorizontale(Carte:Tableau(4,3) d'entiers)** :Carte:Tableau(4,3) d'entiers **rotationHorizontale(Carte:Tableau(4,3) d'entiers)** :Carte:Tableau(4,3) d'entiers
@ -78,7 +78,7 @@
> >
> Carte <- Carte2'; > Carte <- Carte2';
> >
###FIN ### FIN
## RECHERCHE COORDONNEES## ## RECHERCHE COORDONNEES##
@ -89,7 +89,7 @@
**Sortie** : xCercle,yCercle,xPoint,yPoint entiers **Sortie** : xCercle,yCercle,xPoint,yPoint entiers
###Debut### ### Debut
>###Variables Locales >###Variables Locales
> Cox,Coy : entiers > Cox,Coy : entiers
> >

@ -63,9 +63,9 @@
> >
>retourne 0 >retourne 0
###FIN ### FIN
##COMPARAISON TOTAL DE LA CARTE ## COMPARAISON TOTAL DE LA CARTE
**ComparaisonTotal(CarteMere:Matrice(4,3) d'entiers,CarteFille:Matrice(4,3), index entier)**:entier,Tableau(4,3) d'entiers **ComparaisonTotal(CarteMere:Matrice(4,3) d'entiers,CarteFille:Matrice(4,3), index entier)**:entier,Tableau(4,3) d'entiers
@ -195,7 +195,7 @@
> >
### FIN ### FIN
#ASSEMBLAGE # ASSEMBLAGE
**Assemblage(TasDeCarte: Liste Matrice(4,3),CarteMere:Matrice(4,3)** :entier, Matrice(4,3) **Assemblage(TasDeCarte: Liste Matrice(4,3),CarteMere:Matrice(4,3)** :entier, Matrice(4,3)
@ -205,7 +205,7 @@
**Objectif** : Savoir si un tas de carte envoyé en paramètre peut être empiler ou non **Objectif** : Savoir si un tas de carte envoyé en paramètre peut être empiler ou non
###DEBUT ### DEBUT
>###Variable locale >###Variable locale
> >
>**Carte** Matrice(4,3) >**Carte** Matrice(4,3)
@ -351,4 +351,4 @@
> >
>**Fin si** >**Fin si**
> >
###FIN ### FIN

@ -343,7 +343,7 @@ body{
} }
/*DemTéléphone 1i Ecran*/ /*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{ .anneau{
box-sizing: border-box; box-sizing: border-box;
background-color: #DE3030; background-color: #DE3030;

@ -1,6 +1,6 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head lang="fr">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>SwishGame</title> <title>SwishGame</title>
<link rel="stylesheet" type="text/css" href="css/style.css"> <link rel="stylesheet" type="text/css" href="css/style.css">
@ -138,273 +138,9 @@
</a> </a>
</div> </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>
<!--
<div id="card-conteneur">
</div>-->
</div> </div>
</body> </body>

@ -59,6 +59,7 @@ function journuit(){
function lancerpartie(){ function lancerpartie(){
document.getElementById("pageAccueil").style.visibility = "hidden"; document.getElementById("pageAccueil").style.visibility = "hidden";
creecarte();
document.getElementById("pageGame").style.visibility = "visible"; document.getElementById("pageGame").style.visibility = "visible";
} }
@ -67,23 +68,44 @@ function retour(){
document.getElementById("pageGame").style.visibility = "hidden"; document.getElementById("pageGame").style.visibility = "hidden";
} }
//PARTIE SELECTION function creecarte(){
function selectioncarte(lcarte){ for (var j = 1; j <= 16; j++) {
lacarte = "card"+ lcarte ; //lien clicable
if(document.getElementById(lacarte).style.boxShadow != "") var newlink = document.createElement('a');
{ newlink.id = j;
var pos = carteselect.indexOf(lacarte); //fonction de selection
carteselect.splice(pos, 1); newlink.onclick = function selectioncarte(){
document.getElementById(lacarte).style.boxShadow = ""; macarte = this.id;
} lacarte = "card"+macarte;
else{ if(document.getElementById(lacarte).style.boxShadow != "")
if(carteselect.length < 5) {
{ var pos = carteselect.indexOf(lacarte);
carteselect.push(lacarte); carteselect.splice(pos, 1);
document.getElementById(lacarte).style.boxShadow = "0 0 1vw red, 0 0 1vw red"; document.getElementById(lacarte).style.boxShadow = "";
}
else{
if(carteselect.length < 5)
{
carteselect.push(lacarte);
document.getElementById(lacarte).style.boxShadow = "0 0 1vw red, 0 0 1vw red";
}
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);
} }
else newlink.appendChild(divconteneur);
window.alert("Bonjour !"); document.getElementById("containcards").appendChild(newlink);
} }
} }
@ -92,8 +114,6 @@ function selectioncarte(lcarte){
/* /*
Je n'avais rien à faire, je me suis amusé à faire l'ajout des joueurs Je n'avais rien à faire, je me suis amusé à faire l'ajout des joueurs
function addplayer(){ function addplayer(){

Loading…
Cancel
Save