Quellcode durchsuchen

creation de l'interface web

master
heuzef vor 10 Jahren
Ursprung
Commit
3e3098040b
8 geänderte Dateien mit 363 neuen und 168 gelöschten Zeilen
  1. +2
    -2
      css/bootstrap.css
  2. +189
    -142
      index.php
  3. +0
    -20
      music.php
  4. +3
    -3
      play/action.php
  5. +1
    -1
      play/gamers.php
  6. +148
    -0
      play/index.php
  7. +20
    -0
      play/music.php
  8. +0
    -0
      scenarios/scenario_1.odt

+ 2
- 2
css/bootstrap.css Datei anzeigen

@@ -1,7 +1,7 @@
/*!
@import url("//fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700,400italic");
/*!
* Bootswatch v3.1.1+1
* Homepage: http://bootswatch.com
* Homepage: http://bootswatch.com/lumen/
* Copyright 2012-2014 Thomas Park
* Licensed under MIT
* Based on Bootstrap


+ 189
- 142
index.php Datei anzeigen

@@ -1,148 +1,195 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Ecomonde</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="./css/bootstrap.css" media="screen">
<link rel="stylesheet" href="./css/bootswatch.min.css">
<link rel="stylesheet" href="./css/ecomonde.css">
</head>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Ecomonde</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="./css/bootstrap.css" media="screen">
<link rel="stylesheet" href="./css/bootswatch.min.css">
<link rel="stylesheet" href="./css/ecomonde.css">
</head>

<body>
<div class="container-fluid">
<div class="col-lg-4">
<img class="img-responsive" src="./img/logo_<?php echo rand(1, 6); ?>.png" alt="logo" />
<div class="container-fluid">
<div class="col-lg-2">
<button class="btn btn-default btn-sm" data-toggle="collapse" data-parent="#accordion" href="#collapseOne"><i class="glyphicon glyphicon-map-marker"></i></button>
</div>
<div class="col-lg-2">
<a onclick="window.open('music.php?sample=soft.mp3','ecomonde','menubar=no, scrollbars=no, top=100, left=50, width=320, height=100');"><button class="btn btn-default btn-sm"><i class="glyphicon glyphicon-music" style="color:#CCC;"></i></button></a>
</div>
<div class="col-lg-2">
<a onclick="window.open('music.php?sample=tonic.mp3','ecomonde','menubar=no, scrollbars=no, top=100, left=50, width=320, height=100');"><button class="btn btn-default btn-sm"><i class="glyphicon glyphicon-music" style="color:#AAA;"></i></button></a>
</div>
<div class="col-lg-2">
<a onclick="window.open('music.php?sample=hard.mp3','ecomonde','menubar=no, scrollbars=no, top=100, left=50, width=320, height=100');"><button class="btn btn-default btn-sm"><i class="glyphicon glyphicon-music" style="color:#000;"></i></button></a>
</div>
<div class="col-lg-2">
<a onclick="window.open('music.php?sample=light.mp3','ecomonde','menubar=no, scrollbars=no, top=100, left=50, width=320, height=100');"><button class="btn btn-default btn-sm"><i class="glyphicon glyphicon-music" style="color:#ADDFFF;"></i></button></a>
</div>
<div class="col-lg-2">
<a onclick="window.open('music.php?sample=dark.mp3','ecomonde','menubar=no, scrollbars=no, top=100, left=50, width=320, height=100');"><button class="btn btn-default btn-sm"><i class="glyphicon glyphicon-music" style="color:#8128B5;"></i></button></a>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="well sponsor">
<h2>Ecos</h2>
<h4>10 <i class="glyphicon glyphicon-flash" style="color:#FFD700;"></i> = 1 <i class="glyphicon glyphicon-fire" style="color:#AAA;"></i>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 1 <i class="glyphicon glyphicon-fire" style="color:#28b62c;"></i> = 2 <i class="glyphicon glyphicon-heart" style="color:red;"></i></h4>
<h4><i class="glyphicon glyphicon-fire" style="color:#28b62c;"></i> + <i class="glyphicon glyphicon-fire" style="color:#158cba;"></i> + <i class="glyphicon glyphicon-fire" style="color:#ffd000;"></i> + <i class="glyphicon glyphicon-fire" style="color:#ff4136;"></i> = <i class="glyphicon glyphicon-fire" style="color:#ADDFFF;"></i> ou <i class="glyphicon glyphicon-fire" style="color:#8128B5;"></i></h4>
</div>
</div>
<div class="col-lg-4">
<div class="well sponsor">
<h2>Action</h2>
<h4>Transfert d'ecos : 1 <i class="glyphicon glyphicon-fire" style="color:#AAA;"></i>&nbsp;<i class="glyphicon glyphicon-resize-horizontal";></i>&nbsp; 1 <i class="glyphicon glyphicon-fire" style="color:#AAA;"></i> = 1 <i class="glyphicon glyphicon-flash" style="color:#FFD700;"></i>&nbsp;<i class="glyphicon glyphicon-resize-horizontal";></i>&nbsp; 1 <i class="glyphicon glyphicon-flash" style="color:#FFD700;"></i>
<h4>Transformation Light ou Dark = 1 <button class="btn btn-default btn-xs" data-toggle="modal" data-target="#infos"><i class="glyphicon glyphicon-fire" style="color:#ADDFFF;"></i> ou <i class="glyphicon glyphicon-fire" style="color:#8128B5;"></i></button></h4>
</div>
</div>
</div>
<div class="panel-group" id="accordion">
<div class="panel panel-default">
<div id="collapseOne" class="panel-collapse collapse">
<div class="panel-body">
<img class="img-responsive" src="./img/map.jpg" alt="map" />
</div>
</div>
</div>
</div>
<div class="container-fluid">
<?php
// nombre de gamers
$f = 0;
foreach(glob('*.xml') as $f) {$f+=1;}
$nb_membres = count(glob('./gamers/*.xml'));
?>
<body>
<div class="container-fluid">
<div class="col-lg-1"></div>
<div class="col-lg-3">
<a href="#"><img class="img-responsive" src="./img/logo_<?php echo rand(1, 6); ?>.png" alt="logo" /></a>
</div>
<div class="col-lg-6">
<div class="navbar navbar-default">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-responsive-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="navbar-collapse collapse navbar-responsive-collapse">
<ul class="nav navbar-nav">
<li><a href="http://wiki.ecomonde.land"><i class="glyphicon glyphicon-book"></i>&nbsp;&nbsp;WIKI</a></li>
<li><a href="https://github.com/heuzef/ecomonde"><i class="glyphicon glyphicon-new-window"></i>&nbsp;&nbsp;GITHUB</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li><a href="#"><i class="glyphicon glyphicon-log-out"></i>&nbsp;&nbsp;DECONNEXION</a></li>
</ul>
</div>
</div>
</div>
<div class="col-lg-1"></div>
</div>
<hr />

<?php
// fonctions
function button_modif_hp($nom_parametre, $nom_perso, $texte_bouton)
{
echo '<form action="action.php?'.$nom_parametre.'&amp;entry='.$nom_perso.'" method="post"><button type="submit" class="btn btn-default btn-xs" style="float:left;">'.$texte_bouton.'</button></form>';
}
function button_modif_xp($nom_parametre, $nom_perso, $texte_bouton)
{
echo '<form action="action.php?'.$nom_parametre.'&amp;entry='.$nom_perso.'" method="post"><button type="submit" class="btn btn-default btn-xs" style="float:left;">'.$texte_bouton.'</button></form>';
}
function trans($nom_parametre, $nom_perso, $couleur)
{
echo '<form action="action.php?'.$nom_parametre.'&amp;entry='.$nom_perso.'" method="post"><button type="submit" class="btn btn-default btn-xs" style="float:right;"><i class="glyphicon glyphicon-fire" style="color:'.$couleur.'";></i></button></form>';
}
function button_modif_ecos($nom_parametre, $nom_perso, $texte_bouton)
{
echo '<form action="action.php?'.$nom_parametre.'&amp;entry='.$nom_perso.'" method="post"><button type="submit" class="btn btn-default btn-xs">'.$texte_bouton.'</button></form>';
}
<!-- <div class="container-fluid">
<div class="col-lg-1"></div>
<div class="col-lg-5">
<h2>Présentation</h2>
<p><strong>EcoMonde est un jeux de rôle d'aventure interactif.</strong></p>
<p class="text-success">Celui-ci dispose d'une interface de jeu permetant aux Maître de Jeux de contrôler la partie directement sans avoir besoin de matériel.</p>
<p class="text-primary">Pas besoin de feuille, de dés, de stylo ou autre. Mais uniquement d'un écran. Tous est automatisé.</p>
<p class="text-warning">Le Maître de Jeux peut ensuite créer sa partie en s'appuyant sur tous les outils existants.</p>
<p class="text-danger">Un <a href="http://wiki.ecomonde.land"><i class="glyphicon glyphicon-book"></i>&nbsp;&nbsp;WIKI</a> est à disposition pour un plus grand partages de ressources.</p>
</div>
<div class="col-lg-5">
<h2>Créer un compte</h2>
<form class="form-horizontal well">
<fieldset>
<div class="form-group">
<label for="pseudo" class="col-lg-3 control-label">Pseudo</label>
<div class="col-lg-9">
<input type="text" class="form-control" id="pseudo" placeholder="Pseudo">
</div>
</div>
<div class="form-group">
<label for="Email" class="col-lg-3 control-label">E-mail</label>
<div class="col-lg-9">
<input type="text" class="form-control" id="Email" placeholder="E-mail">
</div>
</div>
<div class="form-group">
<label for="password" class="col-lg-3 control-label">Mot de passe</label>
<div class="col-lg-9">
<input type="password" class="form-control" id="password" placeholder="Mot de passe">
</div>
</div>
<div class="form-group">
<div class="col-lg-9 col-lg-offset-3">
<button type="submit" class="btn btn-primary"><i class="glyphicon glyphicon-ok"></i>&nbsp;&nbsp;OK</button>
</div>
</div>
</fieldset>
</form>
</div>
<div class="col-lg-1"></div>
</div> -->

// liste des gamers
$folder = "gamers";
$dossier = opendir($folder);
while ($fichier = readdir($dossier))
{
if ($fichier != "." && $fichier != ".." )
{
$gamers = explode(".xml", $fichier);
include ("gamers.php");
}
}
closedir($dossier);
?>
</div>

<!-- infos -->
<div class="modal fade" id="infos" tabindex="-1" role="dialog" aria-labelledby="infos" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body">
<div class="container-fluid">
<div class="col-lg-6">
<div class="panel panel-light">
<div class="panel-heading">
<h3 class="panel-title">Light</h3>
</div>
<div class="panel-body">
<img class="img-responsive" src="./img/light.jpg" alt="light" /><br />
<p class="p_light">Light Heal</p>
<p class="p_light">Light Shield</p>
<p class="p_light">Stop Time</p>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="panel panel-dark">
<div class="panel-heading">
<h4 class="panel-title">Dark</h4>
</div>
<div class="panel-body">
<img class="img-responsive" src="./img/dark.jpg" alt="light" /><br />
<p class="p_dark">Dark Punch</p>
<p class="p_dark">Dark Bomb</p>
<p class="p_dark">Invisibility</p>
</div>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Fermer</button>
</div>
</div>
</div>
</div>

<script src="./js/jquery-1.10.2.min.js"></script>
<script src="./js/bootstrap.min.js"></script>
<script src="./js/bootswatch.js"></script>
</body>
<div class="container-fluid">
<div class="col-lg-1"></div>
<div class="col-lg-4">
<div class="panel panel-default">
<div class="panel-heading"><i class="glyphicon glyphicon-cog"></i>&nbsp;&nbsp;<strong>Configurer votre partie</strong></div>
<div class="panel-body">
<p>
<a href="play" class="btn btn-info btn-lg"><i class="glyphicon glyphicon-play"></i>&nbsp;&nbsp;Lancer votre partie</a>
<p>
<hr />
<p>
<a href="#" class="btn btn-default btn-lg"><i class="glyphicon glyphicon-plus"></i>&nbsp;&nbsp;Créer un joueur</a>
</p>
<hr />
<p>
<a href="#" class="btn btn-default btn-lg"><i class="glyphicon glyphicon-import"></i>&nbsp;&nbsp;Importer un joueur (.XML)</a>
</p>
<hr />
<p>
<a href="play" class="btn btn-danger btn-lg"><i class="glyphicon glyphicon-remove"></i>&nbsp;&nbsp;Supprimer votre partie</a>
</p>
</div>
</div>
</div>
<div class="col-lg-6 well">
<h2>Bienvenue Heuzef !</h2>
<p>Voici les joueurs présent dans votre partie :</p>
<table class="table table-striped table-hover ">
<thead>
<tr>
<th></th>
<th>Nom</th>
<th><i class="glyphicon glyphicon-heart" style="color:red;"></i></th>
<th><i class="glyphicon glyphicon-flash" style="color:#FFD700;"></i></th>
<th><i class="glyphicon glyphicon-fire"></i></th>
<th><i class="glyphicon glyphicon-fire"></i></th>
<th><i class="glyphicon glyphicon-fire"></i></th>
<th><i class="glyphicon glyphicon-fire"></i></th>
<th><i class="glyphicon glyphicon-fire"></i></th>
<th><i class="glyphicon glyphicon-fire"></i></th>
<th><i class="glyphicon glyphicon-fire"></i></th>
<th><i class="glyphicon glyphicon-fire"></i></th>
</tr>
</thead>
<tbody>
<tr class="active">
<td><a href="#" class="btn btn-danger btn-xs"><i class="glyphicon glyphicon-trash"></i></a>&nbsp;&nbsp;<a href="#" class="btn btn-success btn-xs"><i class="glyphicon glyphicon-export"></i></a></td>
<td>Pseudonyme</td>
<td>0</td>
<td>0</td>
<td>0</td>
<td>0</td>
<td>0</td>
<td>0</td>
<td>0</td>
<td>0</td>
<td>0</td>
<td>0</td>
</tr>
<tr class="active">
<td><a href="#" class="btn btn-danger btn-xs"><i class="glyphicon glyphicon-trash"></i></a>&nbsp;&nbsp;<a href="#" class="btn btn-success btn-xs"><i class="glyphicon glyphicon-export"></i></a></td>
<td>Pseudonyme</td>
<td>0</td>
<td>0</td>
<td>0</td>
<td>0</td>
<td>0</td>
<td>0</td>
<td>0</td>
<td>0</td>
<td>0</td>
<td>0</td>
</tr>
<tr class="active">
<td><a href="#" class="btn btn-danger btn-xs"><i class="glyphicon glyphicon-trash"></i></a>&nbsp;&nbsp;<a href="#" class="btn btn-success btn-xs"><i class="glyphicon glyphicon-export"></i></a></td>
<td>Pseudonyme</td>
<td>0</td>
<td>0</td>
<td>0</td>
<td>0</td>
<td>0</td>
<td>0</td>
<td>0</td>
<td>0</td>
<td>0</td>
<td>0</td>
</tr>
<tr class="active">
<td><a href="#" class="btn btn-danger btn-xs"><i class="glyphicon glyphicon-trash"></i></a>&nbsp;&nbsp;<a href="#" class="btn btn-success btn-xs"><i class="glyphicon glyphicon-export"></i></a></td>
<td>Pseudonyme</td>
<td>0</td>
<td>0</td>
<td>0</td>
<td>0</td>
<td>0</td>
<td>0</td>
<td>0</td>
<td>0</td>
<td>0</td>
<td>0</td>
</tr>
</tbody>
</table>
</div>
<div class="col-lg-1"></div>
</div>
<script src="./js/jquery-1.10.2.min.js"></script>
<script src="./js/bootstrap.min.js"></script>
<script src="./js/bootswatch.js"></script>
</body>
</html>

+ 0
- 20
music.php Datei anzeigen

@@ -1,20 +0,0 @@
<?php
$sample=$_GET["sample"];

if ($sample=="soft.mp3") {
echo '<audio src="./music/'.$sample.'" controls autoplay loop>Format non supporté.</audio>';
}
if ($sample=="tonic.mp3") {
echo '<audio src="./music/'.$sample.'" controls autoplay loop>Format non supporté.</audio>';
}
if ($sample=="hard.mp3") {
echo '<audio src="./music/'.$sample.'" controls autoplay loop>Format non supporté.</audio>';
}
if ($sample=="light.mp3") {
echo '<audio src="./music/'.$sample.'" controls autoplay loop>Format non supporté.</audio>';
}
if ($sample=="dark.mp3") {
echo '<audio src="./music/'.$sample.'" controls autoplay loop>Format non supporté.</audio>';
}

?>

action.php → play/action.php Datei anzeigen

@@ -4,11 +4,11 @@ $nom_modif="";
if (isset($_GET['entry'])) {
$nom_modif = $_GET['entry'];
} else {
header("location: index.php");
header("location: ./index.php");
end;
}
$xml = simplexml_load_file('./gamers/'.$nom_modif.'.xml');
$xml = simplexml_load_file('../gamers/'.$nom_modif.'.xml');
if (isset($_GET['hp_plus']) && $xml->entry->hp<10) {
$xml->entry->hp++;
@@ -93,6 +93,6 @@ if (isset($_GET['edit_notes'])) {
$xml->entry->notes = $_POST["notes"];
}
$xml->asXml('./gamers/'.$nom_modif.'.xml');
$xml->asXml('../gamers/'.$nom_modif.'.xml');
header("location: index.php");
?>

gamers.php → play/gamers.php Datei anzeigen

@@ -1,6 +1,6 @@
<?php
$xml = simplexml_load_file('./gamers/'.$fichier);
$xml = simplexml_load_file('../gamers/'.$fichier);
if (!isset($itemnb)) {
$itemnb=0;
} else {

+ 148
- 0
play/index.php Datei anzeigen

@@ -0,0 +1,148 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Ecomonde</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="../css/bootstrap.css" media="screen">
<link rel="stylesheet" href="../css/bootswatch.min.css">
<link rel="stylesheet" href="../css/ecomonde.css">
</head>

<body>
<div class="container-fluid">
<div class="col-lg-4">
<img class="img-responsive" src="../img/logo_<?php echo rand(1, 6); ?>.png" alt="logo" />
<div class="container-fluid">
<div class="col-lg-2">
<button class="btn btn-default btn-sm" data-toggle="collapse" data-parent="#accordion" href="#collapseOne"><i class="glyphicon glyphicon-map-marker"></i></button>
</div>
<div class="col-lg-2">
<a onclick="window.open('music.php?sample=soft.mp3','ecomonde','menubar=no, scrollbars=no, top=100, left=50, width=320, height=100');"><button class="btn btn-default btn-sm"><i class="glyphicon glyphicon-music" style="color:#CCC;"></i></button></a>
</div>
<div class="col-lg-2">
<a onclick="window.open('music.php?sample=tonic.mp3','ecomonde','menubar=no, scrollbars=no, top=100, left=50, width=320, height=100');"><button class="btn btn-default btn-sm"><i class="glyphicon glyphicon-music" style="color:#AAA;"></i></button></a>
</div>
<div class="col-lg-2">
<a onclick="window.open('music.php?sample=hard.mp3','ecomonde','menubar=no, scrollbars=no, top=100, left=50, width=320, height=100');"><button class="btn btn-default btn-sm"><i class="glyphicon glyphicon-music" style="color:#000;"></i></button></a>
</div>
<div class="col-lg-2">
<a onclick="window.open('music.php?sample=light.mp3','ecomonde','menubar=no, scrollbars=no, top=100, left=50, width=320, height=100');"><button class="btn btn-default btn-sm"><i class="glyphicon glyphicon-music" style="color:#ADDFFF;"></i></button></a>
</div>
<div class="col-lg-2">
<a onclick="window.open('music.php?sample=dark.mp3','ecomonde','menubar=no, scrollbars=no, top=100, left=50, width=320, height=100');"><button class="btn btn-default btn-sm"><i class="glyphicon glyphicon-music" style="color:#8128B5;"></i></button></a>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="well sponsor">
<h2>Ecos</h2>
<h4>10 <i class="glyphicon glyphicon-flash" style="color:#FFD700;"></i> = 1 <i class="glyphicon glyphicon-fire" style="color:#AAA;"></i>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 1 <i class="glyphicon glyphicon-fire" style="color:#28b62c;"></i> = 2 <i class="glyphicon glyphicon-heart" style="color:red;"></i></h4>
<h4><i class="glyphicon glyphicon-fire" style="color:#28b62c;"></i> + <i class="glyphicon glyphicon-fire" style="color:#158cba;"></i> + <i class="glyphicon glyphicon-fire" style="color:#ffd000;"></i> + <i class="glyphicon glyphicon-fire" style="color:#ff4136;"></i> = <i class="glyphicon glyphicon-fire" style="color:#ADDFFF;"></i> ou <i class="glyphicon glyphicon-fire" style="color:#8128B5;"></i></h4>
</div>
</div>
<div class="col-lg-4">
<div class="well sponsor">
<h2>Action</h2>
<h4>Transfert d'ecos : 1 <i class="glyphicon glyphicon-fire" style="color:#AAA;"></i>&nbsp;<i class="glyphicon glyphicon-resize-horizontal";></i>&nbsp; 1 <i class="glyphicon glyphicon-fire" style="color:#AAA;"></i> = 1 <i class="glyphicon glyphicon-flash" style="color:#FFD700;"></i>&nbsp;<i class="glyphicon glyphicon-resize-horizontal";></i>&nbsp; 1 <i class="glyphicon glyphicon-flash" style="color:#FFD700;"></i>
<h4>Transformation Light ou Dark = 1 <button class="btn btn-default btn-xs" data-toggle="modal" data-target="#infos"><i class="glyphicon glyphicon-fire" style="color:#ADDFFF;"></i> ou <i class="glyphicon glyphicon-fire" style="color:#8128B5;"></i></button></h4>
</div>
</div>
</div>
<div class="panel-group" id="accordion">
<div class="panel panel-default">
<div id="collapseOne" class="panel-collapse collapse">
<div class="panel-body">
<img class="img-responsive" src="../img/map.jpg" alt="map" />
</div>
</div>
</div>
</div>
<div class="container-fluid">
<?php
// nombre de gamers
$f = 0;
foreach(glob('*.xml') as $f) {$f+=1;}
$nb_membres = count(glob('../gamers/*.xml'));
?>

<?php
// fonctions
function button_modif_hp($nom_parametre, $nom_perso, $texte_bouton)
{
echo '<form action="action.php?'.$nom_parametre.'&amp;entry='.$nom_perso.'" method="post"><button type="submit" class="btn btn-default btn-xs" style="float:left;">'.$texte_bouton.'</button></form>';
}
function button_modif_xp($nom_parametre, $nom_perso, $texte_bouton)
{
echo '<form action="action.php?'.$nom_parametre.'&amp;entry='.$nom_perso.'" method="post"><button type="submit" class="btn btn-default btn-xs" style="float:left;">'.$texte_bouton.'</button></form>';
}
function trans($nom_parametre, $nom_perso, $couleur)
{
echo '<form action="action.php?'.$nom_parametre.'&amp;entry='.$nom_perso.'" method="post"><button type="submit" class="btn btn-default btn-xs" style="float:right;"><i class="glyphicon glyphicon-fire" style="color:'.$couleur.'";></i></button></form>';
}
function button_modif_ecos($nom_parametre, $nom_perso, $texte_bouton)
{
echo '<form action="action.php?'.$nom_parametre.'&amp;entry='.$nom_perso.'" method="post"><button type="submit" class="btn btn-default btn-xs">'.$texte_bouton.'</button></form>';
}

// liste des gamers
$folder = "../gamers";
$dossier = opendir($folder);
while ($fichier = readdir($dossier))
{
if ($fichier != "." && $fichier != ".." )
{
$gamers = explode(".xml", $fichier);
include ("gamers.php");
}
}
closedir($dossier);
?>
</div>

<!-- infos -->
<div class="modal fade" id="infos" tabindex="-1" role="dialog" aria-labelledby="infos" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body">
<div class="container-fluid">
<div class="col-lg-6">
<div class="panel panel-light">
<div class="panel-heading">
<h3 class="panel-title">Light</h3>
</div>
<div class="panel-body">
<img class="img-responsive" src="../img/light.jpg" alt="light" /><br />
<p class="p_light">Light Heal</p>
<p class="p_light">Light Shield</p>
<p class="p_light">Stop Time</p>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="panel panel-dark">
<div class="panel-heading">
<h4 class="panel-title">Dark</h4>
</div>
<div class="panel-body">
<img class="img-responsive" src="../img/dark.jpg" alt="light" /><br />
<p class="p_dark">Dark Punch</p>
<p class="p_dark">Dark Bomb</p>
<p class="p_dark">Invisibility</p>
</div>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Fermer</button>
</div>
</div>
</div>
</div>

<script src="../js/jquery-1.10.2.min.js"></script>
<script src="../js/bootstrap.min.js"></script>
<script src="../js/bootswatch.js"></script>
</body>
</html>

+ 20
- 0
play/music.php Datei anzeigen

@@ -0,0 +1,20 @@
<?php
$sample=$_GET["sample"];

if ($sample=="soft.mp3") {
echo '<audio src="../music/'.$sample.'" controls autoplay loop>Format non supporté.</audio>';
}
if ($sample=="tonic.mp3") {
echo '<audio src="../music/'.$sample.'" controls autoplay loop>Format non supporté.</audio>';
}
if ($sample=="hard.mp3") {
echo '<audio src="../music/'.$sample.'" controls autoplay loop>Format non supporté.</audio>';
}
if ($sample=="light.mp3") {
echo '<audio src="../music/'.$sample.'" controls autoplay loop>Format non supporté.</audio>';
}
if ($sample=="dark.mp3") {
echo '<audio src="../music/'.$sample.'" controls autoplay loop>Format non supporté.</audio>';
}

?>

scenario.odt → scenarios/scenario_1.odt Datei anzeigen


Laden…
Abbrechen
Speichern