Comment puis-je améliorer ce script ???Résolu

Question

Bonjour à tous !

Tout d'abord, j'espère être dans le bon thème... !?

Comme annoncer, je souhaite améliorer ces scripts pour n'en faire qu'un qui soit opérationnel :

Pour l'instant, afin d'obtenir ce que je souhaite, je dois faire ceci : 

function carteVisiteX_On() {
    
var carteVisiteX= document.getElementById('x');

    if (carteVisiteX.style.display="none") {
        if (navigator.appName == "Netscape") {
            carteVisiteX.style.display = "block";
        }
        else if (navigator.appName=="Microsoft Internet Explorer") {
            document.getElementById('x').style.display = "block";
            document.getElementById('x').style.backgroundColor = "#000000";
            document.getElementById('x').style.filter = "alpha(opacity=85)";
            document.getElementById('x').style.height = "100%";
        }
    }
    
}

function carteVisiteY_On() {
    
var carteVisiteY = document.getElementById('y');

    if (carteVisiteY.style.display="none") {
        if (navigator.appName == "Netscape") {
            carteVisiteY.style.display = "block";
        }
        else if (navigator.appName=="Microsoft Internet Explorer") {
            document.getElementById('y').style.display = "block";
            document.getElementById('y').style.backgroundColor = "#000000";
            document.getElementById('y').style.filter = "alpha(opacity=85)";
            document.getElementById('y').style.height = "100%";
        }
    }
    
}

Je suis persuadé qu'il est possible de faire cela en une seule fonction (à priori en plaçant une variable qui va aller chercher l'id de chaque élément de ma page HTML, je pense), mais je ne sais pas comment m'y prendre.

Merci d'avance à ceux qui auront la patience de m'indiquer la bonne marche à suivre car à l'heure actuelle, tel que je scripte, c'est une centaine de fonctions que je vais devoir développer !!! Et j'en ai mal aux doigts d'avance !!!! 

Cordialement à vous...

@karamel · Accepted Answer

bonjour

quand tu appel la fonction qui je pense sa se fait par un evenement (onclick,onmouseover ...etc) pour reutilise la meme fonction tu n'a qu'a mettre des parametres qui dans ton cas sera l'element a traiter

ex :
onclick=function carteVisite_On('y')

dans la fonction

function carteVisite(param) {
var carteVisite = document.getElementById(param);

nanti · Answer

Un ÉNOOOOORME MERCI à toi, KAZMA !

C'était en fait super simple, mais grâce à toi, je vais pouvoir repousser le moment fatidique où l'arthrite me guettera !!!!

GÉNALISSIME !!!!!

Comment puis-je améliorer ce script ???

2 réponses

Votre réponse