Version imprimable
Dans un javascript contenant 3 champs a remplir (toujours les memes renseignements : 2 identifiants et 1 mot de passe), quand on appuie sur le bouton ENVOYER, les renseignements envoyés peuvent-ils finalement etre résumé en un petit code javascript ?? :roll:
aïe tu mélange un peu tout ...
des champs javascript ? je ne connais pas ..;
éventuellement des champs de formulaire ..
ensuite que veux tu dire par 'finalement résumé' ?
Oui, excuse, les champs sont HTML et il y a un bouton ENVOYER (qui envoie donc a une certaine adresse les renseignements des 3 champs).
Alors, au lieu de se taper la page sur le net, puis de remplir chaque champs a la main, puis cliquer sur le bouton ENVOYER, je me demandais si on pouvais ecrire un script (javascript?) qui contiendrait ces 3 renseignements et, lorsqu'on lance ce script, il lance lui meme la procedure (sans qu'on clique sur ce bouton ENVOYER) ????
il faudrait les envoyer à quel moment les 3 renseignements concaténés ...?
imagine qu'il y ait une erreur de frappe ou un truc du genre au moment ou le gars remplit le dernier champs ..., ergonomiquement vaut mieux laisser l'utilisateur decider du moment de l'envoi non ?
soinon concatener les 3 infos ne pose pas de problème mais de là à y trouver une utilité quelconque car lors de l'envoi tu aurasi d'in coté les trois champs et de l'autre un quatrième concaténé sauf à concatener l'url avec les paramètres ...
C'est ce code (j'y ai mis mes login et MDP mais je les ai changé afin de pouvoir poster ici en toute securité).
Bref, a la limite, il me manque le clic automatique sur le bouton ENVOYER :
Citation:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="de" xml:lang="de" id="ogame">
<head>
<!--// Start Injected Proxomitron Filters -->
<!-- Saved From: http://ogame.fr/portal/?lang=fr&frameset=1 @ 11:25:55 -->
<script type="text/javascript">
var ProxError = 1 ;
var ProxMouse = 1 ;
var ProxStatus = 1 ;
var ProxPopup = 1 ;
var ProxAlert = 1 ;
var ProxAllowRequested = 1 ;
var ProxWindow = 1 ;
var ProxPopupNotify = 1 ;
var ProxPopUpControl = 1 ;
var ProxOnload = 0 ;
var ProxOnloadButton = 0 ;
var ProxAllowAlerts = 1 ;
</script>
<link href="http://Local.ptron/JD_HTML/CSS/menu.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" SRC="http://local.ptron/JD_HTML/JavaScript/menu.js"></script>
<link href="http://local.ptron/JD_HTML/Css/prox-links.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="http://local.ptron/JD_HTML/JavaScript/JD_Start.js"></script>
<!--// End Proxomitron Section -->
<meta name="author" content="Gameforge GmbH" />
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
<meta name="keywords" content="OGame, jeu par navigateur,
jeu sur internet
,jeu en ligne gratuit,
jouer à un jeu en ligne,
jeu multiplayer de masse en ligne,
mmorpg,
mmo,
jeu " />
<meta name="description" content="OGame - Meilleur jeu par navigateur. Commandez tes flottes." />
<meta name="robots" content="index, follow" />
<meta name="revisit-after" content="21 days" />
<meta name="language" content="fr" />
<meta name="distribution" content="global" />
<meta name="audience" content="all" />
<meta name="author-mail" content="info@ogame.fr" />
<meta name="publisher" content="Gameforge GmbH" />
<meta name="copyright" content="(c) 2005 by Gameforge" />
<meta http-ignore=expires content="0" />
<meta http-ignore=pragma content="no-cache" />
<title>OGame.fr</title>
<style type="text/css">
<!--
body {
background-color: #061229;
background-image: url(img/border/mainback.gif);
margin:0px 10px 0px 10px;
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
color:#54718D;
}
form{margin:0px;}
table{border:0px;}
tr, td{font-size:12px;}
.login{
background-position:top right;
background-repeat:no-repeat;
}
.lcd{
background-position:top left;
background-repeat:repeat;
}
.content{
background-position:top left;
background-repeat:repeat;
background-image: url(img/main/border/black_trans.gif);
border: 1px solid #eee;
font-size:12px;
color: #eee;
padding:12px;
margin:5px;
}
.bilderrahmen{border:1px solid #86B1D5;}
.menu2_light{color:#B6CBE3; font-size:11px; letter-spacing:2px}
.shop_light{color:#B6CBE3; font-size:10px;}
a{color:#9EBDE4; text-decoration:none;}
a:hover{color:#CADFFA; text-decoration:underline;}
a.footer_link{font-size:10px; color:#AABFDA; text-decoration:none;}
a.footer_link:hover{font-size:10px; color:#ffffff; text-decoration:underline;}
.black_small{font-size:9px; color:#000000;}
.normtext{font-size:12px; color:#ffffff;}
.normtext2{font-size:12px; color:#9EBDE4;}
.aktuellestext, .shop{font-size:10px; color:#404040; }
.wrocklage{font-size:9px; color:#ffffff;}
.highlighttext{font-size:12px; color:#649CD3;}
.menu2{font-size:10px; color:#757575;}
.menu2highlight{font-size:10px; color:#649CD3;}
.white{color:#ffffff; font-size:14px; letter-spacing:2px}
.button, .eingabe{
border:1px double #000000;
background:#ffffff url(img/main/eingabe_back.gif) repeat-x;
color: #000000;
font-size:10px;
}
.eingabe{
font-size:11px;
width:80px;
border:1px solid;
scrollbar-base-color:#F9F9F9;
padding-left:5px;
}
.preis{color:#649CD3; font-weight:bold; font-size:14px;}
.tabellenrechnung{color:#ffffff; font-weight:bold; font-size:14px;}
.text{font-size:11px; color:#649CD3; letter-spacing: 2px; }
.sizeh1, .sizeh2, .sizeh3{font-weight: bold; color: #9EBDE4;}
.sizeh1{font-size:15px;}
.sizeh2{font-size:12px; color: #ffffff;}
.sizeh3{font-size:19px;}
-->
</style>
<script language="JavaScript" type="text/JavaScript">
<!--
function Init() {
document.onkeypress = _KeyPress;
MM_preloadImages('img/navigation_fr/02o.gif','img/navigation_fr/04o.gif','img/navigation_fr/06o.gif','img/navigation_fr/08o.gif','img/navigation_fr/10o.gif',
'img/navigation_fr/12o.gif','img/navigation_fr/14o.gif')
}
function _KeyPress(event) {
if(!event) event = window.event;
if(event.which) { keycode = event.which; }
else if(event.keyCode) { keycode = event.keyCode; }
if(keycode == 13) { changeAction("login"); }
}
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_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_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>
</head>
<body onLoad="Init();">
<table border="0" width="100%" cellspacing="0" cellpadding="0"><tr><td valign="top"></td><td width="100%" valign="top">
<center>
<table width="80%" cellspacing="0" cellpadding="0">
<tr style="background-image:url(img/head/back.gif)">
<td width="339"><img src="img/head/left.jpg" alt="" /></td>
<td width="100%"> </td>
<td width="320"><img src="img/head/right.jpg" alt="" /></td>
</tr>
</table>
<table class="lcd" style="background-image:url(img/main/bglcd.gif);" width="80%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="20" valign="top" style="background-image:url(img/border/left_back.gif);"><img src="img/border/left_top.gif" alt="" /></td>
<td width="131" align="center" valign="top" style="background-image:url(img/border/navi_back.gif)">
<a href="?go=start&lang=fr" target="_self" onMouseOver="MM_swapImage('image1','','img/navigation/fr/02o.gif',1)"
onMouseOut="MM_swapImgRestore()"><img src="img/navigation/fr/02.gif" name="image1" width="131" height="28" border="0" id="image1" alt="Accueil"></a>
<a href="http://board.ogame.fr/board.php?boardid=3" target="_blank" onMouseOver="MM_swapImage('image2','','img/navigation/fr/04o.gif',1)"
onMouseOut="MM_swapImgRestore()"><img src="img/navigation/fr/04.gif" name="image2" width="131" height="28" border="0" id="image2" alt="Nouvelles"></a>
<a href="?go=screenshots&lang=fr" target="_self" onMouseOver="MM_swapImage('image3','','img/navigation/fr/26o.gif',1)"
onMouseOut="MM_swapImgRestore()"><img src="img/navigation/fr/26.gif" name="image3" width="131" height="28" border="0" id="image3" alt="Captures
d\'écran"></a>
<a href="?go=equipe&lang=fr" target="_self" onMouseOver="MM_swapImage('image4','','img/navigation/fr/12o.gif',1)" onMouseOut="MM_swapImgRestore()"><img
src="img/navigation/fr/12.gif" name="image4" width="131" height="28" border="0" id="image4" alt="Équipe"></a>
<a href="http://board.ogame.fr/" target="_blank" onMouseOver="MM_swapImage('image5','','img/navigation/fr/10o.gif',1)"
onMouseOut="MM_swapImgRestore()"><img src="img/navigation/fr/10.gif" name="image5" width="131" height="28" border="0" id="image5" alt="Forum"></a>
<a href="?go=downloads&lang=fr" target="_self" onMouseOver="MM_swapImage('image6','','img/navigation/fr/28o.gif',1)"
onMouseOut="MM_swapImgRestore()"><img src="img/navigation/fr/28.gif" name="image6" width="131" height="28" border="0" id="image6" alt="Bannières"></a>
<br>
<span class=Prox id="p-con" style="display:none"><center><a id="p-con" href='http://ads.gameforgeads.de/adframe.php?n=a23190cb&what=zone:410'
target="_top">• iframe Ad: a.rare.1 '120'x'240'</a></center></span>
</td>
<td width="13" valign="top" background="img/border/middle_back.gif"><img src="img/border/middle_top.gif" alt="" /></td>
<td width="100%" rowspan="2" align="center" valign="top">
<table width="100%" height="43" cellpadding="0" cellspacing="0">
<script type="text/javascript">
var lastType = "";
function changeAction(type) {
if(document.formular.Uni.value == '') {
alert('Aucun univers sélectionné !');
}
else {
if(type == "login" && lastType == "") {
var url = "http://" + document.formular.Uni.value + "/game/reg/login2.php";
document.formular.action = url;
}
else {
var url = "http://" + document.formular.Uni.value + "/game/reg/mail.php";
document.formular.action = url;
document.formular.submit();
}
}
}
</script>
<form name="formular" action="" method="POST" onSubmit="changeAction('login');">
<input type="hidden" name="timestamp" value="1147035004">
<input type="hidden" name="v" value="2">
<tr>
<td align="center" valign="top" background="img/main/login_back.gif"><br/>
<table width="97%" cellspacing="0" cellpadding="0">
<tr>
<td><img src="img/main/arrow.gif"></td>
<td> <select tabindex="1" name='Uni' class="eingabe" style="width:150px;">
<option value="ogame286.de">24. univers</option>
</select>
<script type="text/javascript"> document.formular.Uni.focus(); </script>
</td>
<td>
<img src="img/main/arrow2.gif" alt="Username">
</td>
<td>
<nobr>
<span class="rahmen"><input tabindex="2" alt="Login" class="eingabe" value="pseudo" name="login" /></span>
<span class="rahmen"><input tabindex="3" maxlength="20" alt="Passwort" type="password" value="motdepasse" class="eingabe" name="pass"
/></span></nobr>
</td><td>
<input type="image" src="img/main/login.gif" width="40" height="15" border="0" value="Login">
</td>
<td align="left" width="100%"><span class="rahmen"></span></td>
</tr>
<tr>
<td colspan="4" align="left"><span class="black_small"><br/>En me loggant, j'accepte les <a href="?go=cg&lang=fr">conditions générales</a>
| </span> <a href="?go=register&lang=fr" class="footer_link">S'inscrire</a> <span class="black_small"> | </span> <a
href="javascript:changeAction('password');" class="footer_link">Mot de passe oublié ?</a></td>
</tr>
</form>
</table>
</td>
</tr>
</table>
<br/>
<table width="98%" cellspacing="0" cellpadding="0">
<tr>
<td width="120" height="90"><table width="124" cellspacing="0" cellpadding="0">
<tr>
<td width="2" height="2"><img src="http://Local.ptron/clear.gif" width="2" height="2" border="0" alt="" ></td>
<td background="img/main/border/top.gif"><img src="http://Local.ptron/clear.gif" width="1" height="2" border="0" alt="" ></td>
<td width="2" height="2"><img src="http://Local.ptron/clear.gif" width="2" height="2" border="0" alt="" ></td>
</tr>
<tr>
<td background="img/main/border/left.gif"><img src="http://Local.ptron/clear.gif" width="2" height="1" border="0" alt="" ></td>
<td background="img/main/border/black_trans.gif">
<img src="img/main/bilder/startbild.jpg" width="120" height="90" alt="Inscrivez-vous ici"></td>
<td background="img/main/border/right.gif"><img src="http://Local.ptron/clear.gif" width="2" height="1" border="0" alt="" ></td>
</tr>
<tr>
<td width="2" height="2"><img src="http://Local.ptron/clear.gif" width="2" height="2" border="0" alt="" ></td>
<td background="img/main/border/bottom.gif"><img src="http://Local.ptron/clear.gif" width="1" height="2" border="0" alt="" ></td>
<td width="2" height="2"><img src="http://Local.ptron/clear.gif" width="2" height="2" border="0" alt="" ></td>
</tr>
</table></td>
<td width="7"><img src="img/main/1x1.gif" width="7" height="1"></td>
<td valign="top"><table width="100%" height="100%" cellpadding="0" cellspacing="0">
<tr>
<td width="2" height="2"><img src="http://Local.ptron/clear.gif" width="2" height="2" border="0" alt="" ></td>
<td height="2" background="img/main/border/top.gif"><img src="http://Local.ptron/clear.gif" width="1" height="2" border="0" alt="" ></td>
<td width="2" height="2"><img src="http://Local.ptron/clear.gif" width="2" height="2" border="0" alt="" ></td>
</tr>
<tr>
<td align="top" background="img/main/border/left.gif" style="height:84px;"><img src="http://Local.ptron/clear.gif" width="2" height="1"
border="0" alt="" ></td>
<td align="left" valign="top" background="img/main/border/black_trans.gif" class="normtext" style="height:80px; padding-top:5px;
padding-right:5px; padding-bottom:5px; padding-left:5px;"><p align="justify"><span class="sizeh3"><B><a href="http://ogame123.de//game/reg/new.php"
target="_self">Inscrivez-vous ici</a></B></span><B></B><B><br>
</B>
Inscrivez-vous dans<a href="http://ogame123.de//game/reg/new.php"> l'univers 23</a> ou dans l'un des<a href="?go=register&lang=fr"> univers suivants</a> et
découvrez le monde fantastique d'OGame!</p></td>
<td background="img/main/border/right.gif" style="height:84px;"><img src="http://Local.ptron/clear.gif" width="2" height="1" border="0" alt=""
></td>
</tr>
<tr>
<td width="2" height="2"><img src="http://Local.ptron/clear.gif" width="2" height="2" border="0" alt="" ></td>
<td background="img/main/border/bottom.gif"><img src="http://Local.ptron/clear.gif" width="1" height="2" border="0" alt="" ></td>
<td width="2" height="2"><img src="http://Local.ptron/clear.gif" width="2" height="2" border="0" alt="" ></td>
</tr>
</table></td>
</tr>
</table><table width="98%" cellspacing="0" cellpadding="0">
<tr>
<td width="20"><img src="img/main/arrow.gif" alt="" /></td>
<td align="left"><span class="sizeh1"><B>Bienvenue sur OGame</B></span></td>
</tr>
</table>
<table width="98%" cellspacing="0" cellpadding="0" class="content">
<tr><td>
</td>
<td width="20" valign="top" style="background-image:url(img/border/right_back.gif)"><img src="img/border/right_top.gif" width="20" height="61"></td>
</tr>
<tr>
<td valign="bottom" background="img/border/left_back.gif"><img src="img/border/left_bottom.gif" alt="" /></td>
<td align="center" valign="top" background="img/border/navi_back.gif"> </td>
<td valign="bottom" background="img/border/middle_back.gif"><img src="img/border/middle_bottom.gif" alt="" /></td>
<td width="20" valign="bottom" background="img/border/right_back.gif"><img src="img/border/right_bottom.gif" alt="" /></td>
</tr>
</table>
<table width="80%" cellspacing="0" cellpadding="0">
<tr>
<td width="159"><img src="img/footer/left.gif" alt="" /></td>
<td width="100%" style="background-image:url(img/footer/middle.gif)"> </td>
<td width="65"><img src="img/footer/right.gif" alt="" /></td>
</tr>
</table>
<table width="80%" cellspacing="0" cellpadding="0">
<tr>
<td width="68"><img src="img/footer/bottom1_left.gif" alt="" /></td>
<td width="100%" background="img/footer/bottom1_back.gif"><table width="100%" cellspacing="0" cellpadding="0">
<tr>
<td align="left">© 2005 by <a href="http://www.gameforge.de" target="_blank" class="footer_link">Gameforge GmbH </a></td>
<td align="right"><a href="?go=regles&lang=fr" target="_self" class="footer_link">Règles du jeu</a> | <a href="?go=Histoire&lang=fr" target="_self"
class="footer_link">Histoire</a> | <a href="?go=cg&lang=fr" target="_self" class="footer_link">Conditions générales</a> | <a href="?go=Contact&lang=fr"
target="_self" class="footer_link">Contact</a></td>
</tr>
</table></td>
<td width="65"><img src="img/footer/bottom1_right.gif" alt="" /></td>
</tr>
</table>
<table width="80%" cellspacing="0" cellpadding="0">
<tr>
<td width="68" height="8"><img src="img/footer/bottom2_left.gif" alt="" /></td>
<td width="100%" style="background-image:url(img/footer/bottom2_back.gif)"><img src="img/footer/bottom2_back.gif" alt="" /></td>
<td width="64" height="8"><img src="img/footer/bottom2_right.gif" alt="" /></td>
</tr>
</table>
</td></tr></table>
<br/>
</center>
<span class="Prox" id="p-js" style="display:none"><center>• Ad Script: List=Ad Paths Match=phpAds</center></span>
<!-- written to cache 07.05.2006 22:50:14 //-->
<!-- delivered by ws3 //-->
<!--// Below Injected by Proxomitron -->
<div id="ProxMenuMain" onmouseover="javascript:ShowIcon()"> <img src="http://local.ptron/clear.gif" width=16 height=16 alt="" border=0>
</div> <div id="ProxIcon" onmouseout="javascript:HideIcon()" style="display:none"> <a href="javascript:void()" title="Open Proxomitron Menu"
onclick="javascript:ShowMenu()"><img src="http://local.ptron/JD_HTML/Prox.gif" border=0 width=17 height=17 alt=""></a> </div> <div id="ProxMenuSub"
style="display:none"> <a class="menbar-header" href="javascript:HideMenu()">Close Menu</a> <a class="menbar-item" target="_blank"
href="http://Cmd.bypass..ogame.fr/portal/?lang=fr&frameset=1">Bypass All Filters</a> <a class="menbar-item"
href="http://Cmd.bweb..http://ogame.fr/portal/?lang=fr&frameset=1">Bypass Web Filters</a> <a class="menbar-item" target="_blank"
href="http://Cmd.bin..ogame.fr/portal/?lang=fr&frameset=1">Bypass Header Filters (in)</a> <a class="menbar-item" target="_blank"
href="http://Cmd.bout..ogame.fr/portal/?lang=fr&frameset=1">Bypass Header Filters (out)</a> <div class="sep"> </div> <a class="menbar-item"
target="_blank" href="http://Cmd.src..ogame.fr/portal/?lang=fr&frameset=1">View Source</a> <a class="menbar-item" target="_blank"
href="http://Cmd.src..bypass..ogame.fr/portal/?lang=fr&frameset=1">View Source (Bypassed)</a> <div class="sep"> </div> <a class="menbar-item"
target="_blank" href="http://Cmd.dbug..ogame.fr/portal/?lang=fr&frameset=1">DBUG Page</a> <a class="menbar-item" target="_blank"
href="http://add.to.blockfile/CookieList/ogame.fr/http://ogame.fr/portal/?lang=fr&frameset=1">Add Page to..</a> <div class="sep"> </div> <a
class="menbar-item" href="javascript:tkills()">Toggle Kills</a> <div class="sep"> </div> <a class="menbar-item"
href="javascript:translate()">Translate Page</a> <a class="menbar-item" href="javascript:shrtlink()">Create Short Link</a> <div
class="sep"> </div> <a class="menbar-item" href="http://Cmd.load//JD_Basic.cfg?ogame.fr/portal/?lang=fr&frameset=1">Load Basic Config</a> <a
class="menbar-item" href="http://Cmd.load//Default.cfg?ogame.fr/portal/?lang=fr&frameset=1">Load Default Config</a> <div class="sep"> </div> <a
class="menbar-item" target="_blank" href="http://local.ptron/.pinfo/urls/">Recent URL's</a> <a class="menbar-item" target="_blank"
href="http://local.ptron/.pinfo/lists/">Current Blocklists</a> <div class="sep"> </div> <a class="menbar-item" target="_blank"
href="http://Cmd.file:///D|/Program%20Files/Proxomitron%204.5j/JD_Help/filters.htm">View Help Files</a> <div class="sep"> </div> <a
class="menbar-header" href="javascript:HideMenu()" onmouseout="javascript:HideMenu()" >Close Menu</a> </div>
<span id="ProxDisplay"></span>
<script type="text/javascript" src="http://local.ptron/JD_HTML/JavaScript/JD_End.js" DEFER></script>
<!--// End Proxomitron Section -->
</body>
</html>
c'est si compliqué que ca ????