Bonjour,
Je me fais un site en responsive design avec, comme option (pour les petits écrans) un menu déroulant qui appelle les autres pages de mon site.
Le code est :
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19
| <select id="redirect">
<option selected="selected">Choisir un menu</option>
<option value="portfolio.html">Portfolio</option>
<option value="contact.html">Contact</option>
</select>
<script>
document.getElementById("redirect").onchange = function() {
if (this.value != null) {
window.location.href = this.value;
}
};
</script> |
Jusque là, totale maîtrise...cela fonctionne!
Par contre, sur la page "portfolio.html", le menu déroulant n'appelle plus une autre page mais un fancybox....et là, je sèche...
J'imagine que, dans le <script></script>, au lieu d'attribuer comme value, un href il faudrait que j'appelle mon fancybox, mais je n'y arrive pas...
Pour un href, voici la façon dont j'appelle mon fancybox:
<li><a class="groupe" rel="groupe3" href="images/mariages/3_b.JPG" ></a></li>
Quelqu'un peut-il m'aider? ;-)
Partager