Sujet Précédent Sujet Suivant

[javascript]Transmition de paramétre

Fermé
Shanamir - 10 juin 2008 à 08:12
Mimiste Messages postés 1149 Date d'inscription samedi 17 mai 2008 Statut Membre Dernière intervention 6 mars 2016 - 10 juin 2008 à 14:37
Bonjour,
Je suis entrain de coder un diaporama en javascript.
Mon algorithme est assez simple :
Quand : click sur l'image -> mise en route de la fonction diapo ->agit sur la visibilité de l'image

Mon premier srcipt ressemble à ça :

<script type="text/JavaScript">
<!--
function diapo() {

document.getElementById("diapo1").style.visibility = 'hidden';
document.getElementById("diapo2").style.visibility = 'visible';
document.getElementById("diapo3").style.visibility = 'hidden';

}
//-->
</script>
<html>
<div id="diapo1" style="visibility:visible"><img src="images/normal/image1.jpg"width="299" height="305"></div>
<div id="diapo2" style="visibility:hidden" ><img src="images/normal/image2.jpg"width="299" height="305"></div>
<div id="diapo3" style="visibility:hidden"><img src="images/normal/image3.jpg"width="299" height="305"></div>

<a href="#" onClick="diapo()"> <img src="images/reduite/image2.jpg" width="112" height="75" ></a>
</html>


Ce script marche très bien mais son seul défaut réside dans la multiplication des lignes javascript et des fonctions, en gros une fonction par image...

Ce que je voudrai pouvoir mettre en place c'est une seul fonction qui récupère les ID des photos concernées pour pouvoir les rendre visible et invisible :

<script type="text/JavaScript">
<!--
function diapo('img1', 'img2', 'img3') {

document.getElementById("img1").style.visibility = 'visible';
document.getElementById("img2").style.visibility = 'hidden';
document.getElementById("img3").style.visibility = 'hidden';

}
//-->
</script>

<html>
<div id="diapo1" style="visibility:visible"><img src="images/normal/image1.jpg"width="299" height="305"></div>
<div id="diapo2" style="visibility:hidden" ><img src="images/normal/image2.jpg"width="299" height="305"></div>
<div id="diapo3" style="visibility:hidden"><img src="images/normal/image3.jpg"width="299" height="305"></div>

<a href="#" onClick="diapo('diapo2', 'diapo1', 'diapo3')"> <img src="images/reduite/image2.jpg" width="112" height="75" ></a>
</html>

Comme on peut le voir le nom des ID concernés est transmit à la fonction qui les gères en fonction de leur place. Seul problème il semble que la transmition ne se fasse pas...

Une idée ?
A voir également:

2 réponses

Réponse 1 / 2
Mimiste Messages postés 1149 Date d'inscription samedi 17 mai 2008 Statut Membre Dernière intervention 6 mars 2016 206
10 juin 2008 à 09:43
Hello

Non effectivement ça ne peux pas marcher car il ne faut pas mettre de guillemets, ce sont des variables et pas des chaine

<script type="text/JavaScript">
<!--
function diapo(img1, img2, img3) {

document.getElementById(img1).style.visibility = 'visible';
document.getElementById(img2).style.visibility = 'hidden';
document.getElementById(img3).style.visibility = 'hidden';

}
//-->
</script>

Ceci dis, je ne pense pas que ce soit la meilleure méthode non plus, c'est assez figé comme principe
0
Réponse 2 / 2
Shanamir
10 juin 2008 à 11:39
Merci beaucoup effectivement ça marche beaucoup mieux ;)

Comment cela figée ?
0
Mimiste Messages postés 1149 Date d'inscription samedi 17 mai 2008 Statut Membre Dernière intervention 6 mars 2016 206
10 juin 2008 à 14:37
Ben c'est a dire que la t'a 3 images, mais si tu veux rajouter une image faut que tu modifie le code a chaque fois
0

Discussions similaires

appel sur mobile Doro
liwei -
liwei -

4 réponses
Le paramètre s'arrête systématiquement quoi faire
Appasamy -
ME -

15 réponses
pas d'impression car pas d'encre couleur
cyllen -
STARGATE43 -

12 réponses
Javascript Arrondi à 2 chiffres après la virgule
jeremy -
gravityaerox -

12 réponses
Bloquer l'accès aux réseaux sociaux
mouhamed93 -
stylex -

4 réponses