Ajouter un bouton menant à une page HTML externe

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

Résolu Ajouter un bouton menant à une page HTML externe

Message par horusbk le Mar 15 Mar 2016 - 20:18

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 : http://cookspack.forumactif.org/

Description du problème

Bonjour,
Je suis en train de construire un forum pour un projet universitaire.
J'aimerais rajouter, pour certaines catégories, un bouton menant à une page HTML qui correspondrait à une boutique. Je m'explique.

Par exemple, vous souhaitez une recette de type Française, vous arrivez donc ici. Mon souhait serait d'ajouter sur cette page et uniquement sur celle-ci une bannière cliquable juste au dessus de la liste de mes sujets.

Ensuite, la personne voulant une recette de type anglaise arrivera là et comme ci-dessous, je voudrais également proposer une bannière cliquable qui amène vers une autre page HTML.

En résumé :
Je cherche donc un moyen d'ajouter des bannières cliquables différents au-dessus de certains de mes forums.

Merci pour votre aide I love you
Horusbk


Dernière édition par horusbk le Mer 23 Mar 2016 - 14:42, édité 1 fois
avatar

horusbk
*****

Masculin
Messages : 616
Inscrit(e) le : 14/02/2015

http://forumtest-horus.forumactif.org/
horusbk a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajouter un bouton menant à une page HTML externe

Message par horusbk le Mer 16 Mar 2016 - 23:30

up I love you
avatar

horusbk
*****

Masculin
Messages : 616
Inscrit(e) le : 14/02/2015

http://forumtest-horus.forumactif.org/
horusbk a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajouter un bouton menant à une page HTML externe

Message par horusbk le Ven 18 Mar 2016 - 13:15

up
avatar

horusbk
*****

Masculin
Messages : 616
Inscrit(e) le : 14/02/2015

http://forumtest-horus.forumactif.org/
horusbk a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajouter un bouton menant à une page HTML externe

Message par horusbk le Dim 20 Mar 2016 - 8:48

Up
avatar

horusbk
*****

Masculin
Messages : 616
Inscrit(e) le : 14/02/2015

http://forumtest-horus.forumactif.org/
horusbk a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajouter un bouton menant à une page HTML externe

Message par Lixyr le Dim 20 Mar 2016 - 23:01

Bonsoir horusbk,

J'aurais bien une solution, qui serait d'ajouter une balise image vide de base, dans le template viewforum_body au dessus des sujets, et ensuite par du JavaScript remplir en fonction des forums sur lesquels on se trouve.

Au dessus de la variable :
Code:
{TOPICS_LIST_BOX}
ligne 29 si le template n'est pas modifié, mettre une image vide :

Code:
<a class="redir_fora" href="" title=""><img src="" alt="" /></a>

et ensuite en JS :

panneau >> modules >> code JavaScript >> nouvelle page : cocher sur toutes les pages

Code:
if( JQuery(location).attr(href) *= "/f5" ) {
  $('.redir_fora').attr('href', 'URL_REDIRECTION');
  $('.redir_fora img').attr('src', 'LIEN_BANNIERE');
});

Je n'ai pas testé donc il y a peut-être des erreurs mais ça devrait fonctionner.


ABSENTE JUSQU'A MARDI 12 SEPTEMBRE
avatar

Lixyr
Aidactive
Aidactive

Féminin
Messages : 5945
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajouter un bouton menant à une page HTML externe

Message par horusbk le Lun 21 Mar 2016 - 9:36

Bonjour Lixyr,
Merci pour votre aide.

J'ai néanmoins une question, est-il possible de mettre une image différente par forum ?
Peut-être qu'avec une variable dans le javascript qui dit que dans le forum n°1 l'image "..." doit-être affichée ... est-ce possible ?

Cordialement,
horusbk
avatar

horusbk
*****

Masculin
Messages : 616
Inscrit(e) le : 14/02/2015

http://forumtest-horus.forumactif.org/
horusbk a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajouter un bouton menant à une page HTML externe

Message par Lixyr le Lun 21 Mar 2016 - 10:29

C'est possible, oui. Mon code ne va pas être appelé une fois mais à chaque forum :

Code:
    if( JQuery(location).attr(href) *= "/f5" ) {
      $('.redir_fora').attr('href', 'URL_REDIRECTION');
      $('.redir_fora img').attr('src', 'LIEN_BANNIERE');
    });

Code:
    if( JQuery(location).attr(href) *= "/f8" ) {
      $('.redir_fora').attr('href', 'URL_REDIRECTION');
      $('.redir_fora img').attr('src', 'LIEN_BANNIERE');
    });

Par contre c'est crade d'appeler plusieurs fois la même chose. Je vais essayer sur mon forum test et créer un code beaucoup plus propre... et je reviens vers vous.


*edit*

Voici le code qui fonctionne chez moi :

Code:
$(function() {
  if(  $.contains( $(location).attr('href'), "/f3-" ) ) {
      fillBanner('URL_REDIRECTION', 'LIEN_BANNIERE')
  } else if(  $.contains( $(location).attr('href'), "/f4-" ) ) {
      fillBanner('URL_REDIRECTION2', 'LIEN_BANNIERE2')
  } else {
      fillBanner('', '')
  }
});

