Code qui ne se génère pas

2 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Code qui ne se génère pas

Message par Kaiji Mar 20 Oct 2015 - 15:35

Détails techniques


Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome, Safari
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : (lien masqué, vous devez poster pour le voir)

Description du problème

Bonjour !

Alors après avoir lu, reluuu et rerelu le code avec mon amie Shenhua, on ne trouve pas la source du problème du générateur. Tout s'affiche bien mais quand on clique sur "générer le code", rien ne se passe.

J'avais tenté de corriger le code HTML comme ceci mais ça n'a pas marché non plus :


Merci d'avance !


Dernière édition par Kaiji le Mar 20 Oct 2015 - 22:27, édité 1 fois
Kaiji

Kaiji
****

Féminin
Messages : 273
Inscrit(e) le : 06/06/2010

http://www.disjointedsocieties.com
Kaiji a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code qui ne se génère pas

Message par Scoubifitz Mar 20 Oct 2015 - 18:15

bonjour,

pour voir ....
Scoubifitz

Scoubifitz
Membre actif

Masculin
Messages : 3687
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code qui ne se génère pas

Message par Kaiji Mar 20 Oct 2015 - 18:20

Bonjour,
Merci de t'intéresser au problème, j'espère que tu pourras m'aider I love you
Kaiji

Kaiji
****

Féminin
Messages : 273
Inscrit(e) le : 06/06/2010

http://www.disjointedsocieties.com
Kaiji a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code qui ne se génère pas

Message par Scoubifitz Mar 20 Oct 2015 - 21:31

Pas de souci , on est là pour ça ...

Tout d'abord , Il manque le Doctype , et il y a 2 balises html ouvertes , mais ce n'est pas le plus embêtant ...

Le champ "NAT" n'existe pas , donc le script ne peut pas s’exécuter ...

