nemunaire/nemubot-askweb
Archived
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

HTML5 valid, Jquery fonctions working

Browse Source
This commit is contained in:
Némunaire 2012-06-18 17:05:05 +02:00
parent 9b570588d4
commit e86deee36e
3 changed files with 89 additions and 85 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

69
index.php
View File

@ -1,13 +1,12 @@
<!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()
{
@ -23,38 +22,35 @@
foo.appendChild(element);
}
function hideShow(which)
{
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"/>
<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>
</div>
</header>
<section id="introduction">
<a id="hideShow" href=""><img id="arrowHide"
src="topArrow.png" alt="icon"/></a>
<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>
@ -67,34 +63,36 @@ function hideShow(which)
</p>
</article>
<a id="hideShowExp" href=""><img id="arrowHide"
src="topArrow.png" alt="icon"/></a>
<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">
<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>
<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>
<h3>Confirmer votre question</h3>
<p>
@ -116,12 +114,10 @@ function hideShow(which)
<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="&lt;">
<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>

4
jquery-1.7.2.min.js vendored Normal file
View File

File diff suppressed because one or more lines are too long

7
style.css
View File

@ -19,6 +19,7 @@ header
#banner
{
display: inline-block;
margin-top: 10px;
float: right;
}
@ -83,8 +84,12 @@ aside
padding-right: 10px;
background-color: #222222;
color: orange;
text-align: justify;
}
aside#info
{
width: 42%;
}
#arrow
{
position: absolute;