Sujets similaires

Génial, merci =)

Génial

Merci pour l'ajout Hiro' :p

Derien

Merci hiro pour ce partage. Voila qui sera très utile pour faire un générateur de signature.

Roh merci milles fois Hiro, ça va m'être bien utile !! Smack Smack

Derien

( au passage , joli forum Surprised

)

Oh c'est gentil merci !!! <3
Allez je retourne à mes modif' bonne journée et encore merci pour le partage !!

Re bonjour Hiro, en fait j'ai un petit sushi, dis moi est ce qu'il y a un nombre de possibilités maximal, ou un nombre de caractères maximales? je te demande ça car j'ai réussi à rajouter deux champs mais pas de possibilité d'en rajouter un troisième en plus, et le deuxième m'a donné des difficultés par rapport à la longueur de caractères ... je ne sais pas si tu comprends mon problème >.< Peux tu m'aider?

Peut tu me montrer ton code ?

Oui bien sûr, voila ce que j'ai fait Smile

Code:: <html>
<head>
<style type="text/css">
body {font-family:Arial Black; font-size: 12px; font-style: italic; text-shadow: white 1px 1px 1px;}
INPUT {
color: #0B1922;
background-color: #ffffff;
font-size: 12px;
font-family: Calibri,arial;
border: 1px solid LightGray;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
width: 400px;
font-variant: small-caps;
text-align: center;
-moz-box-shadow: #907971 1px 5px 7px;
}

INPUT:hover {
border: 1px solid #c7a59b;

}

.submit {
width:70px;
background-color: #f7eee5;
border: 1px solid #f1e9dc;
}

.result {

border: 1px solid LightGray;
color: #8B776B;
}

.result:hover {

border: 1px solid #c7a59b;
}

</style>
<script type="text/javascript">
function generer() {

// Ne pas modifier si vous n'êtes pas sur , rendez vous dans la section aide html/css de cssActif
var Image = document.formulaire.Image.value;
var Kawai = document.formulaire.Kawai.value;
var Pseudo = document.formulaire.Pseudo.value;
var Prénom = document.formulaire.Prénom.value;
var Age = document.formulaire.Age.value;
var Lieu = document.formulaire.Lieu.value;

// Un petit bonjour
document.formulaire.resultat.value = '<center><div style="background-color: #e0d5c1; -moz-border-radius: 10px; -moz-box-shadow: black 1px 5px 7px; width:600px; padding:10px; font-family:Calibri; font-size:11px;"><blockquote><p align="left"><h7>Présentation de ' + Pseudo + ' :glasses1:</h7><br>Bonjour, je viens me présenter à vous: <br><br> ';

// Ne pas modifier si vous n'etes pas sur , rendez vous dans la section aide html/css de cssActif
document.formulaire.resultat.value += '<img src="' + Image + '" class="gradualfader"><br><br>';
document.formulaire.resultat.value += '<font color="#020001"><b>Mon Pseudo :</b></font> <font color="Brown">' + Pseudo + '</font><br><br>';
document.formulaire.resultat.value += '<font color="#020001"><b>Mon Prénom :</b></font> <font color="Brown">' + Prénom + '</font><br><br> ';
document.formulaire.resultat.value += '<font color="#020001"><b>Mon Age :</b></font> <font color="Brown">' + Age + '</font><br><br> ';
document.formulaire.resultat.value += '<font color="#020001"><b>Où je vis :</b></font> <font color="Brown">' + Lieu + '</font><br><br>';
document.formulaire.resultat.value += '<font color="#020001"><b>Rencontre :</b></font> <font color="Brown">' + Kawai + '</font><br><br>';

// Un petit aurevoir
document.formulaire.resultat.value += '<br>Bonne journée :)</p></blockquote></div></center>';
}

