<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<meta name="GENERATOR" content="Quanta Plus" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
.code {
background-color : #ffffff;
border-bottom-style : dashed;
border-bottom-width : 1px;
border-left-style : dashed;
border-left-width : 1px;
border-right-style : dashed;
border-right-width : 1px;
border-top-style : dashed;
border-top-width : 1px;
margin-bottom : 20px;
margin-left : 20px;
margin-right : 20px;
margin-top : 20px;
}
</style>
<script language="javascript" type="text/javascript">
function Verification()
{
if(document.getElementById('pseudo').value=='' || document.getElementById('url').value=='Ce champ est nécessaire')
{
document.getElementById('pseudo').style.background = "#ffc5d4";
document.getElementById('pseudo').value = "Ce champ est nécessaire";
document.getElementById('pseudo').focus();
return false;
}
else if(document.getElementById('attente').value=='' || document.getElementById('url').value=='Ce champ est nécessaire')
{
document.getElementById('attente').style.background = "#ffc5d4";
document.getElementById('attente').value = "Ce champ est nécessaire";
document.getElementById('attente').focus();
return false;
}
else if(document.getElementById('url').value=='' || document.getElementById('url').value=='http://' || document.getElementById('url').value=='Ce champ est nécessaire')
{
document.getElementById('url').style.background = "#ffc5d4";
document.getElementById('url').value = "Ce champ est nécessaire";
document.getElementById('url').focus();
return false;
}
return true;
}
function Adaptation()
{
var pseudo = document.getElementById('pseudo').value;
var connu = document.getElementById('connu').value;
var desir = document.getElementById('desir').value;
var stade = document.getElementById('stade').value;
var attente = document.getElementById('attente').value;
var repr = document.getElementById('repr').value;
var url = document.getElementById('url').value;
document.getElementById('div_bbcode').innerHTML = '<br /><br /><h3><u>BBcode pour forum actif :</u></h3><div class=\"code\"><blockquote>[color=darkred][b]Mon Pseudo : [/b][/color]'+pseudo+'<br />[color=darkred][b]Comment j\'ai connu le forum : [/b][/color]'+connu+'<br />[color=darkred][b]Mon projet est : [/b][/color]'+desir+'<br />[color=darkred][b]Avancement actuel : [/b][/color]'+stade+'<br />[color=darkred][b]Ce que j\'attends de vous : [/b][/color]'+attente+'<br />[color=darkred][b]Remarques : [/b][/color]'+repr+'<br />[color=darkred][b]Adresse de mon forum : [/b][/color]'+url+'<br /></blockquote></div>';
document.getElementById('div_html').innerHTML = '<br /><br /><h3><u>En code html :</u></h3><div class=\"code\"><blockquote><xmp><strong style=\"color : #800002;\">Mon Pseudo : </strong>'+pseudo+'\n<br /><strong style=\"color : #800002;\">Comment j\'ai connu le forum : </strong>'+connu+'\n<br /><strong style=\"color : #800002;\">Mon projet est : </strong>'+desir+'\n<br /><strong style=\"color : #800002;\">Avancement actuel : </strong>'+stade+'\n<br /><strong style=\"color : #800002;\">Ce que j\'attends de vous : </strong>'+attente+'\n<br /><strong style=\"color : #800002;\">Remarques : </strong>'+repr+'\n<br /><strong style=\"color : #800002;\">Adresse de mon forum : </strong>'+url+'\n<br /></xmp></blockquote></div>';
document.getElementById('div_resultat').innerHTML = '<br /><br /><h3><u>Et vpici le résultat final :</u></h3><div class=\"code\"><blockquote><strong style=\"color : #800002;\">Mon Pseudo : </strong>'+pseudo+'<br /><strong style=\"color : #800002;\">Comment j\'ai connu le forum : </strong>'+connu+'<br /><strong style=\"color : #800002;\">Mon projet est : </strong>'+desir+'<br /><strong style=\"color : #800002;\">Avancement actuel : </strong>'+stade+'<br /><strong style=\"color : #800002;\">Ce que j\'attends de vous : </strong>'+attente+'<br /><strong style=\"color : #800002;\">Remarques : </strong>'+repr+'<br /><strong style=\"color : #800002;\">Adresse de mon forum : </strong>'+url+'<br /></blockquote></div>';
return true;
}
</script>
</head>
<body bgcolor="#DDCBB1">
<div id="centre">
<form action="" method="post">
<table align="center">
<tbody>
<tr>
<td>Pseudo (identique à celui du forum):</td>
<td><input type="text" id="pseudo" size="25" /></td>
</tr>
<tr>
<td>Comment avez-vous connu ce forum ?</td>
<td><textarea rows="5" cols="50" id="connu"></textarea></td>
</tr>
<tr>
<td>Descrivez ce que vous désirez,<br /> si vous en avez une idée :</td>
<td><textarea rows="5" cols="50" id="desir"></textarea></td>
</tr>
<tr>
<td>Stade où en est votre forum :</td>
<td><input type="text" name="stade" id="stade" /></td>
</tr>
<tr>
<td>Qu'attendez-vous de nous ?</td>
<td><textarea rows="5" cols="50" id="attente"></textarea></td>
</tr>
<tr>
<td>Remarques & précisions :</td>
<td><textarea rows="5" cols="50" id="repr"></textarea></td>
</tr>
<tr>
<td>URL de votre forum :</td>
<td><input type="text" id="url" value="http://" /></td>
</tr>
<tr>
<!--Au moment où Labda passera sur le boutton avec la souris le verification des champ principaux seras lancer si pas d'errreur il pourras cliquer et la fonction javas scripte "Adaptation" seras lancer !-->
<td><input type="button" value="Envoyer" onmouseover="return Verification()" onClick="return Adaptation()" /></td>
<td><input type="reset" value="Effacer les données" name="reset"/></td>
</tr>
</tbody>
</table>
</form><br />
<div id="div_bbcode"></div><br />
<div id="div_html"></div><br />
<div id="div_resultat"></div>
</div>
</body>
</html>
Accueil 
Dim 11 Mai - 1:05
