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

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

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

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

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.





Lixyr
Aidactive
Aidactive

Féminin
Messages : 5595
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

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.





Lixyr
Aidactive
Aidactive

Féminin
Messages : 5595
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

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

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.





Lixyr
Aidactive
Aidactive

Féminin
Messages : 5595
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.

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