Ciao una cosa semplice per gli esperti javascript:
<div id="buttonSetText">
<li id="font_normale" role="button" aria-pressed="true" onclick="handleToggle(this);" onkeydown="if (event.keyCode == 32 || event.keyCode == 13) { handleToggle(this); return false; }">i
<li id="font_aumentato " role="button" aria-pressed="false" aonclick="handleToggle(this);" onkeydown="if (event.keyCode == 32 || event.keyCode == 13) { handleToggle(this); return false; }">B
<li id="alto_contrasto" role="button" aria-pressed="false" onclick="handleToggle(this);" onkeydown="if (event.keyCode == 32 || event.keyCode == 13) { handleToggle(this); return false; }">C
</div>
sono tre pulsanti, voglio che quando ne schiaccio uno (setto per questo aria-pressed="true" ) gli altri si disattivino ossia impostare la proprietà aria-pressed="false"
function handleToggle( button ) {
var elemento=document.getElementById('buttonSetText');
if (button.getAttribute("aria-pressed") == "false") {
var nodoId = elemento.getElementsByTagName("li");
//ora ho la lista di nodi ma non so come fare a impostare la proprietà aria-pressed, del tipo così non funziona nodoId.setAttribute("aria-pressed", "false"); e neanche con un ciclo for in cui faccio nodoId[i]setAttribute("aria-pressed", "false");
button.setAttribute("aria-pressed", "true");
}
come posso fare ? grazie
