HTML5 valid, Jquery fonctions working
This commit is contained in:
Némunaire
parent
9b570588d4
commit
e86deee36e
163
index.php
163
index.php
|
|
@ -1,127 +1,123 @@
|
|||
<!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>
|
||||
<meta charset="utf-8">
|
||||
<link rel="Stylesheet" href="style.css">
|
||||
<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
|
||||
<title>AskWeb (BETA)</title>
|
||||
|
||||
<script language="javascript">
|
||||
<script type="text/javascript">
|
||||
var nbAnswer = 1;
|
||||
function add()
|
||||
{
|
||||
var element = document.createElement("input");
|
||||
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");
|
||||
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);
|
||||
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"
|
||||
}
|
||||
|
||||
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 id="main_title">
|
||||
<a href="http://www.h2g2.com" id="banner">
|
||||
<img src="marvin-robot_normal.png" alt="Marvin">
|
||||
</a>
|
||||
<h1>Nemubot AskWeb (BETA)</h1>
|
||||
</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>
|
||||
<a id="hideShow" href="">
|
||||
<img src="topArrow.png" alt="icon">
|
||||
</a>
|
||||
<script type="text/javascript">
|
||||
$('#hideShow').click(function (event) {
|
||||
event.preventDefault();
|
||||
$('#intro_para').slideToggle("slow");
|
||||
return false;
|
||||
});
|
||||
</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>
|
||||
<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>
|
||||
|
||||
<a id="hideShowExp" href="">
|
||||
<img src="topArrow.png" alt="icon"/>
|
||||
</a>
|
||||
<script type="text/javascript">
|
||||
$('#hideShowExp').click(function (event) {
|
||||
event.preventDefault();
|
||||
$('#exp_para').slideToggle("slow");
|
||||
return false;
|
||||
});
|
||||
</script>
|
||||
|
||||
<article id="explications">
|
||||
|
||||
<h2>Nemubot AskWeb en 3 étapes</h2>
|
||||
<div id="exp_para">
|
||||
<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 :
|
||||
<p>
|
||||
Commencez par entrer votre question ainsi que la ou les réponses
|
||||
associées. À noter que :
|
||||
</p>
|
||||
<ul>
|
||||
<li>Il est conseillé d'indiquer plusieurs fois vos réponses
|
||||
<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>
|
||||
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>
|
||||
<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>
|
||||
<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=""/>
|
||||
<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
|
||||
|
|
@ -130,10 +126,9 @@ function hideShow(which)
|
|||
</aside>
|
||||
|
||||
<article id="list">
|
||||
<label for="course">De quelle matière s'agit-il ?</label><br/>
|
||||
<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">
|
||||
|
|
@ -169,7 +164,7 @@ function hideShow(which)
|
|||
</select>
|
||||
</article>
|
||||
|
||||
<aside id="info">
|
||||
<aside id="quest">
|
||||
<img src="left_triangle2.gif" id="arrow2" alt=""/>
|
||||
<h3>La question</h3>
|
||||
<p>
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
Reference in New Issue