Sujets similaires

J'ai trouvé ; Javascript est activé, les cookies aussi, tout le tralala.
Je vais retenter (on ne sait jamais). Safari doit buguer ~

je me disais aussi , un user de Mac qui n'est pas sur Safari ^^

je viens de tester sous Safari et ca fonctionne parfaitement Wink

Ok !
J'ai une idée : tu vas me dire dire comment utiliser le générateur pas à pas, peut-être que j'ai fait une erreur dans l'utilisation . oo'

Bah au pire va sur la page d'aperçu , copie le code en entier et colle le sur une page .html puis test Smile

La page d'aperçu ?

Oui :

Ici

Mais qui a t-il à copier ?
Oh, laisse tomber, je t'embête et ça ne marche pas xx.
Enfin : Il faut bien marquer des trucs dans les champs et cliquer sur générer, non ?

Il faut faire clique droit > code source et tu le copie .

Oui , mais même sans écrire dedans il est censé générer un code Wink

Bonsoir,je ne comprend pas la partie 3 du tuto Sad

Comment mettre le code dans une pop-up ?
Où se trouve la pop-up ?
Merci de m'éclairer un peu Very Happy

Bonjour

Générateur de présentation (sans php) (messages) - Page 2 90719

Juste pour dire que l'exemple marche plus Générateur de présentation (sans php) (messages) - Page 2 465622

Bonjour !

Super tutoriel, vraiment bien expliqué, et le résultat est vraiment génial Very Happy

Franchement, bravo !

En passant, j'aimerais savoir s'il est possible d'insérer dans le formulaire des items à cocher ?
Merci d'avance !! Very Happy

Bonjour,

J'ai utilisé le code mais il ne marche pas du tout T_T :

Quand je clique sur générer, rien ne ce génère pourtant je suis sur de ne pas avoir fait d'erreur :

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 Sexe = document.formulaire.Sexe.value;
var Pseudos = document.formulaire.Pseudos.value;
var Age = document.formulaire.Age.value;
var Console = document.formulaire.Console.value;
var Console2 = document.formulaire.Console2.value;
var Jeux = document.formulaire.Jeux.value;
var Système d'exploitation = document.formulaire.Système d'exploitation.value;
var Navigateur = document.formulaire.Navigateur.value;
var Code = document.formulaire.Code.value;

document.formulaire.resultat.value += 'Sexe : ' + Sexe + ' ';
document.formulaire.resultat.value += 'Pseudos : ' + Pseudos + ' ';
document.formulaire.resultat.value += 'Age : ' + Age + ' ';
document.formulaire.resultat.value += 'Vos console : ' + Console + ' ';
document.formulaire.resultat.value += 'Votre console favorites : ' + Console2 + ' ';
document.formulaire.resultat.value += 'Jeux favoris : ' + Jeux + ' ';
document.formulaire.resultat.value += 'Système d'exploitation : ' + Système d'exploitation + ' ';
document.formulaire.resultat.value += 'Navigateur Web : ' + Navigateur + ' ';
document.formulaire.resultat.value += 'Code du règlement : ' + Code + ' ';

</script>
</head>
<body>

<form name="formulaire">
 
Sexe : <input type="text" name="Sexe" size="25" value="Indiquez votre sexe" OnFocus="this.select();"> 
Pseudos : <input type="text" name="Pseudos" size="25" value="Indiquez votre pseudos" OnFocus="this.select();"> 
 Age : <input type="text" name="Age" size="25" value="Indiquez votre age" OnFocus="this.select();"> 
Vos console : <input type="text" name="Console" size="25" value="Indiquez vos console de jeux" OnFocus="this.select();"> 
Consoles favorites : <input type="text" name="Console2" size="25" value="Indiquez votre console favoris" OnFocus="this.select();"> 
Jeux favoris : <input type="text" name="Jeux" size="25" value="Indiquez vos jeux favoris" OnFocus="this.select();"> 
Système d'exploitation <input type="text" name="Système d'exploitation" size="25" value="Indiquez votre système d'exploitation" OnFocus="this.select();"> 
Navigateur Web : <input type="text" name="Navigateur" size="25" value="Indiquez votre navigateur web" OnFocus="this.select();"> 
Code du reglement : <input type="text" name="Code" size="25" value="Code du reglement" OnFocus="this.select();"> 

 <input class="submit" type="button" value="Generer" OnClick="generer();">
