Feuille de personnage

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

Résolu Feuille de personnage

Message par Flaura le Dim 14 Sep 2014 - 12:02

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Lien du forum : http://guilde-dracaufeu.pokemonrpg.org/

Description du problème

Bonjour,

comment faire en sorte que, dans le profil des message, en-dessous du profil il y ait un bouton avec écrit "personnage" et quand on clique dessus, toute la feuille de personnage apparaisse?


Dernière édition par Lucariaura le Ven 19 Sep 2014 - 20:33, édité 1 fois

Flaura
****

Féminin
Messages : 346
Inscrit(e) le : 07/06/2014

http://pokemondm.pokemonrpg.org
Flaura a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Feuille de personnage

Message par Kinotto le Dim 14 Sep 2014 - 12:44

Bonjour,

PA > Affichage > Templates > viewtopic_body

Cherchez :

Code:
{postrow.displayed.POSTER_RPG}

Remplacez par :

Code:
<div class="profilbouton" onClick="this.firstChild.value=(this.firstChild.value=='Afficher')?'Masquer':'Afficher';this.lastChild.style.display=(this.firstChild.value=='Afficher')?'none':'block';" style="text-align: center;"><input type="button" value="Afficher" class="boutonprofil"/><div style="display: none; text-align: left;">{postrow.displayed.POSTER_RPG}</div></div>

Vous pouvez bien sûr remplacer "Afficher" et "Masquer" par le texte de votre choix.

Enregistrez et publiez le template.


Cordialement.

Kinotto
+ Hyperactif +

Masculin
Messages : 2177
Inscrit(e) le : 12/09/2012

http://test-nightmare.superforum.fr/
Kinotto a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Feuille de personnage

Message par Flaura le Dim 14 Sep 2014 - 13:57

Merci pour le code, mais j'aimerai lui donner un effet déroulant, pas quelque chose qui s'affiche d'un coup. Et puis aussi que ça affiche un message "La feuille de personnage n'a pas été activée" quand c'est le cas au lieu d'un vide.

Flaura
****

Féminin
Messages : 346
Inscrit(e) le : 07/06/2014

http://pokemondm.pokemonrpg.org
Flaura a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Feuille de personnage

Message par Flaura le Lun 15 Sep 2014 - 20:11

UP

Flaura
****

Féminin
Messages : 346
Inscrit(e) le : 07/06/2014

http://pokemondm.pokemonrpg.org
Flaura a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Feuille de personnage

Message par Flaura le Mar 16 Sep 2014 - 20:06

UP!!!

Flaura
****

Féminin
Messages : 346
Inscrit(e) le : 07/06/2014

http://pokemondm.pokemonrpg.org
Flaura a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Feuille de personnage

Message par Flaura le Ven 19 Sep 2014 - 15:40

UP ~

Flaura
****

Féminin
Messages : 346
Inscrit(e) le : 07/06/2014

http://pokemondm.pokemonrpg.org
Flaura a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Feuille de personnage

Message par Ea le Ven 19 Sep 2014 - 17:06

Bonjour,


En prenant le code de kinotto, on pourrait remplacer :

Code:
{postrow.displayed.POSTER_RPG}

par :

Code:
<div><div style="display: none" class="profil_rpg">{postrow.displayed.POSTER_RPG}</div></div>

et mettre ce script sur les sujets ( cf ce sujet ) :

Code:
$(function(){
  $(".profil_rpg").each(function(){
    if($(this).html()=='') $(this).html("La feuille de personnage n'a pas été activée");
    $('<div style="display:none">Masquer</div><div>Afficher</div>').insertBefore(this).click(function(){
      $(this).parent().children().slideToggle();
    });
  });
});

vu que je n'ai pas testé, il se peut que ça ne fonctionne pas.

Cordialement.

Ea
Aidactif
Aidactif

Messages : 23447
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Feuille de personnage

Message par Flaura le Ven 19 Sep 2014 - 17:35

Oui, ça fonctionne. Comment puis-je modifier (mettre une image à la place de afficher/masquer, etc...)?

Flaura
****

Féminin
Messages : 346
Inscrit(e) le : 07/06/2014

http://pokemondm.pokemonrpg.org
Flaura a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Feuille de personnage

Message par Ea le Ven 19 Sep 2014 - 17:58

Vous pouvez remplacer Afficher et Masquer par <img src="lien" /> par exemple.

En fait au final il y a cette structure là :

Code:
<div>
  <div style="display:none">Masquer</div>
  <div>Afficher</div>
  <div style="display: none" class="profil_rpg">{postrow.displayed.POSTER_RPG}</div>
</div>

et chaque fois qu'on clique sur un des deux boutons :

Code:
  <div style="display:none">Masquer</div>
  <div>Afficher</div>

tout les éléments se trouvant directement dans le <div> parent qui entoure le tout sont affichés si ils sont cachés, et cachés si ils sont affichés.

Donc sans avoir cliqué on a : [Bouton masquer] caché, [Bouton afficher] affiché, [Contenu rpg] caché
Au premier clic : [Bouton masquer] affiché, [Bouton afficher] caché, [Contenu rpg] affiché
Au deuxième clic : [Bouton masquer] caché, [Bouton afficher] affiché, [Contenu rpg] caché
Au troisième clic : [Bouton masquer] affiché, [Bouton afficher] caché, [Contenu rpg] affiché

Et ainsi de suite.

Cordialement.

Ea
Aidactif
Aidactif

Messages : 23447
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

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


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