Feuille de personnage au survol, la feuille n’apparaît pas

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

Résolu Feuille de personnage au survol, la feuille n’apparaît pas

Message par Ishtar le Jeu 18 Déc 2014 - 23:46

Détails techniques


Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : aujourd'hui, jour où le code a été installé
Lien du forum : http://streets-philadelphia.forum-canada.com/

Description du problème

Hello!

Après avoir activé la feuille de personnage, j'ai installé un code afin que la feuille apparaisse au survol d'une image, hors ça ne fonctionne pas. Je vois bien l'image, mais pas la feuille de personnage. Même en changeant "onmouseover" par "onClick", rien ne se produit. J'ai regardé différents sujets sur le forum, testé les différents codes proposés, mais rien ne fonctionne au final. Donc est-ce possible toujours une manoeuvre possible ou le code a-t-il changé?

Voici la partie concernée du template:
Code:
<div onmouseover="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="image" src="http://tinyurl.com/zombieprofil" value="afficher"/>
<div style="display: none; text-align: left;">{postrow.displayed.POSTER_RPG}</div>

Merci d'avance! ^^


Dernière édition par Ishtar le Dim 4 Jan 2015 - 4:04, édité 1 fois

Ishtar
****

Féminin
Messages : 242
Inscrit(e) le : 15/08/2007

http://risenfromthedead.forum-canada.com/#top
Ishtar a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Feuille de personnage au survol, la feuille n’apparaît pas

Message par Ishtar le Lun 22 Déc 2014 - 22:47

Quelqu'un a une petite idée de comment résoudre mon problème?

Merci d'avance! ^^

Ishtar
****

Féminin
Messages : 242
Inscrit(e) le : 15/08/2007

http://risenfromthedead.forum-canada.com/#top
Ishtar a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Feuille de personnage au survol, la feuille n’apparaît pas

Message par [Nihil] le Mar 23 Déc 2014 - 8:22

Hello hello Smile

Pourrais-t-on avoir ton template en entier ?

En effet dans le code que tu nous as donné, il manque la fermeture de la div Wink

Car si on met ceci (la première div n'était pas fermée), le code fonctionne bien (^-^) :
Code:
<div onmouseover="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="image" src="http://tinyurl.com/zombieprofil" value="afficher"/>
<div style="display: none; text-align: left;">{postrow.displayed.POSTER_RPG}</div></div>

/!\ Il me semble qu'il ne faut pas qu'il y ait de retour à la ligne entre les 2 fermetures de div à la fin (^-^)

[Nihil]
# Tropactif #

Messages : 1155
Inscrit(e) le : 10/12/2009

http://forum.forumactif.com
[Nihil] a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Feuille de personnage au survol, la feuille n’apparaît pas

Message par Ishtar le Mar 23 Déc 2014 - 9:44

Hello! ^^

Je viens de tester le code que tu m'as donné et ça fonctionne! Alors merci beaucoup! J'ai maintenant une dernière question: je sais qu'il est possible de rendre le "déroulement" progressif, mais malgré mes recherches sur le sujet, j'y comprends rien. J'ai vu que c'était possible via le javascript, mais ça devenait trop abstrait... alors un petit coup de pouce pour ça serait apprécié! ^^

Merci!

Ishtar
****

Féminin
Messages : 242
Inscrit(e) le : 15/08/2007

http://risenfromthedead.forum-canada.com/#top
Ishtar a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Feuille de personnage au survol, la feuille n’apparaît pas

Message par Ishtar le Dim 28 Déc 2014 - 20:59

Hello!

Quelqu'un a une petite idée de comment je devrais m'y prendre pour que le déroulement de la feuille de personnage se fasse progressivement et non tout d'un coup? ^^

Merci et Bonne Année en avance! ^^

Ishtar
****

Féminin
Messages : 242
Inscrit(e) le : 15/08/2007

http://risenfromthedead.forum-canada.com/#top
Ishtar a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Feuille de personnage au survol, la feuille n’apparaît pas

Message par [Nihil] le Dim 28 Déc 2014 - 21:19

Alors, on peut faire ça facilement en CSS ne t'inquiète pas. Par contre, il va falloir un peu modifier ton code, peux tu me dire si tu préfères faire ton effet au survol ou au click s'il te plait Smile ?

[Nihil]
# Tropactif #

Messages : 1155
Inscrit(e) le : 10/12/2009

http://forum.forumactif.com
[Nihil] a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Feuille de personnage au survol, la feuille n’apparaît pas

Message par Ishtar le Lun 29 Déc 2014 - 3:46

Salut!

Je me doutais que le CSS serait sans doute nécessaire, mais après ça dépasse mon champs de compétences! ^^ Alors pour répondre à ta question, ça serait donc au survol. Esthétiquement parlant, ça me semble être la meilleure option.

Merci! Wink

Ishtar
****

Féminin
Messages : 242
Inscrit(e) le : 15/08/2007

http://risenfromthedead.forum-canada.com/#top
Ishtar a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Feuille de personnage au survol, la feuille n’apparaît pas

Message par Ishtar le Sam 3 Jan 2015 - 22:01

Et un mini up avant que je l'oublie! ^^

Ishtar
****

Féminin
Messages : 242
Inscrit(e) le : 15/08/2007

http://risenfromthedead.forum-canada.com/#top
Ishtar a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Feuille de personnage au survol, la feuille n’apparaît pas

Message par [Nihil] le Sam 3 Jan 2015 - 23:19

Le CSS à rajouter :
Code:
.feuille-rp {
    max-height: 0px; /* taille de base */
    overflow: hidden; /* empeche les dépassements */
    transition: all 1s; /* transition */
    background: #eee; /* couleur de fond */
}

.ouvrir-feuille:hover + .feuille-rp {
    max-height: 250px; /* hauteur maximale une fois ouvert */
}

Et voici du coup comment est ta feuille de RP maintenant, on remplace :
Code:
        <div onmouseover="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="image" src="http://tinyurl.com/zombieprofil" value="afficher"/>
        <div style="display: none; text-align: left;">{postrow.displayed.POSTER_RPG}</div></div>

Par :
Code:
<div class="ouvrir-feuille"><img src="http://tinyurl.com/zombieprofil" alt="Afficher"/></div>
<div class="feuille-rp">{postrow.displayed.POSTER_RPG}</div>

Comme ceci, est ce que cela fonctionne ?

[Nihil]
# Tropactif #

Messages : 1155
Inscrit(e) le : 10/12/2009

http://forum.forumactif.com
[Nihil] a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Feuille de personnage au survol, la feuille n’apparaît pas

Message par Ishtar le Dim 4 Jan 2015 - 4:04

Génial, c'est exactement le résultat que je souhaitais obtenir! ^^
Merci beaucoup pour le coup de pouce! Wink

Ishtar
****

Féminin
Messages : 242
Inscrit(e) le : 15/08/2007

http://risenfromthedead.forum-canada.com/#top
Ishtar 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