explication d une fonction

Bonjour

Est ce que qlq un peux m expliquer le role de cette fonction
function toggleReponse(el) {
    var p = document.getElementById(el.id+'_rep');
   
    with (p.style) {
     if (display == ''|| display == 'none')
      display = 'none';
     else
       display = 'block';
    }

Merci

Bonjour,

on passe un élément en paramètre (el)
on en prend l'id
on y ajoute _rep
et on teste le style.display de ce nouvel élement ? curieux ?
et.... encore plus curieux :
   si display est absent ou = 'none'.... on le passe à 'none '    
                 sinon                           on le passe à 'block'    

je pense que tu cherches à inverser le display d'un élément ?

var e=document.getElementById("id de l'élément");
if  ( e.style.display=='none' )
      e.style.display=='block';
else e.style.display='none';

Cordialement [mon Site] [M'écrire] Bul

En terme d'utilité je dirais... à rien... en tout cas la comme ça toute seule... je m'expliquerais après... pour ce qui est du code cela équivaut à faire...

function toggleReponse(el) {
    var p = document.getElementById(el.id+'_rep');
    if (p.style.display == ''|| p.style.display == 'none') {
        p.style.display = 'none';
    }
    else {
       p.style.display = 'block';
    }
}

le with(monObj) {} signifie que tous les objet utilisé dans ce block seront des propriété de monObj

un peu de lecture... http://fr.selfhtml.org/javascript/langage/objets.htm#with

et pour savoir ce que cela fait le mieux... c'est de tester... mais à la vu du code ça fera un gros rien du tout

<a id="test" href="javascript:void(0);" onclick="toggleReponse(this);">click</a>
<div id="test_rep">Allez click sur le lien au dessus</div>

Le gars qui a codé cette fonction s'est non seulement planté mais il s'est compliqué la vie il passe un objet en paramètre et se sert de l'id de cet objet pour récupérer un autre objet pour travailler dessus... O_o ...enfin ça ça dépend des besoins faut voir le code d'origine dans lequel il était intégré... par contre ce qui me fait dire que ça sert à rien c'est qu'il regarde si l'objet est affiché et s'il est affiché il l'affiche et s'il est caché il le cache... .. .

Je pense que l'effet recherché c'est ça... .. .

function toggleElement(id) {
    var p = document.getElementById(id);
    if (p.style.display == 'block') {
        p.style.display = 'none';
    }
    else {
       p.style.display = 'block';
    }
}

<a href="javascript:void(0);" onclick="toggleReponse('test');">click</a>
<div id="test">Allez click sur le lien au dessus</div>

@ tchaOo°

Plus rapide Bul3... .. . :o)

Pour le dernier exemple...

<a href="javascript:void(0);" onclick="toggleElement('test');">click</a>
<div id="test">Allez click sur le lien au dessus</div>

Sinon ça marchera pas... .. .

@ tchaOo°