function fillBanner(url, img_src){
      $('.redir_fora').attr('href', url);
      $('.redir_fora img').attr('src', img_src);
}

Donc il suffit juste de changer ces lignes :

if( $.contains( $(location).attr('href'), "/f3-" ) ) {
fillBanner('URL_REDIRECTION', 'LIEN_BANNIERE')
} else if( $.contains( $(location).attr('href'), "/f4-" ) ) {
fillBanner('URL_REDIRECTION2', 'LIEN_BANNIERE2')
} else {
fillBanner('', '')
}

Ce qui est en gras et vert, vous le changez par l'information correspondante (f3 par le numéro du forum, URL_REDIRECTION par l'url du lien, et LIEN_BANNIERE par le lien de l'image).
Si vous voulez remettre une condition, vous faite comme ceci :

if( $.contains( $(location).attr('href'), "/f3-" ) ) {
fillBanner('URL_REDIRECTION', 'LIEN_BANNIERE')
} else if( $.contains( $(location).attr('href'), "/f4-" ) ) {
fillBanner('URL_REDIRECTION2', 'LIEN_BANNIERE2')
} else if( $.contains( $(location).attr('href'), "/f5-" ) ) {
fillBanner('URL_REDIRECTION3', 'LIEN_BANNIERE3')
} else if( $.contains( $(location).attr('href'), "/f6-" ) ) {
fillBanner('URL_REDIRECTION4', 'LIEN_BANNIERE4')
}
else {
fillBanner('', '')
}

Code:
 else if(  $.contains( $(location).attr('href'), "/f4-" ) ) {
      fillBanner('URL_REDIRECTION2', 'LIEN_BANNIERE2')
  }

à rajouter avant le else final.


ABSENTE JUSQU'A MARDI 12 SEPTEMBRE
avatar

Lixyr
Aidactive
Aidactive

Féminin
Messages : 5945
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajouter un bouton menant à une page HTML externe

Message par horusbk le Lun 21 Mar 2016 - 22:27

Bonjour,

Merci beaucoup Lixyr, je teste de ça et je reviens pour te dire ce que ça donne Wink

Cordialement et bonne soirée,
horusbk
avatar

horusbk
*****

Masculin
Messages : 616
Inscrit(e) le : 14/02/2015

http://forumtest-horus.forumactif.org/
horusbk a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajouter un bouton menant à une page HTML externe

Message par horusbk le Mar 22 Mar 2016 - 22:18

Bonsoir Lixyr,

Alors j'ai essayé et je pense avoir fait une erreur dans mon javascript car l'image s'affiche mais j'ai la même partout ::moitimide::

Voici mon code :
Code:
$(function() {
  if(  $.contains( $(location).attr('href'), "/f8-cuisine-anglaise" ) ) {
      fillBanner('/f8-cuisine-anglaise', 'http://www.aht.li/2853437/cuisine_anglais.png')
  } else if(  $.contains( $(location).attr('href'), "f7-cuisine-maghrebine" ) ) {
      fillBanner('f7-cuisine-maghrebine', 'http://www.aht.li/2853440/cuisine_orient.png')
  } else if(  $.contains( $(location).attr('href'), "/f6-cuisine-espagnole" ) ) {
      fillBanner('/f6-cuisine-espagnole', 'http://www.aht.li/2853438/cuisine_espagne.png')
  }  else if(  $.contains( $(location).attr('href'), "/f5-cuisine-francaise" ) ) {
      fillBanner('/f5-cuisine-francaise', 'http://www.aht.li/2853439/cuisine_france.png')
  }  else if(  $.contains( $(location).attr('href'), "/f9-accessoires" ) ) {
      fillBanner('/f9-accessoires', 'http://www.aht.li/2853443/accessoires.png')
  }  else if(  $.contains( $(location).attr('href'), "/f10-boissons" ) ) {
      fillBanner('/f10-boissons', 'http://www.aht.li/2853445/boissons.png')
  }else  {
      fillBanner('', '')
  }
});
 
function fillBanner(url, img_src){
      $('.redir_fora').attr('href', url);
      $('.redir_fora img').attr('src', img_src);
}

Cordialement,
horusbk
avatar

horusbk
*****

Masculin
Messages : 616
Inscrit(e) le : 14/02/2015

http://forumtest-horus.forumactif.org/
horusbk a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Ajouter un bouton menant à une page HTML externe

Message par Lixyr le Mer 23 Mar 2016 - 14:38

Bonjour Horusbk,

Ça fonctionne très bien de mon côté. En mode invité. Essayez de supprimer le cache et les cookies de votre navigateur.


ABSENTE JUSQU'A MARDI 12 SEPTEMBRE
avatar

Lixyr
Aidactive
Aidactive

Féminin
Messages : 5945
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajouter un bouton menant à une page HTML externe

Message par horusbk le Mer 23 Mar 2016 - 14:42

Bonjour Smile
En effet, c'était bien un problème venant du cache de mon navigateur. Merci beaucoup !

horusbk.
avatar

horusbk
*****

Masculin
Messages : 616
Inscrit(e) le : 14/02/2015

http://forumtest-horus.forumactif.org/
horusbk 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