Formulaire PHP

Bonjour,

Je souhaite un coup de pouce pour la finition de la programmation d'un formulaire en php dont le code ci-dessous.

Ma question: ouvrir une petite fenêtre de confirmation lors de l'action envoyé.
Avec le code ci-dessous, la confirmation de l'envois s'insère à la même place du formulaire d'inscription et je ne souhaite pas du tout ça.


Merci d'avance pour votre aide et de me transmettre le bon code avec les explications.

Lien de la page ou se trouve le formulaire:
http://www.go-seb.ch/newsletter/2009/of_go_newsletter_02a_09_suite_a_ta_participation.php

Code php:
<?php
// Couleur du texte des champs si erreur saisie utilisateur
$color_font_warn="#FF0000";
// Couleur de fond des champs si erreur saisie utilisateur
$color_form_warn="#FFCC66";
// Ne rien modifier ci-dessous si vous n’êtes pas certain de ce que vous faites !
$list['f_1']=array("Sélectionnez","Oui","Non");
$list['f_2']=array("Sélectionnez","Explorer Internet","FireFoxe","Google Chrome","Netscape","Opera","Safari","---","Autres");
$list['f_3']=array("Sélectionnez","Oui","Non");
if(isset($_POST['submit'])){
$erreur="";
// Nettoyage des entrées
while(list($var,$val)=each($_POST)){
if(!is_array($val)){
$$var=strip_tags($val);
}else{
while(list($arvar,$arval)=each($val)){
$$var[$arvar]=strip_tags($arval);
}
}
}
// Formatage des entrées
// Verification des champs
if($f_1==0){
$erreur.="<li><span class='txterror'>Le champ « As-tu des problèmes d’affichage sur ton navigateur préféré en visitant le blog espace-relationnel.org ? » n'a pas été défini.</span>";
$errf_1=1;
}
if($f_2==0){
$erreur.="<li><span class='txterror'>Le champ « Quel est le navigateur Internet que tu utilises ? » n'a pas été défini.</span>";
$errf_2=1;
}
if($f_3==0){
$erreur.="<li><span class='txterror'>Le champ « Peux-tu t’inscrire sans problème sur espace-relationnel.org ? » n'a pas été défini.</span>";
$errf_3=1;
}
if($erreur==""){
// Création du message
$titre="Affichage blog espace-relationnel";
$tete="From:Site@Go-seb.ch\n";
$corps.="As-tu des problèmes d’affichage sur ton navigateur préféré en visitant le blog espace-relationnel.org ? : ".$list['f_1'][$f_1]."\n";
$corps.="Quel est le navigateur Internet que tu utilises ? : ".$list['f_2'][$f_2]."\n";
$corps.="Peux-tu t’inscrire sans problème sur espace-relationnel.org ? : ".$list['f_3'][$f_3]."\n";
$corps.="Merci pour tes commentaires supplémentaires : ".$f_5."\n";
if(mail("news@go-seb.ch", $titre, stripslashes($corps), $tete)){
$ok_mail="true";
}else{
$erreur.="<li><span class='txterror'>Une erreur est survenue lors de l'envoi du message, veuillez refaire une tentative.</span>";
}
}
}
?>

------------------------------------------

<style type="text/css" media="screen">
<!--
INPUT { color: #000; font-size: 11px; font-family: verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; background-color: #EEEEEE }
SELECT { color: #000; font-size: 11px; font-family: verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; background-color: #EEEEEE }
TEXTAREA { color: #000; font-size: 11px; font-family: verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; background-color: #EEEEEE }
.txterror { color: black; font-size: 11px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
.txtform { color: black; font-size: 12px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
--></style>
<LINK REL="SHORTCUT ICON" href="http://www.go-seb.ch/favicon.ico">
<title>Votre Go News-letter - "A votre Avis – La crise en cadeau" 01a - 2009</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">


<!--
body {
background-image: url(../../images/fond_site.jpg);
}
.Style6 {font-size: 12px}
.Style14 {font-family: Tahoma}
.Style23 {
color: #FF6600;
font-size: 12px;
font-family: "Courier New", Courier, mono;
}

-->
</style>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);

function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>

---------------------------------------------------------------------------------

<? }else{ ?>
<form action='<? echo $PHP_SELF ?>' method='post' name='Form'>
<table width='100%' border='0' cellspacing='1' cellpadding='1'>
<? if($erreur){ ?>
<tr><td colspan='2' bgcolor='red'><span class='txterror'><font color='white'><b> ERREUR, votre message n'a pas été transmis</b></font></span></td></tr><tr><td colspan='2'><ul><?echo$erreur?></ul></td></tr><?}?>
<tr><td colspan='2'><span class='txterror Style319'><span class='txterror Style320'></span></span></td>
</tr>
<tr><td align='right' width='30%'><p class="txtform"><strong>As-tu des problèmes d’affichage sur ton navigateur préféré en visitant le blog espace-relationnel.org ?<span class="Style322">*</span> :</strong></p>
</td>
<td align="left" valign="bottom"><select style='width:200 <?if($errf_1==1){print("; background-color: ".$color_form_warn."; color: ".$color_font_warn);}?>;' name='f_1' size='1'>
<? for($id=0;$id<count($list['f_1']);$id++){
if($id==$f_1){$ct="selected";}
print("<option ".$ct." value=".$id.">".$list['f_1'][$id]."</option>");
unset($ct);
}?>
</select></td></tr>
<tr><td align='right' width='30%'><p class="txtform"> </p>
<p class="txtform"><strong>Quel est le navigateur Internet que tu utilises ?<span class="Style322">*</span> :</strong></p></td>
<td align="left" valign="bottom"><select style='width:200 <?if($errf_2==1){print("; background-color: ".$color_form_warn."; color: ".$color_font_warn);}?>;' name='f_2' size='1'>
<? for($id=0;$id<count($list['f_2']);$id++){
if($id==$f_2){$ct="selected";}
print("<option ".$ct." value=".$id.">".$list['f_2'][$id]."</option>");
unset($ct);
}?>
</select></td></tr>
<tr><td align='right' width='30%'><p class="txtform"> </p>
<p class="txtform"><strong>Peux-tu t’inscrire sans problème sur espace-relationnel.org ?<span class="Style322">*</span> :</strong></p></td>
<td align="left" valign="bottom"><select style='width:200 <?if($errf_3==1){print("; background-color: ".$color_form_warn."; color: ".$color_font_warn);}?>;' name='f_3' size='1'>
<? for($id=0;$id<count($list['f_3']);$id++){
if($id==$f_3){$ct="selected";}
print("<option ".$ct." value=".$id.">".$list['f_3'][$id]."</option>");
unset($ct);
}?>
</select></td></tr>
<tr><td width='30%' align='right' valign="top"><p class="txtform"> </p>
<p class="txtform"><strong>Merci pour tes commentaires supplémentaires :</strong></p>
</td>
<td align="left" valign="bottom"><p> 
</p>
<p>
<textarea style='width:360 <?if($errf_5==1){print("; background-color: ".$color_form_warn."; color: ".$color_font_warn);}?>;' name='f_5' rows='8' cols='40'><?echo$f_5?></textarea>
</p> </td></tr>
<tr><td align='right' width='30%'></td><td><p>
<input type='submit' name='submit' value='Envoyer ici tes informations' border='0'>
</p>
<p><span class='txterror Style319'><span class='txterror Style320'><span class='txterror Style322'>Les champs marqué d'un * sont obligatoires</span></span></span></p></td>
</tr>
</table>
</form>
<? } ?>