Ma demande
Salut à tous,
Je suis venu il y a quelques jours, pour une demande de formulaire automatique. Cette demande a été correctement réalisé par Onyx, et fonctionne très bien.
Seulement, je me suis aperçus que j'avais oublié certains chose
Schéma(s) et Eléments
Effets voulus : En faite, j'aimerai que le bouton affiché sous le barre de navigation, ainsi que le bouton nouveau de la partie candidature pointent vers une page HTML (pour l'instant il redigire vers le formulaire), composé du texte suivant:
- Spoiler:
- Le test
Le test se déroulera en cinq étapes. Afin de passer à l'étape suivante, il est indispensable d'avoir valider l'étape précédente !
Etape 1: Validation des temps de référence
Dans un premier temps, avant de pouvoir postuler et d'entrer en test chez les Spam, il vous faudra valider les temps de référence (de la section choisis: Dirt ou Road) d'au moins 2 maps sur les 3 que nous vous proposons.
Pour cela, deux servers publics sont mit à votre dispositions:
-Server Test Dirt: Mettre le lien du server
-Server Test Road: Mettre le lien du server
Il vous ait donc possible de valider les temps de référence des maps test directement sur le server public mit à votre disposition.
En revanche, pour faciliter, et accélérer votre candidature, il vous ait possible d'upploader vos replays afin de nous les insérer directement dans votre candidature.
Sachez par avance qu'il faudra bien évidemment justifier vos temps (replay, ou directement sur le server).
[size=12]Temps de référence Dirt:[/size]
Lien du serveur : maniaplanet://#join=spamtrain2@TMStadium
Crush (à télécharger ici): 55.3Underdirt Hunt (à télécharger ici): 59.2Scaryed Mountain (à télécharger ici): 59.2
[size=12]Temps de référence Road:[/size]
Lien du serveur : maniaplanet://#join=spamtrainroad2@esl_comp@lt_foreverMap 1 - ESL Warmdusher (à télécharger ici): 58.40Map 2 - ESL Kaput!! (à télécharger ici): 1.04.50Map 3 - ESL Elysium (à télécharger ici): 1.03.60
Etape 2: Dépôt de votre candidature
Une fois que vous avez validé les temps de référence des maps tests, il vous ait possible de déposer votre candidature.
Etape 3: Période de test
Si vous remplissez les conditions (temps de référence des maps test validés, fiche de recrutement remplit), vous pourrez alors entrer dans la période de test.
Une fois cela fait, le tag des spam "A" test vous sera fournit, et vous pourrez alors commencer votre période de test.
Durant cette période de test, vous serez mis à l'épreuve pendant une période minimum de quinze jours sur: votre présence sur le forum, teamspeak ainsi que votre mentalité.
Etape 4: Match/soirée pour clôturer votre période de test
Un petit match ( cup ou team) sera organisé avec des pilotes officiels de votre niveau afin de vous juger en match (ne pas organiser ce match "à l'arrache", il faut un minimum de présence spam de façon à lancer l'étape 5
Etape 5: Sondage en interne, et verdict final
Un sondage sera lancé, en interne, avec l'ensemble de la team afin de valider ou non votre intégration au seins de notre équipe.
Bon courage pour le test
Have fun, l'équipe Spam !
Ensuite, dans cette page HTML se trouverait un bouton qui pointerait vers le formulaire automatique (bouton du même design que celui se trouvant dans le formulaire: http://spamteam.forumactif.org/h7-fiche-de-recrutement
Ensuite, j'aimerai, si possible ajouter un champ dans le formulaire (j'ai réussi à l'ajouter, mais une fois le formulaire envoyé, rien ne s'affiche
).Ce serait un champ disposé après le champ TeamSpeak 3 (Oui/Non):
Temps sur les maps test (avec replays) / Time on test maps (with replays) *
Ressources
Voici le code du formulaire, et la page html affichée: http://spamteam.forumactif.org/h7-fiche-de-recrutement
- Code:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="author" content="Onyx" />
<title>Fiche de recrutement</title>
<style type="text/css">
body {
margin: 0px;
background-color: #010101;
color: #c4c4c4;
font-family: 'Verdana';
font-size: 13px;
}
#recrutform {
background: url('http://img4.hostingpics.net/pics/412451forumlinefond.jpg');
box-shadow: 1px 1px 2px #6FEC53;
margin: auto;
margin-top: 10px;
margin-bottom: 10px;
border-radius: 10px;
width: 710px;
padding: 10px;
}
#recrutformin {
background-color: #242424;
padding: 10px;
border-radius: 10px;
}
h1, h2 {
text-align: center;
font-family: 'Verdana';
font-size: 28px;
font-weight: normal;
text-decoration: underline;
}
h2 {
font-size: 20px;
}
input[type="text"], textarea {
display: inline-bloc;
margin-top: 3px;
background-color: #353535;
color: #a3a3a3;
padding: 5px;
border: none;
border-radius: 5px;
box-shadow: inset 2px 2px 2px #101010, inset -2px -2px 1px #303030;
font-size: 13px;
font-family: 'Arial';
}
input[type="radio"] {
display: inline-bloc;
margin-top: 3px;
vertical-align: bottom;
}
input[type="submit"] {
text-align: center;
display: block;
margin: auto;
font-weight: bold;
background-color: #353535;
color: #dfdfdf;
padding: 5px;
border: none;
border-radius: 5px;
padding-left: 10px;
padding-right: 10px;
border: 1px solid #499b36;
border-bottom: 2px solid #499b36;
border-top: 2px solid #499b36;
}
input[type="submit"]:hover {
cursor: pointer;
background-color: #454545;
box-shadow: 3px 3px 3px #101010;
}
textarea {
width: 97%;
height: 80px;
}
.redd {
color: red;
}
</style>
<script type="text/javascript">
//<!--
function envoiMessage(form) {
var champs = document.getElementsByClassName("obligatoire");
var total = 0;
for (i=0; i<champs.length; i++) {
var champvaleur = champs[i].value;
if (champvaleur.length > 0) {
total = total+1;
}
}
if (total < champs.length) {
alert("Tu dois remplir tous les champs obligatoires. You must answer all mandatory questions.");
return false;
}
else {
var environn = "Dirt";
var compett = "Oui";
var speakk = "Oui";
if (document.getElementById('road').checked) {
var environn = "Road"
}
if (document.getElementById('non').checked) {
var compett = "Non"
}
if (document.getElementById('non2').checked) {
var speakk = "Non"
}
var title_message = "[" + environn + "] Candidature de " + form.pseudo.value;
form.titre.value = title_message;
var txt_message =
"<div class='bloc_recrut'>" +
"<h1>[" + environn + "] Candidature de " + form.pseudo.value + "</h1>" + "<br />" +
"<b>Prénom / First name</b><br />" + form.prenom.value + "<br />" + "<br />" +
"<b>Ton âge / Your age</b><br />" + form.age.value + "<br />" + "<br />" +
"<h2><FONT COLOR=#A60B00>IN - In Game</FONT></h2>" +
"<b>Login / login</b><br />" + form.login.value + "<br />" + "<br />" +
"<b>Pseudo / Nickname</b><br />" + form.pseudo.value + "<br />" + "<br />" +
"<b>Environnement / Environment</b><br />" + environn + "<br />" + "<br />" +
"<b>Ancien(s) pseudo(s) / Previous nickname(s)</b><br />" + form.oldpseudo.value + "<br />" + "<br />" +
"<b>Ancienne(s) Team(s) / Previous team(s)</b><br />" + form.oldteam.value + "<br />" + "<br />" +
"<b>Raisons de départ de ces teams / Reasons to leave my previous teams</b><br />" + form.raison.value + "<br />" + "<br />" +
"<b>Si j'ai postulé simultanément dans d'autres teams et lesquelles ? / If I am still currently with another teams and which ones ?</b><br />" + form.simult.value + "<br />" + "<br />" +
"<b>Ancienneté sur le jeu / Oldness TMN</b><br />" + form.ancient.value + "<br />" + "<br />" +
"<b>Heures de connexions sur le jeu / Online times</b><br />" + form.heures.value + "<br />" + "<br />" +
"<b>Fréquences de connexions au forum / Frequency connection forum</b><br />" + form.frequent.value + "<br />" + "<br />" +
"<b>Pourquoi je souhaite devenir un Stupidos / Motivation to become a Stupidos</b><br />" + form.motiv.value + "<br />" + "<br />" +
"<b>Savoir-faire à mettre au profit de la team / Know-how to put to the benefit of the team</b><br />" + form.skills.value + "<br />" + "<br />" +
"<b>Le(s) membre(s) Spam que je connais / Which member(s) of Spam I know</b><br />" + form.spam.value + "<br />" + "<br />" +
"<b>Mon parrain / Member that convinced me to apply</b><br />" + form.parrain.value + "<br />" + "<br />" +
"<b>Motivé pour les compétitions / Motivation for competitions</b><br />" + compett + "<br />" + "<br />" +
"<b>Teamspeak3</b><br />" + speakk + "<br />" + "<br />" +
"<h2><FONT COLOR=#A60B00>IRL - In Real Life</FONT></h2>" +
"<b>Hobbies</b><br />" + form.hobbies.value + "<br />" + "<br />" +
"<b>Moi en quelques mots / Me in a few words</b><br />" + form.descript.value +
"</div>";
form.message.value = txt_message;
return true;
}
}
//-->
</script>
</head>
<body>
<form id="recrutform" action="/posting.forum" method="post" name="post" enctype="multipart/form-data" onSubmit="return envoiMessage(this)">
<div id="recrutformin">
<input type="hidden" name="lt" value="0" />
<input type="hidden" name="mode" value="newtopic" />
<input type="hidden" name="topictype" value="0" checked="checked" />
<input type="hidden" name="message" value="" />
<input type="hidden" name="f" value="171" />
<input type="hidden" name="subject" id="titre" value="" />
<h1><FONT COLOR=#A60B00>Fiche de recrutement / Recruitment model</FONT></h1>
<br />
<label for="prenom">Prénom / First name <span class="redd">*</span></label><br />
<input class="obligatoire" type="text" size="50" name="prenom" id="prenom" /><br />
<br />
<label for="age">Ton âge / Your age (interdit aux moins de 16 ans / forbidden less than 16 years old) <span class="redd">*</span></label><br />
<input class="obligatoire" type="text" size="30" name="age" id="age" /><br />
<br />
<br />
<h2><FONT COLOR=#A60B00>IG - In Game</FONT></h2>
<label for="login">Login / login <span class="redd">*</span></label><br />
<input class="obligatoire" type="text" size="50" name="login" id="login" /><br />
<br />
<label for="pseudo">Pseudo / Nickname <span class="redd">*</span></label><br />
<input class="obligatoire" type="text" size="50" name="pseudo" id="pseudo" /><br />
<br />
<label for="enviro">Environnement / Environment <span class="redd">*</span></label><br />
<label for="environ1">Dirt</label> <input type="radio" name="environ" id="dirt" checked="checked" /><br />
<label for="environ2">Road</label> <input type="radio" name="environ" id="road" /><br />
<br />
<label for="oldpseudo">Ancien(s) pseudo(s) / Previous nickname <span class="redd">*</span></label><br />
<input class="obligatoire" type="text" size="90" name="oldpseudo" id="oldpseudo" /><br />
<br />
<label for="oldteam">Ancienne(s) Team(s) / Previous team(s) <span class="redd">*</span></label><br />
<input class="obligatoire" type="text" size="90" name="oldteam" id="oldteam" /><br />
<br />
<label for="raison">Raisons de départ de ces teams / Reasons to leave your previous teams <span class="redd">*</span></label><br />
<input class="obligatoire" type="text" size="90" name="raison" id="raison" /><br />
<br />
<label for="simult">As-tu postulé simultanément dans d'autres teams, si oui lesquelles ? / Are you still currently with another team, if yes which one ? <span class="redd">*</span></label><br />
<input class="obligatoire" type="text" size="90" name="simult" id="simult" /><br />
<br />
<label for="ancient">Ancienneté sur le jeu / Oldness TMN (un an minimum / one year minimum) <span class="redd">*</span></label><br />
<input class="obligatoire" type="text" size="50" name="ancient" id="ancient" /><br />
<br />
<label for="heures">Heures de connexions sur le jeu / Online times <span class="redd">*</span></label><br />
<input class="obligatoire" type="text" size="70" name="heures" id="heures" /><br />
<br />
<label for="frequent">Fréquences de connexions au forum / Frequency connection forum <span class="redd">*</span></label><br />
<input class="obligatoire" type="text" size="70" name="frequent" id="frequent" /><br />
<br />
<label for="motiv">Pourquoi souhaites tu devenir un "Stupidos" ? / Motivation to become a "Stupidos" <span class="redd">*</span></label><br />
<textarea class="obligatoire" name="motiv" id="motiv"></textarea><br />
<br />
<label for="skills">Savoir-faire à mettre au profit de la team / Know-how to put to the benefit of the team <span class="redd">*</span></label><br />
<textarea class="obligatoire" name="skills" id="skills"></textarea><br />
<br />
<label for="spam">Quel(s) membre(s) Spam connais-tu ? / Which member(s) do you know ? <span class="redd">*</span></label><br />
<input class="obligatoire" type="text" size="90" name="spam" id="spam" /><br />
<br />
<label for="parrain">Qui est ton parrain (spam officiel) (le membre qui t'a convaincu de postuler) / Member that convinced you to apply ? <span class="redd">*</span></label><br />
<input class="obligatoire" type="text" size="50" name="parrain" id="parrain" /><br />
<br />
<label for="compe">Motivé pour les compétitions ? / Motivation for competitions ? <span class="redd">*</span></label><br />
<label for="compet1">Oui</label> <input type="radio" name="compet" id="oui1" checked="checked" /><br />
<label for="compet2">Non</label> <input type="radio" name="compet" id="non" /><br />
<br />
<label for="spea">Teamspeak3 ? <span class="redd">*</span></label><br />
<label for="speak1">Oui</label> <input type="radio" name="speak" id="oui2" checked="checked" /><br />
<label for="speak2">Non</label> <input type="radio" name="speak" id="non2" /><br />
<br />
<br />
<h2><FONT COLOR=#A60B00>IRL - In Real Life</FONT></h2>
<label for="hobbies">Hobbies</label><br />
<input type="text" size="90" name="hobbies" id="hobbies" /><br />
<br />
<label for="descript">Décris-toi en quelques mots / Describe yourself in a few words</label><br />
<textarea name="descript" id="descript"></textarea><br />
<br />
<br />
<br />
<input type="submit" name="post" value="Envoyer le formulaire" /><br />
</div>
</form>
</body>
</html>
Le JS de ce formulaire, avec un bouton affiché sous la barre de navigation, et le bouton nouveau de la partie concerné par ce forum pointe vers le formulaire:
- Code:
/*Attendre le chargement de la page*/
$(function(){
/*Lien vers le formulaire*/
var changea = "http://spamteam.forumactif.org/h7-fiche-de-recrutement";
/*On trouve la navigation et on ajoute le bouton pour se rendre sur le formulaire*/
$("#search_menu").closest("table").after('<div class="bouton_recrut"><a href="' +
changea + '">Postuler pour faire partie de la team</a></div>');
/*On regarde si on est sur le sous-forum des candidatures*/
if ($(location).attr("href") == "http://spamteam.forumactif.org/f171-candidatures") {
/*Si on y est on change le lien des boutons nouveau pour le lien vers le formulaire*/
$("#i_post").parent().attr("href", changea);
$("#i_post1").parent().attr("href", changea);
}
});
Et le CSS:
- Code:
.bloc_recrut {
color: #ffffff;
font-family: 'Verdana';
font-size: 12px;
}[size=14][/size]
.bloc_recrut h1, .bloc_recrut h2 {
text-align: center;
color: #ffffff;
font-family: 'Verdana';
font-size: 28px;
font-weight: normal;
text-decoration: underline;
}[size=14][/size]
.bloc_recrut h2 {
font-size: 20px;
}[size=14][/size]
.bouton_recrut /*Bouton de candidature*/ {
margin: auto;
text-align: center;
}[size=14][/size]
.bouton_recrut a /*Lien du bouton de candidature*/ {
display: inline-block;
margin-top: 10px;
margin-bottom: 5px;
background-image: url('http://img4.hostingpics.net/pics/412451forumlinefond.jpg');
background-repeat: repeat;
border-radius: 8px;
box-shadow: 1px 1px 2px #6FEC53;
font-size: 10px;
font-weight: 700;
padding: 5px;
font-size: 13px;
color: #f5f5f5;
font-family: 'Verdana', 'Arial', 'Helvetica', 'sans-serif';
}
Merci d'avance de votre aide
Bonne soirée.
Dernière édition par Slyd le Jeu 16 Juin 2016 - 19:16, édité 1 fois