</script>
</head>
<body>
<blockquote><h8>Générateur de Présentation</h8><br>
<blockquote>Ce générateur de présentation est là pour ceux qui ne veulent pas prendre trop de temps pour leur présentation. Il n'a aucun caractère obligatoire, mais il est recommandé. Que vous utilisiez ou non ce générateur, merci de noter au moins les informations si dessous dans votre présentation.</blockquote> </blockquote>
<center><span style="font-variant:small-caps;"></span>
<form name="formulaire">
<br><font face="Arial Black" color="#000000">Image :</font><br><input type="text" name="Image" size="25" value="Insérez l'adresse d'une image que vous aimez (pas +de 200px de hauteur)" OnFocus="this.select();"><br><br>
<font face="Arial Black" color="#000000">Votre Pseudo :</font><br><input type="text" name="Pseudo" size="25" value="Tapez ici votre pseudo" OnFocus="this.select();"><br><br>
<font face="Arial Black" color="#000000">Votre Prénom :</font><br><input type="text" name="Prénom" size="25" value="Tapez ici votre prénom" OnFocus="this.select();"><br><br>
<font face="Arial Black" color="#000000">Votre Age :</font><br><input type="text" name="Age" size="25" value="Tapez ici votre age" OnFocus="this.select();"><br><br>
<font face="Arial Black" color="#000000">Où vous vivez :</font><br><input type="text" name="Lieu" size="25" value="Tapez ici où vous vivez" OnFocus="this.select();"><br><br>
<font face="Arial Black" color="#000000">Où vous avez connu KM :</font><br><input type="text" name="Kawai" size="25" value="Où vous avez connu le forum" OnFocus="this.select();"><br><br>

<br><input class="submit" type="button" value="Generer" OnClick="generer();">
<input class="submit" size="10" type="reset" value="Effacer"><br>
<textarea name="resultat" cols="70" rows="15" class="result"></textarea><br><br>
</form><noscript><a href="http://www.css-actif.com/">Hiro'</a></noscript><a href="http://www.css-actif.com/"> Base du Générateur de présentation - Hiro'- </a><br>
Modifications, CSS & catégories by o~°Passion HELL<br>
Ne pas reproduire, merci. <br>
</center><br>
</body></html>

J'ai testé chez moi , et il n'y as aucun problème :

Code:: <html>
<head>
<style type="text/css">
body {font-family:Arial Black; font-size: 12px; font-style: italic; text-shadow: white 1px 1px 1px;}
INPUT {
color: #0B1922;
background-color: #ffffff;
font-size: 12px;
font-family: Calibri,arial;
border: 1px solid LightGray;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
width: 400px;
font-variant: small-caps;
text-align: center;
-moz-box-shadow: #907971 1px 5px 7px;
}

INPUT:hover {
border: 1px solid #c7a59b;

}

.submit {
width:70px;
background-color: #f7eee5;
border: 1px solid #f1e9dc;
}

.result {

border: 1px solid LightGray;
color: #8B776B;
}

.result:hover {

border: 1px solid #c7a59b;
}

</style>
<script type="text/javascript">
function generer() {

// Ne pas modifier si vous n'êtes pas sur , rendez vous dans la section aide html/css de cssActif
var Image = document.formulaire.Image.value;
var Kawai = document.formulaire.Kawai.value;
var Pseudo = document.formulaire.Pseudo.value;
var Prénom = document.formulaire.Prénom.value;
var Age = document.formulaire.Age.value;
var Lieu = document.formulaire.Lieu.value;
var Test = document.formulaire.Test.value;

// Un petit bonjour
document.formulaire.resultat.value = '<center><div style="background-color: #e0d5c1; -moz-border-radius: 10px; -moz-box-shadow: black 1px 5px 7px; width:600px; padding:10px; font-family:Calibri; font-size:11px;"><blockquote><p align="left"><h7>Présentation de ' + Pseudo + ' :glasses1:</h7><br>Bonjour, je viens me présenter à vous: <br><br> ';

// Ne pas modifier si vous n'etes pas sur , rendez vous dans la section aide html/css de cssActif
document.formulaire.resultat.value += '<img src="' + Image + '" class="gradualfader"><br><br>';
document.formulaire.resultat.value += '<font color="#020001"><b>Mon Pseudo :</b></font> <font color="Brown">' + Pseudo + '</font><br><br>';
document.formulaire.resultat.value += '<font color="#020001"><b>Mon Prénom :</b></font> <font color="Brown">' + Prénom + '</font><br><br> ';
document.formulaire.resultat.value += '<font color="#020001"><b>Mon Age :</b></font> <font color="Brown">' + Age + '</font><br><br> ';
document.formulaire.resultat.value += '<font color="#020001"><b>Où je vis :</b></font> <font color="Brown">' + Lieu + '</font><br><br>';
document.formulaire.resultat.value += '<font color="#020001"><b>Rencontre :</b></font> <font color="Brown">' + Kawai + '</font><br><br>';
document.formulaire.resultat.value += '<font color="#020001"><b>Test :</b></font> <font color="Brown">' + Test + '</font><br><br>';

// Un petit aurevoir
document.formulaire.resultat.value += '<br>Bonne journée :)</p></blockquote></div></center>';
}

