146 lines
4.3 KiB
HTML
146 lines
4.3 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf8" />
|
|
<link rel="Stylesheet" href="style.css" />
|
|
<title>Every Questions</title>
|
|
|
|
<script language="javascript">
|
|
var nbAnswer = 1;
|
|
function add()
|
|
{
|
|
var element = document.createElement("input");
|
|
|
|
element.setAttribute("type", "text");
|
|
element.setAttribute("name", "answer" + nbAnswer);
|
|
nbAnswer++;
|
|
element.setAttribute("placeholder", "Enter the new answer");
|
|
|
|
var foo = document.getElementById("answerList");
|
|
foo.appendChild(element);
|
|
}
|
|
</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 Questions</h1>
|
|
</div>
|
|
</header>
|
|
|
|
<section id="introduction">
|
|
<article id="bonjour">
|
|
<h2>Bonjour,</h2>
|
|
|
|
Bienvenu sur le site de questions de Nemubot. Vous pouvez ici
|
|
ajouter de nouvelles questions à Nemubot. Ces questions seront
|
|
posées sur le chan irc.
|
|
</article>
|
|
|
|
<article id="fonctionnement">
|
|
<h2>Fonctionnement</h2>
|
|
|
|
<p>
|
|
Les questions que vous ajoutez vont être soumise à vérification par une
|
|
personne tirée au sort parmis la liste des participants du chan.
|
|
</p>
|
|
<p>
|
|
L'un des principes de ces questions est qu'elle aient un rapport
|
|
avec les cours dispensés au 2eme semestres et sur lesquelles nous
|
|
auront des partiels. Merci de poser des questions qui vont dans
|
|
ce sens.
|
|
</p>
|
|
|
|
<p>
|
|
Un email va être envoyé à cette personne avec votre question et
|
|
la/les réponse(s) que vous avez proposé. Cette personne pourra alors
|
|
valider votre question et celle ci pourra alors apparaitre sur le chan.
|
|
Si elle est refusée, elle sera détruite de la base de données.
|
|
</p>
|
|
</article>
|
|
</section>
|
|
|
|
<form id="formulaire" method="post" action="questions.php">
|
|
<h2>Nouvelle question</h2>
|
|
|
|
<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.<br/>
|
|
Indiquez la matière sur laquelle porte la question lui permettre
|
|
d'aller plus vite.<br/>
|
|
|
|
</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="TYLA">TYLA</option>
|
|
</optgroup>
|
|
|
|
<optgroup label="TDA">
|
|
<option value="RXAN">RXAN</option>
|
|
</optgroup>
|
|
|
|
<optgroup label="MTM">
|
|
<option value="ITIL">ITIL</option>
|
|
</optgroup>
|
|
|
|
<optgroup label="Autre">
|
|
<option value="Autre" selected>Autre</option>
|
|
</optgroup>
|
|
</select>
|
|
</article>
|
|
|
|
<article>
|
|
<p id="questionPart">
|
|
<label id="q" for="question">
|
|
Quelle est votre question ? </label><br/>
|
|
<textarea id="question" name="question"
|
|
rows="10" cols="50"
|
|
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>
|
|
<input type="submit" name="send" value="Envoyer" />
|
|
</p>
|
|
</article>
|
|
</section>
|
|
|
|
</form>
|
|
|
|
<footer>
|
|
<h4>Details</h4>
|
|
Ça fait moche un site sans pied de page.<br/>
|
|
En voilà donc un.
|
|
</footer>
|
|
|
|
</body>
|
|
</html>
|