<input class="submit" size="10" type="reset" value="Effacer"> 
<textarea name="resultat" cols="28" rows="10" class="result"></textarea> 
</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>

Merci de me venir en aide.

Merci pour le tutoriel.
Cependant, je rencontre également ce problème : cela ne se génère pas. Ce qui est bizarre, c'est lorsque je fais un aperçu de ma page HTML, ça fonctionne parfaitement, mais une fois le lien sur le forum, rien n'est généré. Mon code est pourtant le même que celui de l'exemple ( utilisé en guise de test ).

EDIT : J'ai peut-être trouvé le problème ; Forumactif ne semble pas reconnaitre les caractères spéciaux comme les accents, les symboles, ... Pourtant, sur un autre forum que j'administre, il n'y pas de problème à ce niveau là. Saurais-tu s'il existe une méthode pour le régler ?

Merci beaucoup =)

Code:: <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="Content-Language" content="fr" />

Merci beaucoup pour ce tuto Hiro !
C'est exactement ce que je cherchais depuis bien longtemps !

U' Rock !

Et merci Kory pour la solution ! J'avais le même problème que les autres et t'as solution a tout réglé ! Smack Smack

U' Rock 2 ! (:

Merci beaucoup encore une fois ! (:

Kory a écrit:

Code:: <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="Content-Language" content="fr" />

Notre sauveuse ! Merci beaucoup ^^

Le code est-il complet Si je me rappelle bien, une page HTML pour qu'elle soit bien fondée et complet elle doit être comme ceci :

Code:: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>!!! TITRE DE LA PAGE !!!</title>
<style type="text/css">


</style>
<script type="text/javascript">
!!! LE JAVASCRIPT !!!
</script>
</head>
<body>
!!! LE CONTENU DE LA PAGE !!!
</body>
</html>

Donc, on ne peut pas dire que ton code est complet. Néanmoins, merci pour ce code ^^'.

Bonjour Hiro

Comme vous le dites dans votre générateur, comme je ne suis pas sur de célà :

Code:: // 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;">Bonjour , ';

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

Je viens demander de l'aide, j'ai remplir les autres champs, ce qui me semble le plus simple mais pour ceci il me faudrait des aides.

Voici mon formulaire :

Merci d'avance de votre aide.
Cordialement.

Concept sympathique, je me demande jusqu'où on pourrait l'étendre ^^

Si je peux me permettre, je peux peut-être t'apporter une solution Jiben. Je regarde ton code et je t'envoi la bonne version pour que cela fonctionne...

Voici la bonne version du code pour ton application Jiben. J'ai essayé de corriger quelques fautes au passage mais je te laisse t'en charger pour la suite. Normalement je n'ai pas fait d'erreur et ça devrait fonctionner, mais tiens moi au courant sinon...

FORMULAIRE A REMPLACER

Code:: <form name="formulaire">
 

 Image du compte 

Pseudo : <input type="text" name="Pseudo" size="25" value="Votre Pseudo" OnFocus="this.select();"> 
Dans quelle galaxie se trouve vos planètes : <input type="text" name="Galaxie" size="25" value="G1, G2, G3, G4, G5" OnFocus="this.select();"> 
Classement : <input type="text" name="Classement" size="25" value="Votre classement" OnFocus="this.select();"> 
Depuis quand avez vous rejoins cet univers : <input type="text" name="Date" size="25" value="Nombre de mois ou/et d'année" OnFocus="this.select();"> 

 Style de jeu 

Vous êtes mineur ou raideur : <input type="text" name="Statut" size="25" value="mineur ou raideur" OnFocus="this.select();"> 
Vous êtes paisible ou opportuniste ou agressif : <input type="text" name="Style" size="25" value="paisible ou opportuniste ou agressif " OnFocus="this.select();"> 
Vos ambitions sur le beta5 : <input type="text" name="Ambitions" size="25" value="Vos ambitions sur ce beta" OnFocus="this.select();"> 

 Alliance 

Quelles sont vos anciennes alliances : <input type="text" name="Alliances" size="25" value="Votre ou vos ancienne(s) alliance(s)" OnFocus="this.select();"> 
Motif de rupture : <input type="text" name="Motif" size="25" value="Motif de rupture" OnFocus="this.select();"> 
Ce que cela vous a apporté : <input type="text" name="Apport" size="25" value="ce que cela vous a apporté" OnFocus="this.select();"> 
Pourquoi Nous avoir Choisi :* <input type="text" name="Raison" size="25" value="Pourquoi Nous avoir Choisi ?" OnFocus="this.select();"> 
Alliés et Ennemis : <input type="text" name="Diplomatie" size="25" value="Alliés et Ennemis" OnFocus="this.select();"> 

 IRL-Facultatif 

Prénom : <input type="text" name="Prenom" size="25" value="Votre Prénom" OnFocus="this.select();"> 
Age : <input type="text" name="Age" size="25" value="Votre age" OnFocus="this.select();"> 
Sexe : <input type="text" name="Sexe" size="25" value="Votre sexe" OnFocus="this.select();"> 
Vos qualités : <input type="text" name="Qualites" size="25" value="Dites nous tout" OnFocus="this.select();"> 
Vos défauts : <input type="text" name="Defauts" size="25" value="Dites nous tout" OnFocus="this.select();"> 
Est-ce tout ce que vous souhaiterez nous dire : <input type="text" name="Autre" size="25" value="Est-ce tout se que vous souhaiterez nous dire..." OnFocus="this.select();"> 

*s'il a eu une proposition donner le pseudo.
 <input class="submit" type="button" value="Generer" OnClick="generer();">
<input class="submit" size="10" type="reset" value="Effacer"> 
<textarea name="resultat" cols="28" rows="10" class="result"></textarea> 
</form>

CODE JAVASCRIPT A REMPLACER

Code:: <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 Pseudo = document.formulaire.Pseudo.value;
var Galaxie = document.formulaire.Galaxie.value;
var Classement = document.formulaire.Classement.value;
var Date = document.formulaire.Date.value;

var Statut = document.formulaire.Statut.value;
var Style = document.formulaire.Style.value;
var Ambitions = document.formulaire.Ambitions.value;

var Alliances = document.formulaire.Alliances.value;
var Motif = document.formulaire.Motif.value;
var Apport = document.formulaire.Apport.value;
var Raison = document.formulaire.Raison.value;
var Diplomatie = document.formulaire.Diplomatie.value;

var Prenom = document.formulaire.Prenom.value;
var Age = document.formulaire.Age.value;
var Sexe = document.formulaire.Sexe.value;
var Qualites = document.formulaire.Qualites.value;
var Defauts = document.formulaire.Defauts.value;
var Autre = document.formulaire.Autre.value;

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

// Ne pas modifier si vous n'etes pas sur , rendez vous dans la section aide html/css de cssActif
document.formulaire.resultat.value += 'Pseudo : ' + Pseudo + ' ';
document.formulaire.resultat.value += 'Galaxie : ' + Galaxie + ' ';
document.formulaire.resultat.value += 'Classement : ' + Classement + ' ';
document.formulaire.resultat.value += 'Date : ' + Date + '<hr />';
document.formulaire.resultat.value += 'Statut : ' + Statut + ' ';
document.formulaire.resultat.value += 'Style : ' + Style + ' ';
document.formulaire.resultat.value += 'Ambitions : ' + Ambitions + '<hr /> ';
document.formulaire.resultat.value += 'Alliances : ' + Alliances + ' ';
document.formulaire.resultat.value += 'Motif : ' + Motif + ' ';
document.formulaire.resultat.value += 'Apport : ' + Apport + ' ';
document.formulaire.resultat.value += 'Raison : ' + Raison + ' ';
document.formulaire.resultat.value += 'Diplomatie : ' + Diplomatie + '<hr />';
document.formulaire.resultat.value += 'Prénom : ' + Prenom + ' ';
document.formulaire.resultat.value += 'Age : ' + Age + ' ';
document.formulaire.resultat.value += 'Sexe : ' + Sexe + ' ';
document.formulaire.resultat.value += 'Qualites : ' + Qualites + ' ';
document.formulaire.resultat.value += 'Defauts : ' + Defauts + ' ';
document.formulaire.resultat.value += 'Autre : ' + Autre + '<hr />';

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

Bonjour !
C'est peut-être une question fort idiote mais, à quoi ça sert un générateur comme celui-là ?
Ce n'est pas méchant hein, du tout, juste que je ne sais pas le résultat du truc >>

Bonjour.

Espeon : Est-ce que vous pourrez rectifier mon code s'il vous plait ? Merci d'avance pour votre aide !

Au revoir

J'ai jeté un coup d'oeil à ton code, l'erreur provenait du nom d'une variable. Généralement on ne met pas d'apostrophes et d'espaces, au risque de créer ce genre de soucis. J'ai renommé Système d'exploitation par SystèmeExploitation dans le code et ça marche à merveille. Je te laisse copier/coller la version ci-dessous Wink

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 Sexe = document.formulaire.Sexe.value;
var Pseudos = document.formulaire.Pseudos.value;
var Age = document.formulaire.Age.value;
var Console = document.formulaire.Console.value;
var Console2 = document.formulaire.Console2.value;
var Jeux = document.formulaire.Jeux.value;
var SystèmeExploitation = document.formulaire.SystèmeExploitation.value;
var Navigateur = document.formulaire.Navigateur.value;
var Code = document.formulaire.Code.value;

document.formulaire.resultat.value += 'Sexe : ' + Sexe + ' ';
document.formulaire.resultat.value += 'Pseudos : ' + Pseudos + ' ';
document.formulaire.resultat.value += 'Age : ' + Age + ' ';
document.formulaire.resultat.value += 'Vos console : ' + Console + ' ';
document.formulaire.resultat.value += 'Votre console favorites : ' + Console2 + ' ';
document.formulaire.resultat.value += 'Jeux favoris : ' + Jeux + ' ';
document.formulaire.resultat.value += 'Système d\'exploitation : ' + SystèmeExploitation + ' ';
document.formulaire.resultat.value += 'Navigateur Web : ' + Navigateur + ' ';
document.formulaire.resultat.value += 'Code du règlement : ' + Code + ' ';
}
</script>
</head>
<body>

