Page auto Post

Arkmel Membre non connecté

Booster Fronde

Le 07/09/2011 à 13h38

Bonjour,

Je viens ici pour vous demandez une petite chose (enfin, une chose pas si petite que ça en fait ^^)

Je m'explique :
J'utilise PhpBoost 3.0 pour mon site.
Notre site organise des competitions sur un jeu de foot.
Nous organisons des matchs entre nous, et comme vous le savez certainement, après un match, il y a des résultats.
Bref, je passe les détails.

Le truc que je souhaiterais, est d’intégrer dans une page une fiche que les joueurs remplirons (Style Formulaire), afin de générer une feuille de match en BBcode.

Les joueurs appuierais sur un bouton du genre "Générer la fiche" une fois le formulaire rempli avec les infos demandées, et cela leur donnerais un code BBcode a copier.
Une fois ce code copier, ils n'auraient plus qu'a poster dans un sujet de la catégorie appropriée en collant ce code.

En fouillant sur internet, j'ai trouvé un petit code HTML qui permet de faire ça.

Je vous fait part de ce code :

Code HTML :

<html>
<head>
<style>div {white-space:nowrap;}</style>
<script>
//Au cas où pas de JQuery
function G(id) {return document.getElementById(id); }
 
//Fonction qui génère la fiche du profil
function GenereFiche()
{
G("txtFiche").value=
  "[img]"+ G("inAvatar").value+"[/img]n" +
  "Salut a tous, je m'appelle " + G("inPrenom").value + " " + G("inNom").value +"n" +
  "J'ai " + G("inAge").value + " ans.n" +
  "[img]Image PASSIONS[/img]n"+
  "J'aime " + G("inPassions").value;
}
</script>
</head>
 
<body>
  <div>Nom : <br><input id="inNom" type="text" style="width:200px"></div>
  <div>Prénom : <br><input id="inPrenom" type="text" style="width:200px"></div>
  <div>Age : <br><input id="inAge" type="text" style="width:50px" maxlength="3"> ans</div>
  <div>Passions : <br><textarea id="inPassions" rows="3" cols="30"></textarea></div>
  <div>Avatar : <br><input id="inAvatar" type="text" width="100px"></div>
<br>
<input type="button" onclick="GenereFiche()" value="Générer la fiche"/>
 
<hr>
 
<textarea id="txtFiche" rows="10" cols="50"></textarea>
 
</body>
</html>

Je suis donc parti de ce code pour essayé de faire ce que je voudrais.

J'ai donc "Bidouillé" avec mes maigres connaissances, et je suis parvenu a faire ce code :

Code HTML :

 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<style>div {white-space:nowrap;}</style>
