Ajouter un bouton menant à une page HTML externe

2 participants

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 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 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

horusbk
*****

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

http://horus.forumactif.com/
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 Mer 16 Mar 2016 - 23:30

up I love you
horusbk

horusbk
*****

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

http://horus.forumactif.com/
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 Ven 18 Mar 2016 - 13:15

up
horusbk

horusbk
*****

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

http://horus.forumactif.com/
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 Dim 20 Mar 2016 - 8:48

Up
horusbk

horusbk
*****

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

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


Pour faciliter les recherches, mettez un titre explicite.
Remerciez Ajouter un bouton menant à une page HTML externe 976083691 le message qui vous a aidé pour que celui-ci soit mis en évidence.
Épinglez votre sujet en résolu Ajouter un bouton menant à une page HTML externe 3592387030 pour prévenir la modération.

Ajouter un bouton menant à une page HTML externe Baston10
Lixyr

Lixyr
Aidactive
Aidactive

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

https://forum.forumactif.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 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

horusbk
*****

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

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


Pour faciliter les recherches, mettez un titre explicite.
Remerciez Ajouter un bouton menant à une page HTML externe 976083691 le message qui vous a aidé pour que celui-ci soit mis en évidence.
Épinglez votre sujet en résolu Ajouter un bouton menant à une page HTML externe 3592387030 pour prévenir la modération.

Ajouter un bouton menant à une page HTML externe Baston10
Lixyr

Lixyr
Aidactive
Aidactive

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

https://forum.forumactif.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 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

horusbk
*****

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

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

horusbk
*****

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

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


Pour faciliter les recherches, mettez un titre explicite.
Remerciez Ajouter un bouton menant à une page HTML externe 976083691 le message qui vous a aidé pour que celui-ci soit mis en évidence.
Épinglez votre sujet en résolu Ajouter un bouton menant à une page HTML externe 3592387030 pour prévenir la modération.

Ajouter un bouton menant à une page HTML externe Baston10
Lixyr

Lixyr
Aidactive
Aidactive

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

https://forum.forumactif.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 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

horusbk
*****

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

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

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum