215 lines
6.5 KiB
PHP
215 lines
6.5 KiB
PHP
<!DOCTYPE html>
|
|
|
|
<html>
|
|
<head>
|
|
<meta charset="utf8" />
|
|
<link rel="Stylesheet" href="style.css" />
|
|
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
|
|
<title>AskWeb (BETA)</title>
|
|
|
|
<script language="javascript">
|
|
var nbAnswer = 1;
|
|
function add()
|
|
{
|
|
var element = document.createElement("input");
|
|
|
|
element.setAttribute("type", "text");
|
|
element.setAttribute("id", "answer");
|
|
element.setAttribute("name", "answer" + nbAnswer);
|
|
nbAnswer++;
|
|
element.setAttribute("placeholder", "Nouvelle réponse");
|
|
|
|
var foo = document.getElementById("answerList");
|
|
foo.appendChild(element);
|
|
}
|
|
|
|
function hideShow(which)
|
|
{
|
|
if (!document.getElementById)
|
|
return
|
|
if (which.style.display == "block")
|
|
which.style.display = "none"
|
|
else
|
|
which.style.display = "block"
|
|
}
|
|
|
|
</script>
|
|
|
|
</head>
|
|
|
|
<body>
|
|
<header>
|
|
<div id="main_title">
|
|
<a href="http://www.h2g2.com" target="_blank">
|
|
<img src="marvin-robot_normal.png" alt="" id="banner"/>
|
|
</a>
|
|
<h1>Nemubot AskWeb (BETA)</h1>
|
|
</div>
|
|
</header>
|
|
|
|
<section id="introduction">
|
|
<a id="hideShow" href="#"><img id="arrowHide"
|
|
src="topArrow.png" alt="icon"/></a>
|
|
|
|
<script type="text/javascript">
|
|
$('#hideShow').click(function (event) {
|
|
event.preventDefault();
|
|
$('#intro_para').slideToggle("slow");
|
|
});
|
|
</script>
|
|
|
|
<article id="bonjour">
|
|
<h2>Bonjour</h2>
|
|
<p id="intro_para">
|
|
Bienvenue sur le site de questions de Nemubot. Vous pouvez ici
|
|
ajouter de nouvelles questions à Nemubot. Ces questions seront
|
|
posées sur le chan irc.
|
|
</p>
|
|
</article>
|
|
|
|
|
|
<a id="hideShowExp" href=""><img id="arrowHide"
|
|
src="topArrow.png" alt="icon"/></a>
|
|
|
|
<script type="text/javascript">
|
|
$('#hideShowExp').click(function (event) {
|
|
event.preventDefault();
|
|
$('#exp_para').slideToggle("slow");
|
|
});
|
|
</script>
|
|
|
|
|
|
<article id="explications">
|
|
|
|
<h2>Nemubot AskWeb en 3 étapes</h2>
|
|
<div id="exp_para">
|
|
<h3>Nouvelle question</h3>
|
|
<p>
|
|
Commencez par entrer votre question ainsi que la ou les réponses
|
|
associées. À noter que :
|
|
<ul>
|
|
<li>Il est conseillé d'indiquer plusieurs fois vos réponses
|
|
avec des variations telles que : "une chaussure"
|
|
et "chaussure"</li>
|
|
<li>Les questions possédant seulement 2 réponses possibles
|
|
n'ont pas beaucoup d'intêret</li>
|
|
</ul>
|
|
</p>
|
|
|
|
<h3>Confirmer votre question</h3>
|
|
<p>
|
|
Une fois la question ajoutée, un email vous a été envoyé pour que
|
|
vous confirmiez qu'il s'agit bien de vous. Cliquez sur le lien
|
|
pour confirmer.
|
|
</p>
|
|
|
|
<h3>Validation</h3>
|
|
<p>
|
|
Une fois confirmée, un email est envoyé à un autre membre du groupe
|
|
pour qu'il valide la question. S'il juge votre question fausse
|
|
ou éronée elle n'apparaitra jamais dans les qcm sur le chan.
|
|
</p>
|
|
</div>
|
|
</article>
|
|
</section>
|
|
|
|
<section id="hello">
|
|
<h2>Nouvelle question</h2>
|
|
<form id="formulaire" method="post" action="questions.php">
|
|
|
|
<section id="Form">
|
|
<aside id="info">
|
|
<img src="left_triangle2.gif" id="arrow" alt=""/>
|
|
<h3>Quelques détails</h3>
|
|
|
|
<p>
|
|
Le champ "De quelle matière s'agit-il ?" n'est là qu'a titre
|
|
indicatif. Il va permettre à la personne qui valide votre question
|
|
d'aller vérifier par lui même la véracité de votre réponse.
|
|
</p>
|
|
</aside>
|
|
|
|
<article id="list">
|
|
<label for="course">De quelle matière s'agit-il ?</label><br/>
|
|
|
|
<select name="course" id="course">
|
|
|
|
<optgroup label="Cours communs">
|
|
<option value="SGBD">SGBD</option>
|
|
<option value="CompressionDeDonnées">
|
|
Compression de données</option>
|
|
<option value="ProtocolesDeLiaisons">
|
|
Protocoles De Liaisons</option>
|
|
<option value="TYLA">TYLA</option>
|
|
<option value="ActiveDirectory">
|
|
Active Directory</option>
|
|
<option value="GrapheFlotReseau">
|
|
Graphes Flots Reseaux</option>
|
|
</optgroup>
|
|
|
|
<optgroup label="Electif">
|
|
<option value="RXAN">RXAN</option>
|
|
</optgroup>
|
|
|
|
<optgroup label="TDA">
|
|
<option value="TYLA">TYLA</option>
|
|
<option value="CCMP">CCMP</option>
|
|
<option value="SLPS">SLPS</option>
|
|
<option value="FMPS">FMPS</option>
|
|
</optgroup>
|
|
|
|
<optgroup label="MTM">
|
|
<option value="ITIL">ITIL</option>
|
|
<option value="Qualite">Qualité</option>
|
|
</optgroup>
|
|
|
|
<optgroup label="Autre">
|
|
<option value="Autre" selected>Autre</option>
|
|
</optgroup>
|
|
</select>
|
|
</article>
|
|
|
|
<aside id="info">
|
|
<img src="left_triangle2.gif" id="arrow2" alt=""/>
|
|
<h3>La question</h3>
|
|
<p>
|
|
La question sera afficher sur 1 ligne. Donc pas la peine de
|
|
faire de retour à la ligne.
|
|
<p>
|
|
</aside>
|
|
|
|
<article>
|
|
<p id="questionPart">
|
|
<label id="q" for="question">
|
|
Quelle est votre question ? </label><br/>
|
|
<textarea id="question" name="question"
|
|
rows="3" cols="70"
|
|
placeholder="Entrez votre question ici"></textarea>
|
|
</p>
|
|
<p id="answerList">
|
|
<label for="answer">Quelle est la réponse ? </label><br/>
|
|
<input id="answer" name="answer0" type="text" />
|
|
</p>
|
|
|
|
<p>
|
|
<input type="button" value="Ajouter une réponse supplémentaire"
|
|
onclick="add()"/>
|
|
</p>
|
|
<p>
|
|
<label for="email">Merci d'indiquer votre email</label><br/>
|
|
<input id="email" name="email" type="text" />
|
|
</p>
|
|
<p>
|
|
<input type="submit" name="send" value="Envoyer" />
|
|
</p>
|
|
</article>
|
|
</section>
|
|
|
|
</form>
|
|
</section>
|
|
|
|
<?php include('footer.html') ?>
|
|
|
|
</body>
|
|
</html>
|