<script>
//Au cas où pas de JQuery
function G(id) {return document.getElementById(id); }
//Fonction qui génère la fiche du profil
function GenereFiche()
{
G("txtFiche").value=
"[align=center][img]http://i41.servimg.com/u/f41/11/21/80/33/feuill10.png[/img]n[/align]" +
"[align=center][b][i][color=white][size=20]Journée N° : " + G("inJournee").value + "n[/size][/color][/i][/b][/align]" +
"[align=center][img]http://i41.servimg.com/u/f41/11/21/80/33/ligne10.png[/img][/align]" +
"[b][color=#FF9900][size=35][img]http://i41.servimg.com/u/f41/11/21/80/33/locaux11.png[/img] : " + G("inEquipe1").value + "n[/size][/color][/b]" + "[b][color=#FF9900][size=35][img]http://i41.servimg.com/u/f41/11/21/80/33/visite11.png[/img] : " + G("inEquipe2").value + "n[/size][/color][/b]" +
"[align=center][img]http://i41.servimg.com/u/f41/11/21/80/33/ligne10.png[/img][/align]" +
"[size=30][color=#FFCC00][b][img]http://i41.servimg.com/u/f41/11/21/80/33/score_12.png[/img] : " + G("inScore1").value + "n[/b][/color][/size]" +
"[b][color=#FFCC00][size=30][img]http://i41.servimg.com/u/f41/11/21/80/33/score_13.png[/img] : " + G("inScore2").value + "n[/size][/color][/b]" +
"[align=center][img]http://i41.servimg.com/u/f41/11/21/80/33/ligne10.png[/img][/align]" +
"[b][color=white][size=20][img]http://i41.servimg.com/u/f41/11/21/80/33/but_lo11.png[/img] : " + G("inBut1").value + "n[/size][/color][/b]" +
"[size=20][b][color=white][img]http://i41.servimg.com/u/f41/11/21/80/33/but_vi11.png[/img] : " + G("inBut2").value + "n[/color][/b][/size]" +
"[align=center][img]http://i41.servimg.com/u/f41/11/21/80/33/ligne10.png[/img][/align]" +
"[size=25][color=yellow][img]http://i41.servimg.com/u/f41/11/21/80/33/cjloc10.png[/img] : " + G("inJaune1").value + "n[/color][/size]" +
"[size=25][color=yellow][img]http://i41.servimg.com/u/f41/11/21/80/33/cj_vis10.png[/img] : " + G("inJaune2").value + "n[/color][/size]" +
"[size=25][color=red][img]http://i41.servimg.com/u/f41/11/21/80/33/crloc10.png[/img] : " + G("inRouge1").value + "n[/color][/size]" +
"[size=25][color=red][img]http://i41.servimg.com/u/f41/11/21/80/33/crvis10.png[/img] : " + G("inRouge2").value + "n[/color][/size]" +
"[align=center][img]http://i41.servimg.com/u/f41/11/21/80/33/ligne10.png[/img][/align]" +
"[align=center][img]http://i41.servimg.com/u/f41/11/21/80/33/commen10.png[/img][/align]" + G("inComments").value;
}
</script>
</head>
<body>
<div style="text-align: center;">
<img style="width: 530px; height: 80px;"
alt="Formulaire feuille de match"
src="http://i41.servimg.com/u/f41/11/21/80/33/entete10.png"><br>
<img style="width: 130px; height: 130px;" alt="Logo"
src="http://i41.servimg.com/u/f41/11/21/80/33/logo13.png">
<br>
<img style="width: 530px; height: 20px;" alt="separation"
src="http://i41.servimg.com/u/f41/11/21/80/33/ligne12.png"><br>
<img style="width: 50px; height: 50px;" alt="Etape 1"
src="http://i41.servimg.com/u/f41/11/21/80/33/111.png"><br>
<big style="color: rgb(255, 204, 102);"><span
style="font-weight: bold; font-style: italic;">Entrez Les
Noms des Equipes<br>
<br>
</span></big>
<img style="width: 200px; height: 60px;" alt="Equipe Locale"
src="http://i41.servimg.com/u/f41/11/21/80/33/locaux10.png">&nbsp;&nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp;
<img style="width: 200px; height: 60px;"
alt="Equipe Visiteurs"
src="http://i41.servimg.com/u/f41/11/21/80/33/visite10.png"><br>
<input id="inEquipe1" style="width: 150px;" type="text">
&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp;
<input id="inEquipe2" style="width: 150px;" type="text"><br>
<div style="text-align: center;">
<br>
<big style="color: rgb(255, 204, 102);"><span
style="font-weight: bold; font-style: italic;">Entrez Le
Numero de la Journ&eacute;e<br>
</span></big><input id="inJournee"
style="width: 20px;" type="text"><br>
<br>
<img style="width: 530px; height: 20px;" alt="separation"
src="http://i41.servimg.com/u/f41/11/21/80/33/ligne12.png"><br>
<big style="color: rgb(255, 204, 102);"><span
style="font-weight: bold; font-style: italic;"><img
style="width: 50px; height: 50px;" alt="etape 2"
src="http://i41.servimg.com/u/f41/11/21/80/33/210.png"><br>
Entrez vos
resultats dans les cases ci-dessous</span><br
style="font-weight: bold; font-style: italic;">
</big>
<br>
<img style="width: 200px; height: 60px;" alt="Equipe Locale"
src="http://i41.servimg.com/u/f41/11/21/80/33/locaux10.png">
<input id="inScore1" style="width: 20px;" type="text">&nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp;<input id="inScore2"
style="width: 20px;" type="text"> <img
style="width: 200px; height: 60px;" alt="Equipe Locale"
src="http://i41.servimg.com/u/f41/11/21/80/33/visite10.png">
</div>
<br>
<div style="text-align: center;"><img
style="width: 530px; height: 20px;" alt="separation"
src="http://i41.servimg.com/u/f41/11/21/80/33/ligne12.png"></div>
<br>
<div style="text-align: center;"><big><span
style="font-weight: bold; font-style: italic; color: rgb(255, 204, 102);"><img
style="width: 50px; height: 50px;" alt="Etape 3"
src="http://i41.servimg.com/u/f41/11/21/80/33/310.png"><br>
Entrez
les noms des buteurs</span><br
style="font-weight: bold; font-style: italic; color: rgb(255, 204, 102);">
<span
style="font-weight: bold; font-style: italic; color: rgb(255, 204, 102);">(si
il n'y en pas, marqu&eacute; : Aucun)</span></big><br>
<br>
<img style="width: 300px; height: 60px;" alt="Buteurs Locaux"
src="http://i41.servimg.com/u/f41/11/21/80/33/but_lo10.png"><br>
&nbsp;<textarea id="inBut1" rows="1" cols="1"></textarea><br>
<br>
----------------------------------------------------------------------<br>
<br>
<img style="width: 300px; height: 60px;"
alt="Buteurs visteurs"
src="http://i41.servimg.com/u/f41/11/21/80/33/but_vi10.png"><br>
&nbsp;<textarea id="inBut2" rows="1" cols="1"></textarea>
<br>
<br>
<div style="text-align: center;"><img
style="width: 530px; height: 20px;" alt="separation"
src="http://i41.servimg.com/u/f41/11/21/80/33/ligne12.png"></div>
<br>
<big><span
style="font-weight: bold; font-style: italic; color: rgb(255, 204, 102);"><img
style="width: 50px; height: 50px;" alt="Etape 4"
src="http://i41.servimg.com/u/f41/11/21/80/33/411.png"><br>
Entrez
cartons Jaunes et Rouges</span><br
style="font-weight: bold; font-style: italic; color: rgb(255, 204, 102);">
<span
style="font-weight: bold; font-style: italic; color: rgb(255, 204, 102);">(si
il n'y en pas, marqu&eacute; : 0)</span></big><br>
<br>
<img style="width: 150px; height: 60px;"
alt="Carton jaune locaux"
src="http://i41.servimg.com/u/f41/11/21/80/33/cjloc10.png">&nbsp;<input
id="inJaune1" style="width: 20px;" maxlength="3"
type="text">
&nbsp; &nbsp; &nbsp;&nbsp;<img
style="width: 150px; height: 60px;" alt="Carton jaune visiteurs"
src="http://i41.servimg.com/u/f41/11/21/80/33/cj_vis10.png">
<input id="inJaune2" style="width: 20px;" maxlength="3"
type="text"><br>
<br>
--------------------------------------------------------------------<br>
<br>
<img style="width: 150px; height: 60px;"
alt="Carton rouge locaux"
src="http://i41.servimg.com/u/f41/11/21/80/33/crloc10.png">&nbsp;<input
id="inRouge1" style="width: 20px;" maxlength="3"
type="text">
&nbsp; &nbsp; &nbsp;&nbsp;<img
style="width: 150px; height: 60px;" alt="Carton rouge visiteurs"
src="http://i41.servimg.com/u/f41/11/21/80/33/crvis10.png"> <input
id="inRouge2" style="width: 20px;" maxlength="3"
type="text"><br>
<br>
<br>
<div style="text-align: center;"><img
style="width: 530px; height: 20px;" alt="separation"
src="http://i41.servimg.com/u/f41/11/21/80/33/ligne12.png"><br>
</div>
<br>
<big><span
style="font-weight: bold; font-style: italic; color: rgb(255, 204, 102);"><img
style="width: 50px; height: 50px;" alt="Etape 5"
src="http://i41.servimg.com/u/f41/11/21/80/33/511.png"><br>
Laissez
un petit commentaire sur le match</span><span
style="font-weight: bold; font-style: italic; color: rgb(255, 204, 102);"><br>
<br>
</span></big><img style="width: 300px; height: 60px;"
alt="Commentaires sur le match"
src="http://i41.servimg.com/u/f41/11/21/80/33/commme10.png"><br>
<textarea id="inComments" rows="3" cols="30"></textarea></div>
<div style="text-align: center;"><br>
<img style="width: 530px; height: 20px;" alt="separation"
src="http://i41.servimg.com/u/f41/11/21/80/33/ligne12.png"><br>
<br>
<big><span
style="font-weight: bold; font-style: italic; color: rgb(255, 204, 102);"><img
style="width: 50px; height: 50px;" alt="Etape 6"
src="http://i41.servimg.com/u/f41/11/21/80/33/611.png"><br>
Cliquez
sur "Generer la fiche" ci-dessous</span></big><br>
<br>
<div style="text-align: center;"><input
onclick="GenereFiche()" value="G&eacute;n&eacute;rer la fiche"
type="button">
</div>
<hr style="margin-left: auto; margin-right: auto;">
<div style="text-align: center;"><textarea id="txtFiche"
rows="10" cols="50"></textarea></div>
<br>
<img style="width: 530px; height: 20px;" alt="separation"
src="http://i41.servimg.com/u/f41/11/21/80/33/ligne12.png"><br>
<span style="font-style: italic;"><span
style="font-weight: bold;"><br>
<img style="width: 50px; height: 50px;" alt="Etape 7"
src="http://i41.servimg.com/u/f41/11/21/80/33/711.png"><br>
</span></span><big><span
style="font-weight: bold; font-style: italic; color: rgb(255, 204, 102);">Copiez
le code tel que vous le voyez dans la fenetre </span></big><big><span
style="font-weight: bold; font-style: italic; color: rgb(255, 204, 102);">(ctrl+c)<br>
Puis collez ce code dans le post de votre match (ctrl+v)<br>
</span></big><big><span
style="font-weight: bold; font-style: italic; color: rgb(255, 204, 102);"><br>
</span></big><br>
<img style="width: 530px; height: 80px;" alt="Pied de page"
src="http://i41.servimg.com/u/f41/11/21/80/33/pied10.png"></div>
</div>
</body>
</html>

Mais le résultat n'est pas vraiment "joli".

Donc, j'aimerais avoir une âme charitable qui pourrais voir ou m'expliquer pour que le texte généré au final puisse s’intégrer dans une image.
Je met l'image que je souhaiterais mettre ci-dessous :

J'aimerais que le texte généré par le code se mettre a des endroits stratégiques de cette image.

Je sais pas si je suis assez clair, mais je suis ouvert a tout aide et question.

Merci d'avance.

PS : Désolé pour les faute d’orthographe ...

Tant va la cruche a l'eau, qu'a la fin, tu me les brises

Arkmel Membre non connecté

Booster Fronde

Le 09/09/2011 à 23h50

#105230

Ok, voici le code pour le formulaire a remplir :

Caché :

Code HTML :

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <style>div {white-space:nowrap;}</style>
  <script>
//Au cas où pas de JQuery
function G(id) {return document.getElementById(id); }
 
//Fonction qui génère la feuille de match
function GenereFiche()
{
G("txtFiche").value=
"[table]"
"[row]"
"[head colspan="2"]" + G("inJournee").value"[/head]"
"[/row]"
"[row]"
"[col][size=17][align=center][color=red]" + G("inEquipe1").value"[/color][/align][/size][/col]"
"[col][align=center][size=17]" + G("inEquipe2").value"[/size][/align][/col]"
"[/row]"
"[row]"
"[col][size=10][align=center][color=red]" + G("inScore1").value"[/color][/align][/size][/col]"
"[col][size=10][align=center]" + G("inScore2").value"[/align][/size][/col]"
"[/row]"
"[row]"
"[col][img]http://i40.servimg.com/u/f40/15/20/31/62/sans_t16.jpg[/img][/url][/col]"
"[col][img]http://i40.servimg.com/u/f40/15/20/31/62/sans_t16.jpg[/img][/url][/col]"
"[/row]"
"[row]"
"[col][size=10][align=center]" + G("inBut1").value"[/align][/size][/col]"
"[col][size=10][align=center]" + G("inBut2").value"[/align][/size][/col]"
"[/row]"
"[row]"
"[col][img]http://i40.servimg.com/u/f40/15/20/31/62/sans_t17.jpg[/img][/url][/col]"
"[col][img]http://i40.servimg.com/u/f40/15/20/31/62/sans_t17.jpg[/img][/url][/col]"
"[/row]"
"[row]"
"[col][align=center][size=10]" + G("inJaune1").value"[/size][/align][/col]"
"[col][size=10][align=center]" + G("inJaune2").value"[/align][/size][/col]"
"[/row]"
"[row]"
"[col][img]http://i40.servimg.com/u/f40/15/20/31/62/sans_t15.jpg[/img][/url][/col]"
"[col][img]http://i40.servimg.com/u/f40/15/20/31/62/sans_t15.jpg[/img][/url][/col]"
"[/row]"
"[row]"
"[col][align=center][size=10]" + G("inRouge1").value"[/size][/align][/col]"
"[col][size=10][align=center]" + G("inRouge2").value"[/align][/size][/col]"
"[/row]"
"[/table]"
"[b][u]Commentaire[/u][/b]" : " + G("inComments").value;
}
  </script>
  <title>autopostV2</title>
</head>
<body>
<div style="text-align: center;">
<img style="width: 530px; height: 80px;"
 alt="Formulaire feuille de match"
 src="http://i41.servimg.com/u/f41/11/21/80/33/entete10.png"><br>
<img style="width: 130px; height: 130px;" alt="Logo"
 src="http://i41.servimg.com/u/f41/11/21/80/33/logo13.png">
<br>
<img style="width: 530px; height: 20px;" alt="separation"
 src="http://i41.servimg.com/u/f41/11/21/80/33/ligne12.png"><br>
<img style="width: 50px; height: 50px;" alt="Etape 1"
 src="http://i41.servimg.com/u/f41/11/21/80/33/111.png"><br>
<big style="color: rgb(255, 204, 102);"><span
 style="font-weight: bold; font-style: italic;">Entrez Les
Noms des Equipes<br>
<br>
</span></big>
<img style="width: 200px; height: 60px;" alt="Equipe Locale"
 src="http://i41.servimg.com/u/f41/11/21/80/33/locaux10.png">&nbsp;&nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp;
<img style="width: 200px; height: 60px;"
 alt="Equipe Visiteurs"
 src="http://i41.servimg.com/u/f41/11/21/80/33/visite10.png"><br>
<input id="inEquipe1" style="width: 150px;"
 maxlength="13" type="text">
&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp;
<input id="inEquipe2" style="width: 150px;"
 maxlength="13" type="text"><br>
<div style="text-align: center;">
<br>
<big style="color: rgb(255, 204, 102);"><span
 style="font-weight: bold; font-style: italic;">Entrez Le
Numero de la Journ&eacute;e<br>
</span></big><input id="inJournee"
 style="width: 20px;" maxlength="2" type="text"><br>
<br>
<img style="width: 530px; height: 20px;" alt="separation"
 src="http://i41.servimg.com/u/f41/11/21/80/33/ligne12.png"><br>
<big style="color: rgb(255, 204, 102);"><span
 style="font-weight: bold; font-style: italic;"><img
 style="width: 50px; height: 50px;" alt="etape 2"
 src="http://i41.servimg.com/u/f41/11/21/80/33/210.png"><br>
Entrez vos
resultats dans les cases ci-dessous</span><br
 style="font-weight: bold; font-style: italic;">
</big>
<br>
<img style="width: 200px; height: 60px;" alt="Equipe Locale"
 src="http://i41.servimg.com/u/f41/11/21/80/33/locaux10.png">
<input id="inScore1" style="width: 20px;" maxlength="2"
 type="text">&nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp;<input id="inScore2"
 style="width: 20px;" maxlength="2" type="text">
<img style="width: 200px; height: 60px;" alt="Equipe Locale"
 src="http://i41.servimg.com/u/f41/11/21/80/33/visite10.png"></div>
<br>
<div style="text-align: center;"><img
 style="width: 530px; height: 20px;" alt="separation"
 src="http://i41.servimg.com/u/f41/11/21/80/33/ligne12.png"></div>
<br>
<div style="text-align: center;"><big><span
 style="font-weight: bold; font-style: italic; color: rgb(255, 204, 102);"><img
 style="width: 50px; height: 50px;" alt="Etape 3"
 src="http://i41.servimg.com/u/f41/11/21/80/33/310.png"><br>
Entrez
les noms des buteurs et les minutes lors du but marqu&eacute;</span><br
 style="font-weight: bold; font-style: italic; color: rgb(255, 204, 102);">
<span
 style="font-weight: bold; font-style: italic; color: rgb(255, 204, 102);">(Exemple
: Messi (48eme), Xavi (65eme)<br>
Si
il n'y en pas, marqu&eacute; : Aucun)</span></big><br>
<br>
<img style="width: 300px; height: 60px;" alt="Buteurs Locaux"
 src="http://i41.servimg.com/u/f41/11/21/80/33/but_lo10.png"><br>
&nbsp;<textarea id="inBut1" rows="1" cols="1"></textarea><br>
<br>
----------------------------------------------------------------------<br>
<br>
<img style="width: 300px; height: 60px;"
 alt="Buteurs visteurs"
 src="http://i41.servimg.com/u/f41/11/21/80/33/but_vi10.png"><br>
&nbsp;<textarea id="inBut2" rows="1" cols="1"></textarea>
<br>
<br>
<div style="text-align: center;"><img
 style="width: 530px; height: 20px;" alt="separation"
 src="http://i41.servimg.com/u/f41/11/21/80/33/ligne12.png"></div>
<br>
<big><span
 style="font-weight: bold; font-style: italic; color: rgb(255, 204, 102);"><img
 style="width: 50px; height: 50px;" alt="Etape 4"
 src="http://i41.servimg.com/u/f41/11/21/80/33/411.png"><br>
Entrez
cartons Jaunes et Rouges</span><br
 style="font-weight: bold; font-style: italic; color: rgb(255, 204, 102);">
<span
 style="font-weight: bold; font-style: italic; color: rgb(255, 204, 102);"></span></big><big><span
 style="font-weight: bold; font-style: italic; color: rgb(255, 204, 102);">(Exemple
: Messi (48eme), Xavi (65eme)<br>
Si
il n'y en pas, marqu&eacute; : Aucun)</span></big><br>
<br>
<img style="width: 150px; height: 60px;"
 alt="Carton jaune locaux"
 src="http://i41.servimg.com/u/f41/11/21/80/33/cjloc10.png"><br>
<textarea id="inJaune1" rows="1" cols="1"></textarea><br>
<br>
<br>
<img style="width: 150px; height: 60px;"
 alt="Carton jaune visiteurs"
 src="http://i41.servimg.com/u/f41/11/21/80/33/cj_vis10.png"><br>
<textarea id="inJaune2" rows="1" cols="1"></textarea><br>
<br>
<br>
--------------------------------------------------------------------<br>
<br>
<img style="width: 150px; height: 60px;"
 alt="Carton rouge locaux"
 src="http://i41.servimg.com/u/f41/11/21/80/33/crloc10.png"><br>
<textarea id="inRouge1" rows="1" cols="1"></textarea><br>
<br>
&nbsp;<br>
<img style="width: 150px; height: 60px;"
 alt="Carton rouge visiteurs"
 src="http://i41.servimg.com/u/f41/11/21/80/33/crvis10.png"><br>
<textarea id="inRouge2" rows="1" cols="1"></textarea><br>
<br>
<br>
<div style="text-align: center;"><img
 style="width: 530px; height: 20px;" alt="separation"
 src="http://i41.servimg.com/u/f41/11/21/80/33/ligne12.png"><br>
</div>
<br>
<big><span
 style="font-weight: bold; font-style: italic; color: rgb(255, 204, 102);"><img
 style="width: 50px; height: 50px;" alt="Etape 5"
 src="http://i41.servimg.com/u/f41/11/21/80/33/511.png"><br>
Laissez
un petit commentaire sur le match</span><span
 style="font-weight: bold; font-style: italic; color: rgb(255, 204, 102);"><br>
<br>
</span></big><img style="width: 300px; height: 60px;"
 alt="Commentaires sur le match"
 src="http://i41.servimg.com/u/f41/11/21/80/33/commme10.png"><br>
<textarea id="inComments" rows="3" cols="30"></textarea></div>
<div style="text-align: center;"><br>
<img style="width: 530px; height: 20px;" alt="separation"
 src="http://i41.servimg.com/u/f41/11/21/80/33/ligne12.png"><br>
<br>
<big><span
 style="font-weight: bold; font-style: italic; color: rgb(255, 204, 102);"><img
 style="width: 50px; height: 50px;" alt="Etape 6"
 src="http://i41.servimg.com/u/f41/11/21/80/33/611.png"><br>
Cliquez
sur "Generer la fiche" ci-dessous</span></big><br>
<br>
<div style="text-align: center;"><input
 onclick="GenereFiche()" value="G&eacute;n&eacute;rer la fiche"
 type="button">
</div>
<hr style="margin-left: auto; margin-right: auto;">
<div style="text-align: center;"><textarea id="txtFiche"
 rows="10" cols="50"></textarea></div>
<br>
<img style="width: 530px; height: 20px;" alt="separation"
 src="http://i41.servimg.com/u/f41/11/21/80/33/ligne12.png"><br>
<span style="font-style: italic;"><span
 style="font-weight: bold;"><br>
<img style="width: 50px; height: 50px;" alt="Etape 7"
 src="http://i41.servimg.com/u/f41/11/21/80/33/711.png"><br>
</span></span><big><span
 style="font-weight: bold; font-style: italic; color: rgb(255, 204, 102);">Copiez
le code tel que vous le voyez dans la fenetre </span></big><big><span
 style="font-weight: bold; font-style: italic; color: rgb(255, 204, 102);">(ctrl+c)<br>
Puis collez ce code dans le post de votre match (ctrl+v)<br>
</span></big><big><span
 style="font-weight: bold; font-style: italic; color: rgb(255, 204, 102);"><br>
</span></big><br>
<img style="width: 530px; height: 80px;" alt="Pied de page"
 src="http://i41.servimg.com/u/f41/11/21/80/33/pied10.png"></div>
</div>
</body>
</html>

Tu trouveras la partie qui doit se générer a partir de cette ligne :

//Fonction qui génère la feuille de match

Caché :

Code HTML :

<script>
//Au cas où pas de JQuery
function G(id) {return document.getElementById(id); }
 
//Fonction qui génère la feuille de match
function GenereFiche()
{
G("txtFiche").value=
"[table]"
"[row]"
"[head colspan="2"]" + G("inJournee").value"[/head]"
"[/row]"
"[row]"
"[col][size=17][align=center][color=red]" + G("inEquipe1").value"[/color][/align][/size][/col]"
"[col][align=center][size=17]" + G("inEquipe2").value"[/size][/align][/col]"
"[/row]"
"[row]"
"[col][size=10][align=center][color=red]" + G("inScore1").value"[/color][/align][/size][/col]"
"[col][size=10][align=center]" + G("inScore2").value"[/align][/size][/col]"
"[/row]"
"[row]"
"[col][img]http://i40.servimg.com/u/f40/15/20/31/62/sans_t16.jpg[/img][/url][/col]"
"[col][img]http://i40.servimg.com/u/f40/15/20/31/62/sans_t16.jpg[/img][/url][/col]"
"[/row]"
"[row]"
"[col][size=10][align=center]" + G("inBut1").value"[/align][/size][/col]"
"[col][size=10][align=center]" + G("inBut2").value"[/align][/size][/col]"
"[/row]"
"[row]"
"[col][img]http://i40.servimg.com/u/f40/15/20/31/62/sans_t17.jpg[/img][/url][/col]"
"[col][img]http://i40.servimg.com/u/f40/15/20/31/62/sans_t17.jpg[/img][/url][/col]"
"[/row]"
"[row]"
"[col][align=center][size=10]" + G("inJaune1").value"[/size][/align][/col]"
"[col][size=10][align=center]" + G("inJaune2").value"[/align][/size][/col]"
"[/row]"
"[row]"
"[col][img]http://i40.servimg.com/u/f40/15/20/31/62/sans_t15.jpg[/img][/url][/col]"
"[col][img]http://i40.servimg.com/u/f40/15/20/31/62/sans_t15.jpg[/img][/url][/col]"
"[/row]"
"[row]"
"[col][align=center][size=10]" + G("inRouge1").value"[/size][/align][/col]"
"[col][size=10][align=center]" + G("inRouge2").value"[/align][/size][/col]"
"[/row]"
"[/table]"
"[b][u]Commentaire[/u][/b]" : " + G("inComments").value;
}
  </script>

Je n'arrive pas a capter le problème ...

Pour te donner toute les infos voici le tuto du code que j'ai trouver sur le net :

Caché :

Code TEXT :

Tu vois les lignes comme "<div>Nom : <br><input id="inNom" type="text" style="width:200px"></div>" ?
 
C'est là qu'on propose à l'utilisateur de saisir les valeurs des champs. Tu peux donc ajouter des champs d'information en ajoutant ce type de ligne (copie-colle celle-ci, par exemple, en en modifiant les valeurs)
 
Voilà ce qui compose cette ligne :
 
 
    Le <div>...</div>, c'est une "division", qui permet simplement d'encadrer le nom du champ et la boîte de texte pour le saisir, ça permettra éventuellement de formater ces lignes, plus tard, en y ajouter des styles (c'est de l'optionnel, pour l'instant, mieux vaut se concentrer sur le contenu).
 
    Ensuite, on a l'intitulé du champ, "Nom : " dans l'exemple. C'est ce que voit l'utilisateur devant la boîte de saisie.
 
    Après, on a le champ proprement dit : c'est une balise <input> de type "text". Dans le langage HTML, c'est comme ça qu'on décrit une boîte de saisie. A l'intérieur de cet <input>, entre les chevrons (les crochets < et >), on ajoute quelques paramètres pour décrire les spécificités de cette boîte : le id="inNom", c'est l'identifiant, le nom qui nous servira plus tard à aller chercher la valeur entrée par l'utilisateur dans ce champ. Tu peux lui donner la valeur que tu veux, j'ai préfixé les noms de tous les champs par "in" pour marquer que ce sont des noms de champs de saisie ("in" pour "input"), mais c'est une convention personnelle pour m'y retrouver dans les noms de champs, tu peux faire comme tu l'entends. Les minuscules et majuscules comptent, fais-y attention. type="text", c'est pour préciser que c'est un champ texte (ça pourrait être un bouton à cliquer, par exemple, il y en a un plus loin dans la page). Enfin, style="width:200px", c'est un petit style qui précise que la largeur de la boîte doit être de 200 pixels. Tu peux changer cette valeur pour agrandir ou réduire la taille des boîtes de texte.
 
    Tu remarqueras que la boîte "Age" a un paramètre en plus : [i]maxlength="3", qui précise le nombre de caractères maximal que peut saisir l'utilisateur (j'ai mis 3 pour ne pas léser les centenaires).
 
    Pour en finir avec les champs de saisie, les passions sont d'un type de balise différent : <textarea>. C'est le type de champ qui permet de saisir du texte sur plusieurs lignes.
    Les paramètres rows="3" et cols="30" précisent que la boîte de saisie comporte 3 lignes de 30 caractères de long (valeurs que tu peux changer, bien sûr).
 
    La ligne <input type="button" onclick="GenereFiche()" value="Générer la fiche"/> :
    Elle décrit le bouton "Générer la fiche", c'est donc un input de type "button", le value="Générer la fiche" est bien sûr le paramètre où on entre le texte affiché sur le bouton.
 
    Le onclick="GenereFiche()", c'est un paramètre qui indique que quand l'utilisateur clique sur le bouton, on va appeler la fonction GenereFiche(), qu'on va voir plus loin.
 
    Le dernier <textarea> (txtFiche), c'est la boîte dans laquelle on va pondre le résultat.
 
    La fonction GenereFiche() : elle se trouve plutôt en haut du fichier, peu après la balise <script>. C'est du javascript, un langage de programmation intégré aux page HTML. C'est cette fonction qui va pondre le code BB de la fiche utilisateur.
 
    Mais d'abord, il y a une petite fonction à voir : function G(id) {...}
    Cette fonction donne accès à un élément de la page dont on lui fournit l'identifiant (on en a parlé tout-à-l'heure, c'est le "idNom" dans l'exemple pris).
 
    Si j'appelle la fonction G("idNom"), cette fonction me renvoie la boîte correspondante, sous forme d'un objet dont je peux regarder la valeur (mais aussi les différents paramètres, la largeur, etc.)
 
    Ensuite donc, la fonction GenereFiche() : elle est en fait très simple, elle ne comporte qu'une ligne de code. Les retours à la ligne ne comptent pas, je les ai juste mis pour plus de clarté, mais la vrai fin d'une instruction en javascript, c'est le point-virgule, pas le retour à la ligne.
 
    Cette ligne de code, elle règle la valeur de la boîte de texte finale (le <textarea id="txtFiche") :
    le début du code, G("txtFiche").value = , elle appelle la fonction G() en lui passant "txtFiche", ce qui récupère l'objet manipulable "txtFiche", puis dans la foulée, elle modifie le paramètre "value" de cet objet, qui contient en fait le texte qui est saisi dedans. Et elle y met ce qui se trouve après le "=". C'est ça, ce que signifie G("txtFiche").value = blabla.
 
    Maintenant, qu'y a-t-il dans blabla ? Eh bien on y construit le code de la fiche utilisateur.
    Pour ça, on y entre des morceaux de texte, entre guillemets ("du texte"), et on colle ces morceaux avec les signes +.
    Quand on écrit "Voici du " + "texte", ça donne "Voici du texte".
 
    Seulement, là, après "Salut a tous, je m'appelle ", on veut coller le nom et le prénom. Ben on les récupère avec la fameuse fonction G(), en y passant l'identifiant voulu ("idNom" et "idPrenom"), et en récupérant dans l'objet retourné son paramètre ".value" qui contient le texte saisi par l'utilisateur.
 
    Donc on écrit " "Salut a tous, je m'appelle " + G("inPrenom").value + " " + G("inNom").value + "la suite...".
 
    Tu notes qu'entre le nom et le prénom, on colle un espace (le texte " ").
 
    La suite, c'est des la même chose, avec du texte qu'on connait à l'avance et qu'on met dans des blocs entre guillemets, et des champs qu'on récupère avec la fonction G().
 
    Ah, et le "n" ? C'est comme ça qu'on note le retour à la ligne, en javascript. Ca insère un retour à la ligne dans la boîte de texte où on écrit le résultat.

Merci de ton aide ReidLos

Édité par Arkmel Le 09/09/2011 à 23h54

Tant va la cruche a l'eau, qu'a la fin, tu me les brises

ReidLos Membre non connecté

Equipe Développement Modérateur

Le 10/09/2011 à 00h13

#105231

Je pense que comme ça, ça devrait être mieux :

Code HTML :

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <style>div {white-space:nowrap;}</style>
  <script>
//Au cas où pas de JQuery
function G(id) {return document.getElementById(id); }
 
//Fonction qui génère la feuille de match
function GenereFiche()
{
G("txtFiche").value=
"[table]" + 
"[row]" +
"[head colspan="2"]" + G("inJournee").value"[/head]" + 
"[/row]" + 
"[row]" + 
"[col][size=17][align=center][color=red]" + G("inEquipe1").value"[/color][/align][/size][/col]" + 
"[col][align=center][size=17]" + G("inEquipe2").value"[/size][/align][/col]" + 
"[/row]" + 
"[row]" + 
"[col][size=10][align=center][color=red]" + G("inScore1").value"[/color][/align][/size][/col]" + 
"[col][size=10][align=center]" + G("inScore2").value"[/align][/size][/col]" + 
"[/row]" + 
"[row]" + 
"[col][img]http://i40.servimg.com/u/f40/15/20/31/62/sans_t16.jpg[/img][/url][/col]" + 
"[col][img]http://i40.servimg.com/u/f40/15/20/31/62/sans_t16.jpg[/img][/url][/col]" + 
"[/row]" + 
"[row]" + 
"[col][size=10][align=center]" + G("inBut1").value"[/align][/size][/col]" + 
"[col][size=10][align=center]" + G("inBut2").value"[/align][/size][/col]" + 
"[/row]" + 
"[row]" + 
"[col][img]http://i40.servimg.com/u/f40/15/20/31/62/sans_t17.jpg[/img][/url][/col]" + 
"[col][img]http://i40.servimg.com/u/f40/15/20/31/62/sans_t17.jpg[/img][/url][/col]" + 
"[/row]" + 
"[row]" + 
"[col][align=center][size=10]" + G("inJaune1").value"[/size][/align][/col]" + 
"[col][size=10][align=center]" + G("inJaune2").value"[/align][/size][/col]" + 
"[/row]" + 
"[row]" + 
"[col][img]http://i40.servimg.com/u/f40/15/20/31/62/sans_t15.jpg[/img][/url][/col]" + 
"[col][img]http://i40.servimg.com/u/f40/15/20/31/62/sans_t15.jpg[/img][/url][/col]" + 
"[/row]" + 
"[row]" + 
"[col][align=center][size=10]" + G("inRouge1").value"[/size][/align][/col]" + 
"[col][size=10][align=center]" + G("inRouge2").value"[/align][/size][/col]" + 
"[/row]" + 
"[/table]" + 
"[b][u]Commentaire[/u][/b]" : " + G("inComments").value;
}
  </script>
  <title>autopostV2</title>
</head>
<body>
<div style="text-align: center;">
<img style="width: 530px; height: 80px;"
 alt="Formulaire feuille de match"
 src="http://i41.servimg.com/u/f41/11/21/80/33/entete10.png"><br>
<img style="width: 130px; height: 130px;" alt="Logo"
 src="http://i41.servimg.com/u/f41/11/21/80/33/logo13.png">
<br>
<img style="width: 530px; height: 20px;" alt="separation"
 src="http://i41.servimg.com/u/f41/11/21/80/33/ligne12.png"><br>
<img style="width: 50px; height: 50px;" alt="Etape 1"
 src="http://i41.servimg.com/u/f41/11/21/80/33/111.png"><br>
<big style="color: rgb(255, 204, 102);"><span
 style="font-weight: bold; font-style: italic;">Entrez Les
Noms des Equipes<br>
<br>
</span></big>
<img style="width: 200px; height: 60px;" alt="Equipe Locale"
 src="http://i41.servimg.com/u/f41/11/21/80/33/locaux10.png">&nbsp;&nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp;
<img style="width: 200px; height: 60px;"
 alt="Equipe Visiteurs"
 src="http://i41.servimg.com/u/f41/11/21/80/33/visite10.png"><br>
<input id="inEquipe1" style="width: 150px;"
 maxlength="13" type="text">
&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp;
<input id="inEquipe2" style="width: 150px;"
 maxlength="13" type="text"><br>
<div style="text-align: center;">
<br>
<big style="color: rgb(255, 204, 102);"><span
 style="font-weight: bold; font-style: italic;">Entrez Le
Numero de la Journ&eacute;e<br>
</span></big><input id="inJournee"
 style="width: 20px;" maxlength="2" type="text"><br>
<br>
<img style="width: 530px; height: 20px;" alt="separation"
 src="http://i41.servimg.com/u/f41/11/21/80/33/ligne12.png"><br>
<big style="color: rgb(255, 204, 102);"><span
 style="font-weight: bold; font-style: italic;"><img
 style="width: 50px; height: 50px;" alt="etape 2"
 src="http://i41.servimg.com/u/f41/11/21/80/33/210.png"><br>
Entrez vos
resultats dans les cases ci-dessous</span><br
 style="font-weight: bold; font-style: italic;">
</big>
<br>
<img style="width: 200px; height: 60px;" alt="Equipe Locale"
 src="http://i41.servimg.com/u/f41/11/21/80/33/locaux10.png">
<input id="inScore1" style="width: 20px;" maxlength="2"
 type="text">&nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp;<input id="inScore2"
 style="width: 20px;" maxlength="2" type="text">
<img style="width: 200px; height: 60px;" alt="Equipe Locale"
 src="http://i41.servimg.com/u/f41/11/21/80/33/visite10.png"></div>
<br>
<div style="text-align: center;"><img
 style="width: 530px; height: 20px;" alt="separation"
 src="http://i41.servimg.com/u/f41/11/21/80/33/ligne12.png"></div>
<br>
<div style="text-align: center;"><big><span
 style="font-weight: bold; font-style: italic; color: rgb(255, 204, 102);"><img
 style="width: 50px; height: 50px;" alt="Etape 3"
 src="http://i41.servimg.com/u/f41/11/21/80/33/310.png"><br>
Entrez
les noms des buteurs et les minutes lors du but marqu&eacute;</span><br
 style="font-weight: bold; font-style: italic; color: rgb(255, 204, 102);">
<span
 style="font-weight: bold; font-style: italic; color: rgb(255, 204, 102);">(Exemple
: Messi (48eme), Xavi (65eme)<br>
Si
il n'y en pas, marqu&eacute; : Aucun)</span></big><br>
<br>
<img style="width: 300px; height: 60px;" alt="Buteurs Locaux"
 src="http://i41.servimg.com/u/f41/11/21/80/33/but_lo10.png"><br>
&nbsp;<textarea id="inBut1" rows="1" cols="1"></textarea><br>
<br>
----------------------------------------------------------------------<br>
<br>
<img style="width: 300px; height: 60px;"
 alt="Buteurs visteurs"
 src="http://i41.servimg.com/u/f41/11/21/80/33/but_vi10.png"><br>
&nbsp;<textarea id="inBut2" rows="1" cols="1"></textarea>
<br>
<br>
<div style="text-align: center;"><img
 style="width: 530px; height: 20px;" alt="separation"
 src="http://i41.servimg.com/u/f41/11/21/80/33/ligne12.png"></div>
<br>
<big><span
 style="font-weight: bold; font-style: italic; color: rgb(255, 204, 102);"><img
 style="width: 50px; height: 50px;" alt="Etape 4"
 src="http://i41.servimg.com/u/f41/11/21/80/33/411.png"><br>
Entrez
cartons Jaunes et Rouges</span><br
 style="font-weight: bold; font-style: italic; color: rgb(255, 204, 102);">
<span
 style="font-weight: bold; font-style: italic; color: rgb(255, 204, 102);"></span></big><big><span
 style="font-weight: bold; font-style: italic; color: rgb(255, 204, 102);">(Exemple
: Messi (48eme), Xavi (65eme)<br>
Si
il n'y en pas, marqu&eacute; : Aucun)</span></big><br>
<br>
<img style="width: 150px; height: 60px;"
 alt="Carton jaune locaux"
 src="http://i41.servimg.com/u/f41/11/21/80/33/cjloc10.png"><br>
<textarea id="inJaune1" rows="1" cols="1"></textarea><br>
<br>
<br>
<img style="width: 150px; height: 60px;"
 alt="Carton jaune visiteurs"
 src="http://i41.servimg.com/u/f41/11/21/80/33/cj_vis10.png"><br>
<textarea id="inJaune2" rows="1" cols="1"></textarea><br>
<br>
<br>
--------------------------------------------------------------------<br>
<br>
<img style="width: 150px; height: 60px;"
 alt="Carton rouge locaux"
 src="http://i41.servimg.com/u/f41/11/21/80/33/crloc10.png"><br>
<textarea id="inRouge1" rows="1" cols="1"></textarea><br>
<br>
&nbsp;<br>
<img style="width: 150px; height: 60px;"
 alt="Carton rouge visiteurs"
 src="http://i41.servimg.com/u/f41/11/21/80/33/crvis10.png"><br>
<textarea id="inRouge2" rows="1" cols="1"></textarea><br>
<br>
<br>
<div style="text-align: center;"><img
 style="width: 530px; height: 20px;" alt="separation"
 src="http://i41.servimg.com/u/f41/11/21/80/33/ligne12.png"><br>
</div>
<br>
<big><span
 style="font-weight: bold; font-style: italic; color: rgb(255, 204, 102);"><img
 style="width: 50px; height: 50px;" alt="Etape 5"
 src="http://i41.servimg.com/u/f41/11/21/80/33/511.png"><br>
Laissez
un petit commentaire sur le match</span><span
 style="font-weight: bold; font-style: italic; color: rgb(255, 204, 102);"><br>
<br>
</span></big><img style="width: 300px; height: 60px;"
 alt="Commentaires sur le match"
 src="http://i41.servimg.com/u/f41/11/21/80/33/commme10.png"><br>
<textarea id="inComments" rows="3" cols="30"></textarea></div>
<div style="text-align: center;"><br>
<img style="width: 530px; height: 20px;" alt="separation"
 src="http://i41.servimg.com/u/f41/11/21/80/33/ligne12.png"><br>
<br>
<big><span
 style="font-weight: bold; font-style: italic; color: rgb(255, 204, 102);"><img
 style="width: 50px; height: 50px;" alt="Etape 6"
 src="http://i41.servimg.com/u/f41/11/21/80/33/611.png"><br>
Cliquez
sur "Generer la fiche" ci-dessous</span></big><br>
<br>
<div style="text-align: center;"><input
 onclick="GenereFiche()" value="G&eacute;n&eacute;rer la fiche"
 type="button">
</div>
<hr style="margin-left: auto; margin-right: auto;">
<div style="text-align: center;"><textarea id="txtFiche"
 rows="10" cols="50"></textarea></div>
<br>
<img style="width: 530px; height: 20px;" alt="separation"
 src="http://i41.servimg.com/u/f41/11/21/80/33/ligne12.png"><br>
<span style="font-style: italic;"><span
 style="font-weight: bold;"><br>
<img style="width: 50px; height: 50px;" alt="Etape 7"
 src="http://i41.servimg.com/u/f41/11/21/80/33/711.png"><br>
</span></span><big><span
 style="font-weight: bold; font-style: italic; color: rgb(255, 204, 102);">Copiez
le code tel que vous le voyez dans la fenetre </span></big><big><span
 style="font-weight: bold; font-style: italic; color: rgb(255, 204, 102);">(ctrl+c)<br>
Puis collez ce code dans le post de votre match (ctrl+v)<br>
</span></big><big><span
 style="font-weight: bold; font-style: italic; color: rgb(255, 204, 102);"><br>
</span></big><br>
<img style="width: 530px; height: 80px;" alt="Pied de page"
 src="http://i41.servimg.com/u/f41/11/21/80/33/pied10.png"></div>
</div>
</body>
</html>

ReidLos Membre non connecté

Equipe Développement Modérateur

Le 10/09/2011 à 15h30

#105244

Deuxième essai :

Code HTML :

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <style>div {white-space:nowrap;}</style>
  <script>
//Au cas où pas de JQuery
function G(id) {return document.getElementById(id); }
 
//Fonction qui génère la feuille de match
function GenereFiche()
{
G("txtFiche").value=
"[table]" + 
"[row]" +
"[head colspan=2]" + G("inJournee").value" + [/head]" + 
"[/row]" + 
"[row]" + 
"[col][size=17][align=center][color=red]" + G("inEquipe1").value + "[/color][/align][/size][/col]" + 
"[col][align=center][size=17]" + G("inEquipe2").value + "[/size][/align][/col]" + 
"[/row]" + 
"[row]" + 
"[col][size=10][align=center][color=red]" + G("inScore1").value + "[/color][/align][/size][/col]" + 
"[col][size=10][align=center]" + G("inScore2").value + "[/align][/size][/col]" + 
"[/row]" + 
"[row]" + 
"[col][img]http://i40.servimg.com/u/f40/15/20/31/62/sans_t16.jpg[/img][/url][/col]" + 
"[col][img]http://i40.servimg.com/u/f40/15/20/31/62/sans_t16.jpg[/img][/url][/col]" + 
"[/row]" + 
"[row]" + 
"[col][size=10][align=center]" + G("inBut1").value + "[/align][/size][/col]" + 
"[col][size=10][align=center]" + G("inBut2").value + "[/align][/size][/col]" + 
"[/row]" + 
"[row]" + 
"[col][img]http://i40.servimg.com/u/f40/15/20/31/62/sans_t17.jpg[/img][/url][/col]" + 
"[col][img]http://i40.servimg.com/u/f40/15/20/31/62/sans_t17.jpg[/img][/url][/col]" + 
"[/row]" + 
"[row]" + 
"[col][align=center][size=10]" + G("inJaune1").value + "[/size][/align][/col]" + 
"[col][size=10][align=center]" + G("inJaune2").value + "[/align][/size][/col]" + 
"[/row]" + 
"[row]" + 
"[col][img]http://i40.servimg.com/u/f40/15/20/31/62/sans_t15.jpg[/img][/url][/col]" + 
"[col][img]http://i40.servimg.com/u/f40/15/20/31/62/sans_t15.jpg[/img][/url][/col]" + 
"[/row]" + 
"[row]" + 
"[col][align=center][size=10]" + G("inRouge1").value + "[/size][/align][/col]" + 
"[col][size=10][align=center]" + G("inRouge2").value + "[/align][/size][/col]" + 
"[/row]" + 
"[/table]" + 
"[b][u]Commentaire[/u][/b]" : " + G("inComments").value;
}
  </script>
  <title>autopostV2</title>
</head>
<body>
<div style="text-align: center;">
<img style="width: 530px; height: 80px;"
 alt="Formulaire feuille de match"
 src="http://i41.servimg.com/u/f41/11/21/80/33/entete10.png"><br>
<img style="width: 130px; height: 130px;" alt="Logo"
 src="http://i41.servimg.com/u/f41/11/21/80/33/logo13.png">
<br>
<img style="width: 530px; height: 20px;" alt="separation"
 src="http://i41.servimg.com/u/f41/11/21/80/33/ligne12.png"><br>
<img style="width: 50px; height: 50px;" alt="Etape 1"
 src="http://i41.servimg.com/u/f41/11/21/80/33/111.png"><br>
<big style="color: rgb(255, 204, 102);"><span
 style="font-weight: bold; font-style: italic;">Entrez Les
Noms des Equipes<br>
<br>
</span></big>
<img style="width: 200px; height: 60px;" alt="Equipe Locale"
 src="http://i41.servimg.com/u/f41/11/21/80/33/locaux10.png">&nbsp;&nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp;
<img style="width: 200px; height: 60px;"
 alt="Equipe Visiteurs"
 src="http://i41.servimg.com/u/f41/11/21/80/33/visite10.png"><br>
<input id="inEquipe1" style="width: 150px;"
 maxlength="13" type="text">
&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp;
<input id="inEquipe2" style="width: 150px;"
 maxlength="13" type="text"><br>
<div style="text-align: center;">
<br>
<big style="color: rgb(255, 204, 102);"><span
 style="font-weight: bold; font-style: italic;">Entrez Le
Numero de la Journ&eacute;e<br>
</span></big><input id="inJournee"
 style="width: 20px;" maxlength="2" type="text"><br>
<br>
<img style="width: 530px; height: 20px;" alt="separation"
 src="http://i41.servimg.com/u/f41/11/21/80/33/ligne12.png"><br>
<big style="color: rgb(255, 204, 102);"><span
 style="font-weight: bold; font-style: italic;"><img
 style="width: 50px; height: 50px;" alt="etape 2"
 src="http://i41.servimg.com/u/f41/11/21/80/33/210.png"><br>
Entrez vos
resultats dans les cases ci-dessous</span><br
 style="font-weight: bold; font-style: italic;">
</big>
<br>
<img style="width: 200px; height: 60px;" alt="Equipe Locale"
 src="http://i41.servimg.com/u/f41/11/21/80/33/locaux10.png">
<input id="inScore1" style="width: 20px;" maxlength="2"
 type="text">&nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp;<input id="inScore2"
 style="width: 20px;" maxlength="2" type="text">
<img style="width: 200px; height: 60px;" alt="Equipe Locale"
 src="http://i41.servimg.com/u/f41/11/21/80/33/visite10.png"></div>
<br>
<div style="text-align: center;"><img
 style="width: 530px; height: 20px;" alt="separation"
 src="http://i41.servimg.com/u/f41/11/21/80/33/ligne12.png"></div>
<br>
<div style="text-align: center;"><big><span
 style="font-weight: bold; font-style: italic; color: rgb(255, 204, 102);"><img
 style="width: 50px; height: 50px;" alt="Etape 3"
 src="http://i41.servimg.com/u/f41/11/21/80/33/310.png"><br>
Entrez
les noms des buteurs et les minutes lors du but marqu&eacute;</span><br
 style="font-weight: bold; font-style: italic; color: rgb(255, 204, 102);">
<span
 style="font-weight: bold; font-style: italic; color: rgb(255, 204, 102);">(Exemple
: Messi (48eme), Xavi (65eme)<br>
Si
il n'y en pas, marqu&eacute; : Aucun)</span></big><br>
<br>
<img style="width: 300px; height: 60px;" alt="Buteurs Locaux"
 src="http://i41.servimg.com/u/f41/11/21/80/33/but_lo10.png"><br>
&nbsp;<textarea id="inBut1" rows="1" cols="1"></textarea><br>
<br>
----------------------------------------------------------------------<br>
<br>
<img style="width: 300px; height: 60px;"
 alt="Buteurs visteurs"
 src="http://i41.servimg.com/u/f41/11/21/80/33/but_vi10.png"><br>
&nbsp;<textarea id="inBut2" rows="1" cols="1"></textarea>
<br>
<br>
<div style="text-align: center;"><img
 style="width: 530px; height: 20px;" alt="separation"
 src="http://i41.servimg.com/u/f41/11/21/80/33/ligne12.png"></div>
<br>
<big><span
 style="font-weight: bold; font-style: italic; color: rgb(255, 204, 102);"><img
 style="width: 50px; height: 50px;" alt="Etape 4"
 src="http://i41.servimg.com/u/f41/11/21/80/33/411.png"><br>
Entrez
cartons Jaunes et Rouges</span><br
 style="font-weight: bold; font-style: italic; color: rgb(255, 204, 102);">
<span
 style="font-weight: bold; font-style: italic; color: rgb(255, 204, 102);"></span></big><big><span
 style="font-weight: bold; font-style: italic; color: rgb(255, 204, 102);">(Exemple
: Messi (48eme), Xavi (65eme)<br>
Si
il n'y en pas, marqu&eacute; : Aucun)</span></big><br>
<br>
<img style="width: 150px; height: 60px;"
 alt="Carton jaune locaux"
 src="http://i41.servimg.com/u/f41/11/21/80/33/cjloc10.png"><br>
<textarea id="inJaune1" rows="1" cols="1"></textarea><br>
<br>
<br>
<img style="width: 150px; height: 60px;"
 alt="Carton jaune visiteurs"
 src="http://i41.servimg.com/u/f41/11/21/80/33/cj_vis10.png"><br>
<textarea id="inJaune2" rows="1" cols="1"></textarea><br>
<br>
<br>
--------------------------------------------------------------------<br>
<br>
<img style="width: 150px; height: 60px;"
 alt="Carton rouge locaux"
 src="http://i41.servimg.com/u/f41/11/21/80/33/crloc10.png"><br>
<textarea id="inRouge1" rows="1" cols="1"></textarea><br>
<br>
&nbsp;<br>
<img style="width: 150px; height: 60px;"
 alt="Carton rouge visiteurs"
 src="http://i41.servimg.com/u/f41/11/21/80/33/crvis10.png"><br>
<textarea id="inRouge2" rows="1" cols="1"></textarea><br>
<br>
<br>
<div style="text-align: center;"><img
 style="width: 530px; height: 20px;" alt="separation"
 src="http://i41.servimg.com/u/f41/11/21/80/33/ligne12.png"><br>
</div>
<br>
<big><span
 style="font-weight: bold; font-style: italic; color: rgb(255, 204, 102);"><img
 style="width: 50px; height: 50px;" alt="Etape 5"
 src="http://i41.servimg.com/u/f41/11/21/80/33/511.png"><br>
Laissez
un petit commentaire sur le match</span><span
 style="font-weight: bold; font-style: italic; color: rgb(255, 204, 102);"><br>
<br>
</span></big><img style="width: 300px; height: 60px;"
 alt="Commentaires sur le match"
 src="http://i41.servimg.com/u/f41/11/21/80/33/commme10.png"><br>
<textarea id="inComments" rows="3" cols="30"></textarea></div>
<div style="text-align: center;"><br>
<img style="width: 530px; height: 20px;" alt="separation"
 src="http://i41.servimg.com/u/f41/11/21/80/33/ligne12.png"><br>
<br>
<big><span
 style="font-weight: bold; font-style: italic; color: rgb(255, 204, 102);"><img
 style="width: 50px; height: 50px;" alt="Etape 6"
 src="http://i41.servimg.com/u/f41/11/21/80/33/611.png"><br>
Cliquez
sur "Generer la fiche" ci-dessous</span></big><br>
<br>
<div style="text-align: center;"><input
 onclick="GenereFiche()" value="G&eacute;n&eacute;rer la fiche"
 type="button">
</div>
<hr style="margin-left: auto; margin-right: auto;">
<div style="text-align: center;"><textarea id="txtFiche"
 rows="10" cols="50"></textarea></div>
<br>
<img style="width: 530px; height: 20px;" alt="separation"
 src="http://i41.servimg.com/u/f41/11/21/80/33/ligne12.png"><br>
<span style="font-style: italic;"><span
 style="font-weight: bold;"><br>
<img style="width: 50px; height: 50px;" alt="Etape 7"
 src="http://i41.servimg.com/u/f41/11/21/80/33/711.png"><br>
</span></span><big><span
 style="font-weight: bold; font-style: italic; color: rgb(255, 204, 102);">Copiez
le code tel que vous le voyez dans la fenetre </span></big><big><span
 style="font-weight: bold; font-style: italic; color: rgb(255, 204, 102);">(ctrl+c)<br>
Puis collez ce code dans le post de votre match (ctrl+v)<br>
</span></big><big><span
 style="font-weight: bold; font-style: italic; color: rgb(255, 204, 102);"><br>
</span></big><br>
<img style="width: 530px; height: 80px;" alt="Pied de page"
 src="http://i41.servimg.com/u/f41/11/21/80/33/pied10.png"></div>
</div>
</body>
</html>

Répondre

Vous n'êtes pas autorisé à écrire dans cette catégorie