Vrai-faux tableau à onglet
4 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Vrai-faux tableau à onglet
Bonjour / Bonsoir, et d'avance merci à celui qui m'aidera.
Alors, ma demande est un peu compliquée, mais ayant déjà vu ça sur un autre forum, je sais que c'est possible.
J'aimerais réaliser un "tableau à onglet" (donc avec un contenu qui s'affiche au click sur un onglet), mais sans utiliser de script de façon à ce que ce soit affichable dans les messages de n'importe quel forum, et surtout modifiable par n'importe quel membre. Bien sûr je pourrais utiliser une iframe, mais ce n'est pas mon but puisque je veux que ce soit modifiable directement en éditant le message.
J'avais pensé à une solution hybride en jouant sur les infobulles, mais ça n'afficherait les contenus qu'au passage de la souris et pas au click.
Du coup j'ai pensé utiliser les ancres de messages, mais... je n'arrive pas à positionner mon contenu pour qu'il reste à une place fixe -w-
Bref, je ne sais pas si c'est très clair mais mon but est de réaliser un tableau qui "fasse" comme un tableau à onglet, mais uniquement via HTML/CSS (donc possiblement en se servant des ancres de messages). Merci d'avance si quelqu'un sait comment faire ! **
Alors, ma demande est un peu compliquée, mais ayant déjà vu ça sur un autre forum, je sais que c'est possible.
J'aimerais réaliser un "tableau à onglet" (donc avec un contenu qui s'affiche au click sur un onglet), mais sans utiliser de script de façon à ce que ce soit affichable dans les messages de n'importe quel forum, et surtout modifiable par n'importe quel membre. Bien sûr je pourrais utiliser une iframe, mais ce n'est pas mon but puisque je veux que ce soit modifiable directement en éditant le message.
J'avais pensé à une solution hybride en jouant sur les infobulles, mais ça n'afficherait les contenus qu'au passage de la souris et pas au click.
Du coup j'ai pensé utiliser les ancres de messages, mais... je n'arrive pas à positionner mon contenu pour qu'il reste à une place fixe -w-
Bref, je ne sais pas si c'est très clair mais mon but est de réaliser un tableau qui "fasse" comme un tableau à onglet, mais uniquement via HTML/CSS (donc possiblement en se servant des ancres de messages). Merci d'avance si quelqu'un sait comment faire ! **
Dernière édition par Daewyn le Mar 16 Juil 2013 - 15:47, édité 1 fois
Daewyn- ***
-
Messages : 182
Inscrit(e) le : 23/06/2011
Daewyn- ***
-
Messages : 182
Inscrit(e) le : 23/06/2011
Re: Vrai-faux tableau à onglet
Euh pas un en particulier, justement, puisqu'avec un tel code ce serait faisable partout (sur Phpbb2 en tout cas).
EDIT : houlà je suis blonde, j'avais pas compris la question. Le forum où j'ai vu ça est Like a boss, aujourd'hui fermé et inaccessible (du coup je ne donne pas le lien).
EDIT : houlà je suis blonde, j'avais pas compris la question. Le forum où j'ai vu ça est Like a boss, aujourd'hui fermé et inaccessible (du coup je ne donne pas le lien).
Daewyn- ***
-
Messages : 182
Inscrit(e) le : 23/06/2011
Daewyn- ***
-
Messages : 182
Inscrit(e) le : 23/06/2011
Daewyn- ***
-
Messages : 182
Inscrit(e) le : 23/06/2011
Daewyn- ***
-
Messages : 182
Inscrit(e) le : 23/06/2011
Daewyn- ***
-
Messages : 182
Inscrit(e) le : 23/06/2011
Re: Vrai-faux tableau à onglet
En fait, pour faire ce genre de chose, il te suffis de mettre un code JavaScript à son emplacement habituel:
Panneau d'Administration (PA) Modules HTML & JAVASCRIPT Gestion des codes Javascript
Tu y colle ce code (à modifier au besoin):
et tu n'oublis pas de cocher Sur toutes les pages, comme ceci:
Une fois ce fait, dans ton message, tu place un code de ce genre:
Ce signe [...] signifie jusqu'à l'infini. Cependant, il faut savoir que dans les messages, les passages de lignes sont pris en compte, il faudra donc tous les enlever après avoir codé. Ce qui donnerait quelque chose comme ceci:
En espérant avoir aidé
[AoH]Insane
Panneau d'Administration (PA) Modules HTML & JAVASCRIPT Gestion des codes Javascript
Tu y colle ce code (à modifier au besoin):
- Code:
$(function(){ $("#menu dl").hover(function(){$("#menu dl dd").slideUp("500");$(this).find("dd").stop(true,true).slideDown("500");},function(){$(this).find("dd").slideUp("500");}); });
et tu n'oublis pas de cocher Sur toutes les pages, comme ceci:
Une fois ce fait, dans ton message, tu place un code de ce genre:
- Code:
<div id="menu"><dl><dt>Titre Onglet 1</dt>
<dd>
<ul>
<li><a style="margin-bottom:4px;" href="URL_1">Lien 1</a></li>
<li><b>Séparation 1</b></li>
<li><a style="margin-bottom:4px;" href="URL_2">Lien 2</a></li>
</ul>
</dd>
</dl>
<dl><dt>Titre Onglet 2</dt>
<dd>
<ul>
<li><a style="margin-bottom:4px;" href="URL_3">Lien 3</a></li>
<li><b>Séparation 2</b></li>
<li><a style="margin-bottom:4px;" href="URL_4">Lien 4</a></li>
</ul>
</dd>
</dl>
[...]</div>
Ce signe [...] signifie jusqu'à l'infini. Cependant, il faut savoir que dans les messages, les passages de lignes sont pris en compte, il faudra donc tous les enlever après avoir codé. Ce qui donnerait quelque chose comme ceci:
- Code:
<div id="menu"><dl><dt>Titre Onglet 1</dt><dd><ul><li><a style="margin-bottom:4px;" href="URL_1">Lien 1</a></li><li><b>Séparation 1</b></li><li><a style="margin-bottom:4px;" href="URL_2">Lien 2</a></li></ul></dd></dl><dl><dt>Titre Onglet 2</dt><dd><ul><li><a style="margin-bottom:4px;" href="URL_3">Lien 3</a></li><li><b>Séparation 2</b></li><li><a style="margin-bottom:4px;" href="URL_4">Lien 4</a></li></ul></dd></dl>[...]</div>
En espérant avoir aidé
[AoH]Insane
Re: Vrai-faux tableau à onglet
Merci pour le code (qui m'a l'air bien pratique) [AoH]Insane !
Cependant je me demandais (vu que c'était le but de ma requête) si un tel effet pouvait être réalisé, justement sans aucun javascript. Parce que là avec ce code, je ne peux le faire que sur un forum que j'administre en gros, or ce qui m'intéressait c'était de le rendre faisable même sur un fo où je n'aurai été que membre.
Je ne sais pas si je suis très claire xD Après si la réponse est non, bon eh bien, tant pis, mais je préfère demander.
Cependant je me demandais (vu que c'était le but de ma requête) si un tel effet pouvait être réalisé, justement sans aucun javascript. Parce que là avec ce code, je ne peux le faire que sur un forum que j'administre en gros, or ce qui m'intéressait c'était de le rendre faisable même sur un fo où je n'aurai été que membre.
Je ne sais pas si je suis très claire xD Après si la réponse est non, bon eh bien, tant pis, mais je préfère demander.
Daewyn- ***
-
Messages : 182
Inscrit(e) le : 23/06/2011
Daewyn- ***
-
Messages : 182
Inscrit(e) le : 23/06/2011
Re: Vrai-faux tableau à onglet
Bonjour,
Ce n'est réalisable que par javascript
Mais il y a sans doute la solution d'héberger le javascript quelque part et de l'appeler dans les messages via le HTML. A essayer.
Cordialement.
Ce n'est réalisable que par javascript
Mais il y a sans doute la solution d'héberger le javascript quelque part et de l'appeler dans les messages via le HTML. A essayer.
Cordialement.
Re: Vrai-faux tableau à onglet
Merci de ta réponse Tech !
Bon et bien je vais sans doute essayer ça dans ce cas ^^ Merci encore, je met le sujet en résolu /o/
Bon et bien je vais sans doute essayer ça dans ce cas ^^ Merci encore, je met le sujet en résolu /o/
Daewyn- ***
-
Messages : 182
Inscrit(e) le : 23/06/2011
Sujets similaires
» Tableau à onglet.
» Création d'un site trompeur ? vrai ou faux message de Chrome ?
» Sur un tableau à trois onglet, je ne peux pas changer d'onglet
» Tableau à onglet
» Tableau a Onglet : onglet qui ne souvre pas
» Création d'un site trompeur ? vrai ou faux message de Chrome ?
» Sur un tableau à trois onglet, je ne peux pas changer d'onglet
» Tableau à onglet
» Tableau a Onglet : onglet qui ne souvre pas
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum