J'ai un tout petit souci d'ordre esthétique mais que j'aimerais régler si
possible.
J'ai une fonction JS pour cacher et faire apparaitre des DIV :
function styleId(id) { return $(id).style }
var ids = new Array('step1','step2','step3');
function switchid(id) { hideallids(); showdiv(id); }
function hideallids() { for (var i=0;i<ids.length;i++) hidediv(ids[i]); }
function hidediv(id) { styleId(id).display = 'none'; }
function showdiv(id) { styleId(id).display = ''; }
Celle-ci s'appuie sur prototype.js. La fonction hideallids() est chargée
dans un onload et me cache tous les ID compris dans la variable ids
Je n'ai pas de problème, tout fonctionne sauf que tant que le onload n'a pas
tout chargé, les DIV concernés apparraissent un court instant avant de
disparaitre ce qui est esthétiquement moche.
Je peux contourner le problème par un style disaplay: none; en CSS mais la
je serai alors confronté à un probleme d'accessibilité car si JS est
désactivé mais DIV n'apparaissent plus aux utilisateurs et je souhaite
justement que si JS est désactivé que les DIV apparaissent tous.
Si vous m'avez suivi, auriez vous une solution pour contourner ce probleme ?