La variable "contenu" doit se trouver sur une seule ligne pour être prise en compte . J'ai préféré mettre des apostrophes (') au lieu de guillemets antislashés (\") ...

le code corrigé :

Code:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<head>
<title>Générateur de présentation</title>

<script type="text/javascript">
function verif(form){

var COUVERTURE = form.COUVERTURE.value;
var AVATAR = form.AVATAR.value;
var PSEUDO = form.PSEUDO.value;
var QUOTE = form.QUOTE.value;
var NOM = form.NOM.value;
var AGE = form.AGE.value;
var DATE = form.DATE.value;
var NAT = form.NAT.value;
var ARRIVED = form.ARRIVED.value;
var CLASS = form.CLASS.value;
var PARENTS = form.PARENTS.value;
var SITUATION = form.SITUATION.value;
var ORIENTATION = form.ORIENTATION.value;
var CURSUS = form.CURSUS.value;
var YEAR = form.YEAR.value;
var TEACH = form.TEACH.value;
var REPUTATION = form.REPUTATION.value;
var JOB = form.JOB.value;
var PSEUDOHJ = form.PSEUDOHJ.value;
var NOMIRL = form.NOMIRL.value;
var AGEIRL = form.AGEIRL.value;
var FROM = form.FROM.value;
var NAMEAVATAR = form.NAMEAVATAR.value;
var WHERE = form.WHERE.value;
var CREDIT = form.CREDIT.value;
var LASTWORD = form.LASTWORD.value;
var LINK = form.LINK.value;
var SCENARIO = form.SCENARIO.value;
var CARACTERE1 = form.CARACTERE1.value;
var CARACTERE2 = form.CARACTERE2.value;
var CARACTERE3 = form.CARACTERE3.value;
var CARACTERE4 = form.CARACTERE4.value;
var CARACTERE5 = form.CARACTERE5.value;
var CARACTERE6 = form.CARACTERE6.value;
var CARACTERE7 = form.CARACTERE7.value;
var CARACTERE8 = form.CARACTERE8.value;
var CARACTERE9 = form.CARACTERE9.value;
var HAILEY = form.HAILEY.value;
var CLUB = form.CLUB.value;
var ASSOCIATION = form.ASSOCIATION.value;

var ok = true;

if (ok){
var contenu = "<center><div class='fichecadre'><div class='fichecadre2'><div class='ficheeffetimage'><img src='"+ COUVERTURE +"' width='496' class='ficheimage' /><img src='"+ AVATAR +"' width='130' class='ficheavatar' /><img src='http://image.noelshack.com/fichiers/2015/42/1445032911-fiche.png' class='fichecadreimage' /></div><div class='fichepseudo'><div class='fond'><div class='pseudofiche'><div title='"+ PSEUDO +"' class='top1'></div><div title='"+ PSEUDO +"' class='bot1'></div></div></div><div class='fichesoustitre'>"+ QUOTE +"</div></div><table width='500' style='margin-top:30px;'><tr><td width='50%'><div class='fichebloc1'><span class='fichesecondtitle'>My character</span><i>Je m’appelle</i> "+ NOM +"<i>, j’ai</i> "+ AGE +" <i>ans (né(e) le</i> "+ DATE +"<i>), j’ai la nationalité</i> "+ NAT +" <i>et je suis arrivé(e) à Palo Alto le</i> "+ ARRIVED +"<i>. Je proviens d’une classe sociale</i> "+ CLASS +"<i>, mes parents</i> "+ PARENTS +"<i> à Stanford par le passé. Je suis</i> "+ SITUATION +" <i>et </i>"+ ORIENTATION +" <i>Je suis étudiant(e) en</i> "+ CURSUS +"<i>, en</i> "+ YEAR +"<i> année. OU Je suis professeur en</i> "+ TEACH +" <i>Généralement, les gens parlent de moi comme étant</i> "+ REPUTATION +" <i>Sinon, je travaille en tant que</i> "+ JOB +"</div></td><td width='50%'><div class='fichebloc2'><span class='fichesecondtitle'>"+ PSEUDOHJ +"</span><i> En vrai, je m’appelle</i> "+ NOMIRL +"<i>, j’ai</i> "+ AGEIRL +" <i>ans et je viens de</i> "+ FROM +" <i> et j'utilise</i> "+ NAMEAVATAR +" <i>comme avatar. J’ai connu le forum grâce à</i> "+ WHERE +" <i>Je crédite</i> "+ CREDIT +" <i>pour les images de ma fiche. Je termine avec un petit mot :</i> "+ LASTWORD +"<i>Est-ce que ton personnage est un scénario ?</i><a href='"+ LINK +"'>"+ SCENARIO +"</a></div></td></tr></table><table width='492' class='fichebloc3'><tr><td align='center'>"+ CARACTERE1 +"<br>"+ CARACTERE2 +"<br>"+ CARACTERE3 +"</td><td align='center'>"+ CARACTERE4 +"<br>"+ CARACTERE5 +"<br>"+ CARACTERE6 +"</td><td align='center'>"+ CARACTERE7 +"<br>"+ CARACTERE8 +"<br>"+ CARACTERE9 +"</td></tr></table><table width='492' class='fichebloc4'><tr><td><span class='fichesecondtitle'>Hailey Ramirez...</span> "+ HAILEY +"<span class='fichesecondtitle'>After-school</span><i>Fais-tu parti d'un/plusieurs club(s) ? Lesquels ?</i>"+ CLUB +" <i>Fais-tu parti d'une/plusieurs association(s)?</i> "+ ASSOCIATION +"</td></tr></table></div></div></center>";
document.getElementById("code_genere").value = ""+contenu+"";
document.getElementById("apercu").innerHTML = ""+contenu+"";
}
}
</script>

</head>

<body>
<div style="margin-top:-20px;">
<div style="background-image:url(http://image.noelshack.com/fichiers/2015/43/1445257813-generator.png); background-repeat: no-repeat;background-position:top center;">
<div style="height:805px;"></div>
<div id="formulaire">
<h2>1er post</h2>

<form action="#" method="post" id="rempli">
<label>Image de couverture</label> :
<input type="text" name="COUVERTURE" size="95" maxlength="200" placeholder="Image de la taille que vous voulez" />
<label>Avatar</label> : <input type="text" name="AVATAR" size="95" maxlength="200" placeholder="200*320" />
<label>Citation</label> : <input type="text" name="QUOTE" size="95" maxlength="200" />
<table>
<tr>
<td><label>Pseudo</label> : <input type="text" name="PSEUDO" size="43" maxlength="200" /></td>
<td><label>Nom</label> : <input type="text" name="NOM" size="43" maxlength="200" placeholder="Le(s) prénom(s) et le nom de votre personnage" /></td>
</tr>
</table>
<table>
<tr>
<td><label>Âge du personnage</label> : <input type="text" name="AGE" size="43" maxlength="200" placeholder="Entrez seulement le nombre" /></td>
<td><label>Date de naissance</label> : <input type="text" name="DATE" size="43" maxlength="200" placeholder="Sous forme 00/00/00" /></td>
</tr>
</table>
<table>
<tr>
<td><label>Nationalité</label> : <br /><input type="text" name="NAT" size="43" maxlength="200" placeholder="Indiquez le genre , ex: brésilienne" /></td>
</tr>
</table>
<table>
<tr>
<td><label>Arrivé à Palo Alto le</label> : <input type="text" name="ARRIVED" size="43" maxlength="200" placeholder="Une date fixe ou approximative" /></td>
<td><label>Classe social</label> : <input type="text" name="CLASS" size="43" maxlength="200" placeholder="Aisée, moyenne ou pauvre" /></td>
</tr><tr>
<td><label>Mes parents ont étudié/n'ont pas étudié à Stanford</label> : <input type="text" name="PARENTS" size="43" maxlength="200" placeholder="Ont étudié/n'ont pas étudié" /></td>
<td><label>État civil</label> : <input type="text" name="SITUATION" size="43" maxlength="200" placeholder="En couple, marié, célibataire, divorcé ?" /></td>
</tr><tr>
<td><label>Orientation sexuelle</label> : <input type="text" name="ORIENTATION" size="43" maxlength="200" placeholder="Hétéro, bi, homo" /></td>
<td><label>Cursus (majeur et mineur)</label> : <input type="text" name="CURSUS" size="43" maxlength="200" placeholder="Étudiant seulement" /></td>
</tr><tr>
<td><label>Depuis combien d'année</label> : <input type="text" name="YEAR" size="43" maxlength="200" placeholder="Étudiant seulement" /></td>
<td><label>J'enseigne le cours de</label> : <input type="text" name="TEACH" size="43" maxlength="200" placeholder="Enseignant seulement" /></td>
</tr><tr>
<td><label>Réputation</label> : <input type="text" name="REPUTATION" size="43" maxlength="200" placeholder="L'image de votre personnage auprès des autres" /></td>
<td><label>Emploi</label> :<input type="text" name="JOB" size="43" maxlength="200" placeholder="S'il y a lieu" /></td>
</tr>
</table>
<br>
<center>
<div style="font-size:11px;">Adaptez les carrés selon l'intensité des caractères que vous choisirez</div>
<table>
<tr>
<td><textarea name="CARACTERE1" style="height:20px">■■■□□ Caractère</textarea></td>
<td><textarea name="CARACTERE2" style="height:20px">■■■□□ Caractère</textarea></td>
<td><textarea name="CARACTERE3" style="height:20px">■■■□□ Caractère</textarea></td>
</tr><tr>
<td><textarea name="CARACTERE4" style="height:20px">■■■□□ Caractère</textarea></td>
<td><textarea name="CARACTERE5" style="height:20px">■■■□□ Caractère</textarea></td>
<td><textarea name="CARACTERE6" style="height:20px">■■■□□ Caractère</textarea></td>
</tr><tr>
<td><textarea name="CARACTERE7" style="height:20px">■■■□□ Caractère</textarea></td>
<td><textarea name="CARACTERE8" style="height:20px">■■■□□ Caractère</textarea></td>
<td><textarea name="CARACTERE9" style="height:20px">■■■□□ Caractère</textarea></td>
</tr>
</table>
</center>
<br>
<label>Hailey Ramirez</label> :
<br>
<textarea name="HAILEY" style="height:70px;width:100%;font-family:arial;font-size:11px;">Qui est Hailey pour votre personnage, elle représente qui ? Une amie ? Une inconnue ? Une cause importante à vos yeux ? Décrivez ici le ressenti de votre personnage par rapport a sa mort.</textarea>
<table>
<tr>
<td><label>Club</label> : <input type="text" name="CLUB" size="43" maxlength="200" placeholder="De quel club faites-vous partie? (s'il y a lieu)" /></td>
<td><label>Association</label> : <input type="text" name="ASSOCIATION" size="43" maxlength="200" placeholder="De quel association faites-vous partie? (s'il y a lieu)" /></td>
</tr>
</table>
<h2>Partie HJ</h2>
<table>
<tr>
<td><label>Pseudo HJ</label> : <input type="text" name="PSEUDOHJ" size="43" maxlength="200" /></td>
<td><label>Prénom IRL</label> : <input type="text" name="NOMIRL" size="43" maxlength="200" /></td>
</tr><tr>
<td><label>Âge IRL</label> : <input type="text" name="AGEIRL" size="43" maxlength="200" /></td>
<td><label>Nationalité IRL</label> : <input type="text" name="FROM" size="43" maxlength="200" /></td>
</tr><tr>
<td><label>Avatar</label> : <input type="text" name="NAMEAVATAR" size="43" maxlength="200" placeholder="Nom de la célébrité" /></td>
<td><label>Où j'ai trouvé le forum</label> : <input type="text" name="WHERE" size="43" maxlength="200" /></td>
</tr><tr>
<td><label>Crédit</label> : <input type="text" name="CREDIT" size="43" maxlength="200" placeholder="Qui a crée les images de ta fiche?" /></td>
<td><label>Dernier mot?</label> : <input type="text" name="LASTWORD" size="43" maxlength="200" /></td>
</tr><tr>
<td><label>Est-ce un scénario ?</label> : <input type="text" name="SCENARIO" size="43" maxlength="200" placeholder="Oui/non" /></td>
<td><label>Lien vers le scénario</label> : <input type="text" name="LINK" size="43" maxlength="200" placeholder="adresse URL" /></td>
</tr>
</table>

<br />
<input type="button" onClick="verif(this.form)" value="Generer le code" />
</form>

<h2>aperçu du rendu</h2>
<div id="apercu"></div>
<form id="copie">
<p>Copiez ce code dans un nouveau sujet de présentation et n'oubliez pas de mettre l'avatar dans la description pour faciliter la tâche des admins. Vous devez également effacer à la main les parties qui ne vous concerne pas (ex: partie
pour les enseignants si vous êtes étudiant.) </p></br>
<div style="margin-left:400px;">
<input type="button" value="Selectionner le code" onClick="javascript:document.getElementById('code_genere').focus();document.getElementById('code_genere').select();">
</div>
<center><textarea cols="60" rows="10" id="code_genere" readonly></textarea></center>

</form>

</div>
<div class="copyright" style="text-align:center">le générateur a été crée par © Shenhuaa
<br>Toute copie totale ou partielle est strictement interdite.
<br><a href="http://www.hail-stanford.biz/" style="color:#ff9b00;text-decoration:none;"><B>HAIL STANFORD HAIL</B></a></div>

</body>
</html>
Scoubifitz

Scoubifitz
Membre actif

Masculin
Messages : 3687
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Code qui ne se génère pas

Message par Kaiji Mar 20 Oct 2015 - 22:27

Merci énormément pour ton aide et pour l'explication des erreurs I love you C'est aussi bon à savoir qu'on peut remplacer les \" par des apostrophes !

Mon problème est résolu du coup !
Kaiji

Kaiji
****

Féminin
Messages : 273
Inscrit(e) le : 06/06/2010

http://www.disjointedsocieties.com
Kaiji a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum