Discussion :

[jdiamsss]

Bonjour a tous.

Voila mon souci est simple a expliquer.
J'ai un histogramme généré par la bibliotheque Artichow et dont les données proviennent d'une requete SQL.

Pour chaque bar de cet histogramme, j'ai définit une map area clickable.
Lorsque je click dessus, ca m'affiche dans une iframe 2 nouveaux graphiques représentant le détail de la bar cliquée.

Ce que je souhaite faire, c'est lorsque j'ai clické sur la bar, mon map area clické soit entouré de bleu, comme une bordure en fait, pour que l'utilisateur voit ce qu'il a sélectionné...

Est ce faisable ?

Je pense qu'il faut faire du javascript... je n'ai rien trouvé me permettant de la faire...

[cadoudal56]

Hello,

Tu dois agir sur l'élément css de l'objet via le javascript.
En gros sur l'évenement onClick, tu agis sur l'élément.

Cela donnerais quelque chose comme ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
 
<script type="text/javascript">
function borderon(obj){
        document.getElementById(obj).style.borderWidth = "1px";
        document.getElementById(obj).style.borderColor = "#FF0000";
}
</script>
 
<a href="#" onClick="borderon('mymap1');return:false;"><img id="mymap1" src="mon image.jpg"></a>

En tout cas on ne devrait pas etre de loin du résultat attendu

Tu peux jeter aux cours javascript concernant les feuilles de style :
Faq javascript

@+
cadou