</script>
</head>
<body>
<blockquote><h8>Générateur de Présentation</h8><br>
<blockquote>Ce générateur de présentation est là pour ceux qui ne veulent pas prendre trop de temps pour leur présentation. Il n'a aucun caractère obligatoire, mais il est recommandé. Que vous utilisiez ou non ce générateur, merci de noter au moins les informations si dessous dans votre présentation.</blockquote> </blockquote>
<center><span style="font-variant:small-caps;"></span>
<form name="formulaire">
<br><font face="Arial Black" color="#000000">Image :</font><br><input type="text" name="Image" size="25" value="Insérez l'adresse d'une image que vous aimez (pas +de 200px de hauteur)" OnFocus="this.select();"><br><br>
<font face="Arial Black" color="#000000">Votre Pseudo :</font><br><input type="text" name="Pseudo" size="25" value="Tapez ici votre pseudo" OnFocus="this.select();"><br><br>
<font face="Arial Black" color="#000000">Votre Prénom :</font><br><input type="text" name="Prénom" size="25" value="Tapez ici votre prénom" OnFocus="this.select();"><br><br>
<font face="Arial Black" color="#000000">Votre Age :</font><br><input type="text" name="Age" size="25" value="Tapez ici votre age" OnFocus="this.select();"><br><br>
<font face="Arial Black" color="#000000">Où vous vivez :</font><br><input type="text" name="Lieu" size="25" value="Tapez ici où vous vivez" OnFocus="this.select();"><br><br>
<font face="Arial Black" color="#000000">Où vous avez connu KM :</font><br><input type="text" name="Kawai" size="25" value="Où vous avez connu le forum" OnFocus="this.select();"><br><br>
<font face="Arial Black" color="#000000">Test :</font><br><input type="text" name="Test" size="25" value="Test" OnFocus="this.select();"><br><br>

<br><input class="submit" type="button" value="Generer" OnClick="generer();">
<input class="submit" size="10" type="reset" value="Effacer"><br>
<textarea name="resultat" cols="70" rows="15" class="result"></textarea><br><br>
</form><noscript><a href="http://www.css-actif.com/">Hiro'</a></noscript><a href="http://www.css-actif.com/"> Base du Générateur de présentation - Hiro'- </a><br>
Modifications, CSS & catégories by o~°Passion HELL<br>
Ne pas reproduire, merci. <br>
</center><br>
</body></html>

Dis moi si le champ test fonctionne chez toi ?

[HS] J'aime le style de ton générateur Very Happy

[/HS]

hallucinant, c'est exactement la même chose que j'ai mis tout à l'heure et ça ne fonctionnait pas du tout O.O Hors maintenant tout remarque, non mais cherche l'erreur T.T Bon peut être ai-je eu un problème avec mon forum, une nouvelle membre m'a signalé un sushi tout à l'heure ^^ Enfin encore merci à toi !!!! Smack Smack

Oh c'est gentil merci pour le compliment !!! Smile

Derien ^^

Ouah °-° && Là on dit MERCI ~~PAPA~~ HIRO NOËL ! <3 J'étais justement en train de travailler sur un formulaire, mais le tiens est vraiment bien, je vais probablement m'en servir et bien entendu je te créditerai

Merci =)

Derien

moi j'étais surtout content d'avoir réussis a le faire :p

