Ajouter un bouton menant à une page HTML externe
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Ajouter un bouton menant à une page HTML externe
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
Horusbk
Dernière édition par horusbk le Mer 23 Mar 2016 - 14:42, édité 1 fois
Re: Ajouter un bouton menant à une page HTML externe
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 :
et ensuite en JS :
panneau >> modules >> code JavaScript >> nouvelle page : cocher sur toutes les pages
Je n'ai pas testé donc il y a peut-être des erreurs mais ça devrait fonctionner.
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}
- 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 le message qui vous a aidé pour que celui-ci soit mis en évidence.
♢ Épinglez votre sujet en résolu pour prévenir la modération.
Re: Ajouter un bouton menant à une page HTML externe
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
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
Re: Ajouter un bouton menant à une page HTML externe
C'est possible, oui. Mon code ne va pas être appelé une fois mais à chaque forum :
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 :
Donc il suffit juste de changer ces lignes :
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 :
à rajouter avant le else final.
- 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 le message qui vous a aidé pour que celui-ci soit mis en évidence.
♢ Épinglez votre sujet en résolu pour prévenir la modération.
Re: Ajouter un bouton menant à une page HTML externe
Bonjour,
Merci beaucoup Lixyr, je teste de ça et je reviens pour te dire ce que ça donne
Cordialement et bonne soirée,
horusbk
Merci beaucoup Lixyr, je teste de ça et je reviens pour te dire ce que ça donne
Cordialement et bonne soirée,
horusbk
Re: Ajouter un bouton menant à une page HTML externe
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
Voici mon code :
Cordialement,
horusbk
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
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
Re: Ajouter un bouton menant à une page HTML externe
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.
Ç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 le message qui vous a aidé pour que celui-ci soit mis en évidence.
♢ Épinglez votre sujet en résolu pour prévenir la modération.
Re: Ajouter un bouton menant à une page HTML externe
Bonjour
En effet, c'était bien un problème venant du cache de mon navigateur. Merci beaucoup !
horusbk.
En effet, c'était bien un problème venant du cache de mon navigateur. Merci beaucoup !
horusbk.
Sujets similaires
» Problème avec le lien menant à mon forum, sur ma page HTML
» Ajout d'un bouton pour ouvrir une page html (script fait mais erreur dans l'ouverture de la page)
» Ajouter un MDP ( mot de passe) a une page HTML
» Ajouter une page HTML sur le forum
» Ajouter un bouton "Accueil" en fin de page
» Ajout d'un bouton pour ouvrir une page html (script fait mais erreur dans l'ouverture de la page)
» Ajouter un MDP ( mot de passe) a une page HTML
» Ajouter une page HTML sur le forum
» Ajouter un bouton "Accueil" en fin de page
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum