Mettre un lien dans le câdre du titre

[badibou]

Détails techniques

Version du forum : phpBB3
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome, Internet Explorer
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Perte d'image
Lien du forum : http://www.forumdessports.com

Description du problème

Bonjour, il me semble avoir déjà vu le sujet mais je n'arrive plus à le trouver, alors je pose ma question ici... lors de la fin de semaine mon forum a perdu ses images(servimg était bugué) et comme j'ai des image cliquable les membres ne pouvaient accéder aux sujets...

Donc j'aimerais que le texte du câdre du titre soit un lien qui dirige vers la page concerné, voici en photo ou je veux le lien:




En espérant avoir été compréhensible !

Merci d'avance pour votre aide !

Cdt, badi

[badibou]

Up!

[Miettes]

Coucou

Tu vas dans :
Panneau d'admin > Général > Forum > catégories & forums

et dans le nom de ta catégorie, tu codes un lien html :

Code:

<a href="lien">texte à afficher</a>

par exemple

Code:

<a href="http://forum.forumactif.com/f7p35-gerer-l-apparence-de-son-forum">Gérer l'apparence de son forum</a>

[badibou]

Bonjour, Miette et merci pour votre réponse, j'espérais pouvoir passer par les templates parce dans le nom de la catégorie j'ai déjà ceci:

Image cliquable:

Code:

<span>Hockey</span><img style="display:none" src="http://i56.servimg.com/u/f56/18/10/14/65/nhlnoi10.png" alt="image" class="bistro">

et la case a une limite de caractères donc je ne peut pas ajouter ton code dedans...

Cdt, Badi

[demeter1]

à tester

Code:

$(function(){
$('.table-title').wrap('<a href="http://www.forumdessports.com/"></a>');
});

[Miettes]

Bonjour

Pour compléter ce que dit Demeter, tu peux aussi créer en javascript un tableau d'id et de lien et quand tu cliqueras sur l'id, ça ouvrira le lien.

Je m'explique.

Par exemple, pour "hockey", on ajoute un id à ce span :

Code:

<span id="lien2">Hockey</span><img style="display:none" src="http://i56.servimg.com/u/f56/18/10/14/65/nhlnoi10.png" alt="image" class="bistro">

Pour canadiens :

Code:

<span id="lien3">Canadiens</span><img style="display:none" src="http://i56.servimg.com/u/f56/18/10/14/65/chroug10.png" alt="image" class="bistro">

Ensuite, dans le js, on aura :

Code:


$(function () {
   // Tableau id & lien
   var liens = new Array;
   // Hockey
   liens['lien2'] = 'http://www.forumdessports.com/f1-hockey';
   // Canadiens
   liens['lien3'] = 'http://www.forumdessports.com/f2-canadiens' ;

   //Au clic sur le "table title", on ouvre le lien
   $('body').on('click', '.table-title', function(){
      // on récupére l'id
      var idBlock = $(this).find('h2 span:first-child').attr('id');
      // on ouvre le bon lien
      window.location.href = liens[idBlock];
   });
});


[badibou]

Bonjour et merci Demetrer et Miette ! ça fonctionne sauf que c'est comme un lien caché... je m'explique.. le lien fonctionne si je mets la souris sur ''canadiens'' la flèche de ma souris devient un curseur... et le texte reste pareil et ne devient pas un lien.. et les usagés ne pourront l'utiliser puisqu'il ne sauront pas que c'est un lien..

j'espère que vous comprenez ce que je veux dire !

Cdt, Badi

[Miettes]

Tu peux simplement changer le style du curseur :

Code:

.table-title h2:hover{
   cursor: pointer;
   }

[badibou]

Ah que c'est facile lorsqu'on connait ça !


Merci Miette et Demetrer tout est ok ! :topic:

Cdt, Badi