Faire un lien qui dirige vers une page html et trie des photos
dalvi69
Messages postés
3
Date d'inscription
Statut
Membre
Dernière intervention
-
jordane45 Messages postés 38486 Date d'inscription Statut Modérateur Dernière intervention -
jordane45 Messages postés 38486 Date d'inscription Statut Modérateur Dernière intervention -
Bonjour,
Je fais une site pour un ami à partir d'un modèle de site déjà existant de Templatemo.
J'ai une page réalisations.html avec pleine de photos mélangées. je peux trier ces photos et ne faire apparaitre que celles que je veux par des filtres "intérieur", "extérieurs" et "jardins" grâce à une ligne présentant ces mots clés.
un bout du code de ces mots clés servant de filtre:
Mon problème concerne une autre page html, j'ai dessus une image qui en cliquant dessus redirige vers réalisations.html. Je souhaiterais qu'en cliquant sur cette image (si c'est un visuel de jardin) elle redirige vers réalisations.html mais m'affiche automatique que les photos de jardins.
ci-dessous le lien qui redirige vers ma page html mais sans filtrer les photos
Merci pour vos réponses, je peux poster d'autres parties du code si besoin.
Cdt
EDIT : Ajout des balises de code
Je fais une site pour un ami à partir d'un modèle de site déjà existant de Templatemo.
J'ai une page réalisations.html avec pleine de photos mélangées. je peux trier ces photos et ne faire apparaitre que celles que je veux par des filtres "intérieur", "extérieurs" et "jardins" grâce à une ligne présentant ces mots clés.
un bout du code de ces mots clés servant de filtre:
<ul id="filters" class="clearfix">
<li><span class="filter" data-filter="all">Tous</span></li>
<li><span class="filter" data-filter=".int">Intérieur</span></li>
<li><span class="filter" data-filter=".jar">Jardin</span></li>
Mon problème concerne une autre page html, j'ai dessus une image qui en cliquant dessus redirige vers réalisations.html. Je souhaiterais qu'en cliquant sur cette image (si c'est un visuel de jardin) elle redirige vers réalisations.html mais m'affiche automatique que les photos de jardins.
ci-dessous le lien qui redirige vers ma page html mais sans filtrer les photos
<a href="realisations.html"><img src="images/blogpost1.jpg"/></a>
Merci pour vos réponses, je peux poster d'autres parties du code si besoin.
Cdt
EDIT : Ajout des balises de code
A voir également:
- Faire un lien qui dirige vers une page html et trie des photos
- Créer un lien pour partager des photos - Guide
- Supprimer une page word - Guide
- Lien url - Guide
- Comment imprimer un tableau excel sur une seule page - Guide
- Toutes mes photos - Guide
3 réponses
Bonjour,
Vu que tu passes par un lien... il te faut utiliser les variables GET .
par exemple :
Par contre, il faut récupérer cette variable dans ta page realisations.html.
Pour ça, soit tu utilises du PHP et dans ce cas il te suffit d'utiliser $_GET .. soit tu fais tout uniquement en HTML/Javascript et là il te faudra parser l'URL ( par exemple : https://stackoverflow.com/questions/979975/how-to-get-the-value-from-the-get-parameters
PS: Merci de bien vouloir utiliser la coloration syntaxique (les balises de code) lorsque tu postes du code sur le forum.
Explications disponibles ici :
https://codes-sources.commentcamarche.net/faq/10686-le-nouveau-codes-sources-comment-ca-marche#balises-code
.
Vu que tu passes par un lien... il te faut utiliser les variables GET .
par exemple :
<a href="realisations.html?filtre=.jar"><img src="images/blogpost1.jpg"/></a>
Par contre, il faut récupérer cette variable dans ta page realisations.html.
Pour ça, soit tu utilises du PHP et dans ce cas il te suffit d'utiliser $_GET .. soit tu fais tout uniquement en HTML/Javascript et là il te faudra parser l'URL ( par exemple : https://stackoverflow.com/questions/979975/how-to-get-the-value-from-the-get-parameters
PS: Merci de bien vouloir utiliser la coloration syntaxique (les balises de code) lorsque tu postes du code sur le forum.
Explications disponibles ici :
https://codes-sources.commentcamarche.net/faq/10686-le-nouveau-codes-sources-comment-ca-marche#balises-code
.
Bonjour,
Merci pour ta réponse je vais essayer.
J'ai pris bonne note, pour la coloration syntaxique.
Cdt.
Merci pour ta réponse je vais essayer.
J'ai pris bonne note, pour la coloration syntaxique.
Cdt.
Bonjour,
J'appel à nouveau à l'aide, j'ai essayé d'abord de me débrouiller seul (faut bien que j'apprenne), mais je bloque sur la récupération de la variable de l'url.
Tout d'abord, concernant la ligne de code que tu m'as donné (ci-dessous):
C'est sûr que c'est "filtre" qu'il faut mettre ? J'aurais penser à "filter" (puisque le code est en anglais) ou "data-filter" (cf lignes de codes de mon 1er com).
J'ai essayé de récupérer la variable avec javascript, script qu'on mets entre les <head>...</head> si je me trompe pas. Mai les exemples que j'ai trouvé sur le net sont surtout pour des variables "id", "name" ou pour des formulaires, ce qui n'est pas mon cas. J'ai du mal à trouver quels sont les endroits que je dois modifier pour adapter à mon besoin.
Merci pour vos réponses.
Cdt
J'appel à nouveau à l'aide, j'ai essayé d'abord de me débrouiller seul (faut bien que j'apprenne), mais je bloque sur la récupération de la variable de l'url.
Tout d'abord, concernant la ligne de code que tu m'as donné (ci-dessous):
<a href="realisations.html?filtre=.jar"><img src="images/blogpost1.jpg"/></a>
C'est sûr que c'est "filtre" qu'il faut mettre ? J'aurais penser à "filter" (puisque le code est en anglais) ou "data-filter" (cf lignes de codes de mon 1er com).
J'ai essayé de récupérer la variable avec javascript, script qu'on mets entre les <head>...</head> si je me trompe pas. Mai les exemples que j'ai trouvé sur le net sont surtout pour des variables "id", "name" ou pour des formulaires, ce qui n'est pas mon cas. J'ai du mal à trouver quels sont les endroits que je dois modifier pour adapter à mon besoin.
Merci pour vos réponses.
Cdt
C'est sûr que c'est "filtre" qu'il faut mettre ? J'aurais penser à "filter" (puisque le code est en anglais) ou "data-filter" (cf lignes de codes de mon 1er com).
Ben... tu choisi le nom que tu veux pour ta variable.....
Mai les exemples que j'ai trouvé sur le net sont surtout pour des variables "id", "name" ou pour des formulaires, ce qui n'est pas mon cas
Ce ne sont QUE des noms de variable ... on aurait écrit TOTO.. ça serait pareil .........
J'ai du mal à trouver quels sont les endroits que je dois modifier pour adapter à mon besoin.
Et là ... sans nous montrer le code tenté ... impossible pour nous de deviner....
Il faut que tu nous donnes ton code si tu veux qu'on essaye de t'aider.