Bonsoir !
Franchement super code (:
J'ai voulu le tester avant ma « forme définitive » sur laquelle je travaillerai ensuite. Le seul problème, c'est que même si je remplis tous les champs, rien ne se génère Sad

J'ai utilisé le même code que tu as mis (:

Ah :s peut tu me montrer ton code stp ?

(ca générer quand tu as testé sur celui que j'ai mis en ligne ? )

J'ai testé le tien, je n'ai rien changé. Et ça ne génère pas...
Y aurait-il un rapport avec mon navigateur ?

Je remets quand même ce que j'ai mis :

Spoiler:

Code:: <html>
<head>
<style type="text/css">
body {font-family:Calibri;font-size:12px;font-weight:bold;}
INPUT {
color:grey;
background-color:#ffffff;
font-size:12px;
font-family:Calibri,arial;
border:1px solid LightGray;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
width:200px;
font-variant: small-caps;

}

INPUT:hover {
border:1px solid DeepSkyBlue;

}

.submit {
width:50px;
background-color:LightGray;
border:1px solid LightGray;
}

.result {

background-color:LightGray;
border:1px solid LightGray;
color:grey;
}

.result:hover {

background-color:LightGray;
border:1px solid DeepSkyBlue;
}

a {
text-decoration:none;
color:grey;
}

a:hover {
text-decoration:none;
color:DeepSkyBlue;
}

</style>
<script type="text/javascript">
function generer() {

// Ne pas modifier si vous n'etes pas sur , rendez vous dans la section aide html/css de cssActif
var Nom = document.formulaire.Nom.value;
var Prénom = document.formulaire.Prénom.value;
var Age = document.formulaire.Age.value;
var Lieu = document.formulaire.Lieu.value;

// Un petit bonjour
document.formulaire.resultat.value = '<div style="background-color:LightGray;width:250px;padding:10px;font-family:Calibri;font-size:12px;"><b>Bonjour ,</b> <br><br> ';

// Ne pas modifier si vous n'etes pas sur , rendez vous dans la section aide html/css de cssActif
document.formulaire.resultat.value += '<b>Nom :</b> <font color="DeepSkyBlue">' + Nom + '</font><br><br>';
document.formulaire.resultat.value += '<b>Prénom :</b> <font color="DeepSkyBlue">' + Prénom + '</font><br><br> ';
document.formulaire.resultat.value += '<b>Age :</b> <font color="DeepSkyBlue">' + Age + '</font><br><br> ';
document.formulaire.resultat.value += '<b>Lieu :</b> <font color="DeepSkyBlue">' + Lieu + '</font><br><br>';

// Un petit aurevoir
document.formulaire.resultat.value += '<br><b> Bye Bye</b></div>';
}

</script>
</head>
<body>

<span style="font-variant:small-caps;"><a href="http://www.css-actif.com/">© Générateur de présentation - Hiro'- ©</a> </span>
<form name="formulaire">
<br><font color="#000000">Nom :</font><br><input type="text" name="Nom" size="25" value="Nom" OnFocus="this.select();"><br>
<font color="#000000">Prenom :</font><br><input type="text" name="Prénom" size="25" value="Prenom" OnFocus="this.select();"><br>
<font color="#000000">Age :</font><br><input type="text" name="Age" size="25" value="Age" OnFocus="this.select();"><br>
<font color="#000000">Lieu :</font><br><input type="text" name="Lieu" size="25" value="Lieu" OnFocus="this.select();"><br>

<br><input class="submit" type="button" value="Generer" OnClick="generer();">
<input class="submit" size="10" type="reset" value="Effacer"><br>
<textarea name="resultat" cols="28" rows="10" class="result"></textarea><br><br>
</form><noscript><a href="http://www.css-actif.com/">Hiro'</a></noscript><div style="width:250px;" class="result">Merci de ne pas copier le meme style que celui-ci</div>

</body></html>

Surement , quel navig' utilises-tu ?

(le javascript est-il activé ?)

Firefox ; Javascript ? Je ne sais pas, où l'active t-on ? Je pourrais vérifier (c'est peut-être tout bête xD)

Outils > Options > Contenu Wink

Euh, question bête : c'est sur l'ordi ou dans le panneau d'admin ?
Si c'est sur l'ordi je vais chercher une aide pour trouver javascript (j'ai un mac). Merci (:

c'est dans ton navigateur , tout en haut a gauche (sous FF)

Tu vas me tuer x)
J'ai confondu (plusieurs ordis) c'est Safari que j'ai ici. Désolé .__.

Bonsoir

Un petit copier coller pour mieux comprendre

Générateur de présentation (sans php) (messages) 20101228223034

Bonne soirée

Générateur de présentation (sans php) (messages)

Générateur de présentation (sans php) (messages)

Sujets similaires

Sujets similaires

Partenaires Or