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

2 participants

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 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

Ishtar
****

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

http://dontfeartheripper.forum-canada.com/
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 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

Ishtar
****

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

http://dontfeartheripper.forum-canada.com/
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] 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]

[Nihil]
Membre habitué

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

https://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 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

Ishtar
****

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

http://dontfeartheripper.forum-canada.com/
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 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

Ishtar
****

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

http://dontfeartheripper.forum-canada.com/
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] 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]

[Nihil]
Membre habitué

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

https://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 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

Ishtar
****

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

http://dontfeartheripper.forum-canada.com/
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 Sam 3 Jan 2015 - 22:01

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

Ishtar
****

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

http://dontfeartheripper.forum-canada.com/
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] 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]

[Nihil]
Membre habitué

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

https://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 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

Ishtar
****

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

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