C'est la fin du projet CSSActif, vous trouverez les explications ici : Fin de CSSActif, ouverture du forum. Le forum reste cependant ouvert à tous et ses ressources sont entièrement disponibles. Merci à tous !
Derniers sujets
» Compte à Rebours
Mar 19 Fév 2019, 11:51 par TiGraou

» [RPG] Fiche personnage avec bannière latérale
Mar 19 Fév 2019, 11:42 par TiGraou

» Mettre la ChatBox en spoiler
Dim 17 Fév 2019, 18:47 par Backflip

» Effet de volet glissant sur un bloc
Ven 15 Fév 2019, 10:43 par Kanala

» Barre(s) Hitskinienne
Lun 11 Fév 2019, 23:00 par wildheart.

» Fond de message
Ven 08 Fév 2019, 19:55 par Scratpub

» [PA] Message d'Accueil Simple
Ven 08 Fév 2019, 16:34 par Scratpub

» [Plugin] Effet rollover sur une image
Dim 03 Fév 2019, 07:48 par .lysaivin


Partagez | 
 

Problème liens dans onglet

Voir le sujet précédent Voir le sujet suivant Aller en bas 
Voir le profil de l'utilisateur
lonely bird.
{ Membre }
{ Membre }

Féminin Messages : 6



BONJOUR TOUT LE MONDE !
Déjà, je voudrais remercier tout ceux qui prendront le temps de se pencher sur mon petit problème, vous êtes les meilleurs !

En fait, j'ai installé un système d'onglet en javascript sur mon forum. Il marche PARFAITEMENT bien SAUF quand je veux insérer un lien dans un onglet, alors là ça me fait tout beugué !

Je pense que ça vient de mon code javascript mais je suis vraiment pas douée avec ça et j'ai peur de toucher au risque d'empirer la chose. Donc si une âme charitable voudrait bien m'expliquer


HTML
Code:
<div class="tabs-onglets"><table><tr><td><div id="contenu"><div id="premier_onglet"><center><div class="psdostaff"><a href="LIEN">Hé, je suis <br>un <font style="color:#efdb4b;">habitant</font> !</a></div><chiboom>quel est votre rôle ?</chiboom><br><bibi>vous êtes la puissance</bibi></center></div><div id="deuxieme_onglet"><center><ca>étudiant</ca> <co>du mois</co></center></div><div id="troisieme_onglet">BLABLABLA</div><div id="quatrieme_onglet">BLABLABLA</div><div id="cinquieme_onglet">BLABLABLA</div><div id="sixieme_onglet">BLABLABLA</div></td></tr><tr><td><table><tr><td><a href="#premier_onglet"><div class="staffpaonglet">+</div></a> </div></td><td><a href="#deuxieme_onglet"><div class="staffpaonglet2">+</div></a></div></td><td><a href="#troisieme_onglet"><div class="staffpaonglet">+</div></a> </div></td><td><a href="#quatrieme_onglet"><div class="staffpaonglet2">+</div></a></div></td><td><a href="#cinquieme_onglet"><div class="staffpaonglet">+</div></a> </div></td><td><a href="#sixieme_onglet"><div class="staffpaonglet2">+</div></a></div></td></tr></table></td></tr></table></div>

JAVASCRIPT
Code:
/**
 * Système d'onglets automatisé
 * Version : 1.0
 * Par Emmanuel "Manumanu" B.
 **/

$(document).ready(function() {
 
 
  $tabs_onglets = $('.tabs-onglets');
 
  $tabs_onglets.each(function(){
      var ongletActuel = null;
      ongletActuel = $(this).find('a:first').attr('href');

      // Ajout de classe au premier onglet
      $(this).find('a[href="'+ ongletActuel +'"]').addClass('selected');

      // Afficher l'élément par défaut correspondant à celui de l'onglet par défaut
      $(ongletActuel).show().siblings().hide();

      // Gestion de l'événement clic
      $(this).find('a').click(function(e) {
          idOnglet = $(this).attr('href');

          // Si l'élément est déjà sélectionné, ne rien faire
          if (idOnglet == ongletActuel)
            e.preventDefault();
          else {
            // Afficher le contenu demandé et masquer le contenu restant
            $(idOnglet).fadeIn().siblings().hide();

            // Retirer la classe des autres onglets et l'ajouter sur l'élément sélectionné
            $(this).addClass('selected').siblings().removeClass('selected');
            ongletActuel = idOnglet;
          }

          // Empêche le déclenchement du lien
          e.preventDefault();
      });
  });
 

});

MERCI ENCORE !
MessageSujet: Problème liens dans onglet   Mer 04 Nov 2015, 05:54
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Nihil
{ Modérateur }
{ Modérateur }

Messages : 1216



Coucou Smile

Ton problème est-il encore d'actualité ? Il me semble te l'avoir réglé sur Never Utopia (ou alors quelqu'un avait exactement le même soucis) (^-^)


Présence réduite, mais je reste disponible, il faut juste être patient ♥
MessageSujet: Re: Problème liens dans onglet   Dim 08 Nov 2015, 13:05
Revenir en haut Aller en bas
 

Problème liens dans onglet

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» Un problème avec les liens dans le footer
» Problème de liens dans les signatures
» Mettre des liens dans le haut du forum(body) via le PA?
» Taille des liens dans les messages
» Mettre une image de fond sur les liens dans le menu de navigation

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolus-

Partenaires Or


← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | © phpBB | Forum gratuit d'entraide | Contact | Signaler un abus | Forum gratuit | Informatique et Internet | Internet