Tableau à onglet

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

Tableau à onglet

Message par Cramby' le Lun 8 Mai 2017 - 18:19

Détails techniques


Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Moi uniquement
Lien du forum :

Description du problème

Bonjour,

Cela fait longtemps que je n'ai pas codé je m'excuse donc pour la question ...

Je souhaite faire un cadre (tout en html) dans lequel le contenu (texte) change lorsque qu'on appuie sur un des boutons proposé (3 boutons en dessous du cadre)

Quelqu'un pourrait-il me ré-apprendre ? Siffleur
Je vous remercie d'avance ♥

ps : J'ai deja cherché avec la barre de recherche mais je ne pense pas avoir bien formulé car je n'ai rien trouvé mise à part un tuto qui ne fonctionne plus... Par dessus le marché je ne le retrouve même plus.


EDIT :

Re bonjour, j'ai enfin trouvé le terme : Un tableau à onglet ! C'était pourtant si simple Ptdr

Bref j'ai enfin trouvé un code qui fonctionne ! En revanche lorsque je veux agrandir les ronds servant de bouton d'onglet, ces derniers ce retrouvent derrière le cadre texte, quelqu'un saurait-il pourquoi ?

De plus j'aimerai les centrer, qu'ils soient un peu moins écarté les uns des autres ainsi que donner une couleur différente aux boutons qui ne sont pas actif ?

Dernière question : J'aimerai savoir s'il est possible de faire défiler les onglets tout seul comme un diaporama et que lorsqu'on passe la souris dessus, il ne bouge plus ?

Je vous remercie d'avance, voici le code :

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>Faire un tableau avec onglet</title>


<style type="text/css">

span{
  float:left;
  padding:12px;
  }

.bloc_texte{
  position:absolute;
  left:12px;
  top:60px;
  width :930px;
  height:290px;
  background-color:#FFFFFF;
  opacity: 0.5;
  }

.titre{
font-size:50px;
  color:#663333;
  padding:4px;
  }

.titre:hover{
  cursor:pointer;
  }

</style>

<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
<script type="text/javascript">
<!--
jQuery().ready(function(){
  $(".bloc_texte").hide();
  $("#1").show();
  $(".titre").mouseover(function(){
      if($(this).next("div").is(":hidden")){                   
        $(".titre").next("div:visible").hide();
        $(this).next("div").show();
      }
  }); 
});
-->
</script>

</head>

<body>

<span><h1 class="titre">•</h1><div class="bloc_texte" id="1">Mon texte du bloc 1</div></span>
<span><h1 class="titre">•</h1><div class="bloc_texte">Mon texte du bloc 2</div></span>
<span><h1 class="titre">•</h1><div class="bloc_texte">Mon texte du bloc 3</div></span>
<span><h1 class="titre">•</h1><div class="bloc_texte">Mon texte du bloc 4</div></span>

</body>
</html>

Et le screen du pb :



Cramby'
****

Féminin
Messages : 282
Inscrit(e) le : 27/06/2012

http://amesvagabondes.forumactif.org
Cramby' a été remercié(e) par l'auteur de ce sujet.

Re: Tableau à onglet

Message par Cramby' le Mer 10 Mai 2017 - 13:21

Un petit up ❤

Cramby'
****

Féminin
Messages : 282
Inscrit(e) le : 27/06/2012

http://amesvagabondes.forumactif.org
Cramby' a été remercié(e) par l'auteur de ce sujet.

Re: Tableau à onglet

Message par Cramby' le Dim 14 Mai 2017 - 12:25

Toujours personne ?

Cramby'
****

Féminin
Messages : 282
Inscrit(e) le : 27/06/2012

http://amesvagabondes.forumactif.org
Cramby' a été remercié(e) par l'auteur de ce sujet.

Re: Tableau à onglet

Message par Chacha le Sam 20 Mai 2017 - 9:50

Bonjour,

Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message.

Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu »


Règles Générales du Forum - Le Staff de ForumActif
Questions & Réponses Fréquentes - Trucs & Astuces
Outils Fondateurs - Perte de Mot de Passe
avatar

Chacha
Modéractif
Modéractif

Masculin
Messages : 53337
Inscrit(e) le : 21/08/2010

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

Re: Tableau à onglet

Message par Chacha le Dim 21 Mai 2017 - 10:08

Bonjour,

Nous n'avons plus de nouvelle de l'auteur de ce sujet depuis plus de 7 jours. Nous considérons donc ce problème comme résolu ou abandonné. La prochaine fois, merci de nous tenir au courant de l'évolution de votre problème, ou pensez à faire un UP régulièrement !

Ce sujet est déplacé à la corbeille, merci d'ouvrir un nouveau sujet si nécessaire, en respectant les Règles générales du forum.


Règles Générales du Forum - Le Staff de ForumActif
Questions & Réponses Fréquentes - Trucs & Astuces
Outils Fondateurs - Perte de Mot de Passe
avatar

Chacha
Modéractif
Modéractif

Masculin
Messages : 53337
Inscrit(e) le : 21/08/2010

http://forum.forumactif.com/
Chacha 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