<form name="formulaire">
 
Sexe : <input type="text" name="Sexe" size="25" value="Indiquez votre sexe" OnFocus="this.select();"> 
Pseudos : <input type="text" name="Pseudos" size="25" value="Indiquez votre pseudos" OnFocus="this.select();"> 
 Age : <input type="text" name="Age" size="25" value="Indiquez votre age" OnFocus="this.select();"> 
Vos console : <input type="text" name="Console" size="25" value="Indiquez vos console de jeux" OnFocus="this.select();"> 
Consoles favorites : <input type="text" name="Console2" size="25" value="Indiquez votre console favoris" OnFocus="this.select();"> 
Jeux favoris : <input type="text" name="Jeux" size="25" value="Indiquez vos jeux favoris" OnFocus="this.select();"> 
Système d'exploitation <input type="text" name="SystèmeExploitation" size="25" value="Indiquez votre système d'exploitation" OnFocus="this.select();"> 
Navigateur Web : <input type="text" name="Navigateur" size="25" value="Indiquez votre navigateur web" OnFocus="this.select();"> 
Code du reglement : <input type="text" name="Code" size="25" value="Code du reglement" OnFocus="this.select();"> 

 <input class="submit" type="button" value="Generer" OnClick="generer();">
<input class="submit" size="10" type="reset" value="Effacer"> 
<textarea name="resultat" cols="28" rows="10" class="result"></textarea> 
</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>

Merci Espeon ! Je te place dans les crédits en bas du formulaire !

CS-forum a écrit:: Bonjour !
C'est peut-être une question fort idiote mais, à quoi ça sert un générateur comme celui-là ?
Ce n'est pas méchant hein, du tout, juste que je ne sais pas le résultat du truc >>

De ce que j'en ai vu c'est un générateur de fiche de présentation. En fait c'est pas si bête. Ca permet, pour ceux qui le veulent, de le mettre sur leur forum à disposition des membres.

Ca permet aux membres de remplir simplement les champs du formulaire, de cliquer sur Générer et de copier/coller le code généré dans leur message et hop !

Bon par contre ce code est très expéditif, je pense qu'il serait faisable de faire une application plus fournie... Je vais y réfléchir !
Cela dit l'idée est excellente Wink

Benjamin55 a écrit:: Merci Espeon ! Je te place dans les crédits en bas du formulaire !

Ca c'est gentil Smile

Je viens d'arriver et je jette un coup d'oeil un peu partout mais je pense que je vais essayer de filer un coup de main par ici, ça me semble assez actif et sympathique...

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

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

Sujets similaires

Sujets similaires

Partenaires Or