Cambiare la classe dinamicamente onload

14-10-2006, 18.35.41

Sapete come si può fare una cosa del genere?.. Mi serve per risolvere un prob. di accessibilità... :(

**funcool** · 15-10-2006, 16.21.37

Cambiare la classe di cosa?

15-10-2006, 16.58.19

di un elemento... Ad esempio di un div...

Supponiamo che sia:

<div id="uno" classe="grande"> ciccio </div>

al momento del caricamento della pagina, mediante

window.onload ad esempio

document.getElementById('uno').className="piccolo" ;

solo che non riesco a farlo funzionare.. voi avete mai fatto una cosa del genere..?

(E' un po contorto hai ragione... Se non è ancora chiaro provo a rispiegarmi..)

**funcool** · 15-10-2006, 17.04.51

Non credo sia un errore ma solo una distrazione: hai scritto classe="grande" e non class="grande". Il tuo codice sembra esatto, bisogna vedere in che contesto avviene. Non ho capito, però, a cosa ti serva; non puoi assegnargli tramite HTML la nuova classe?

15-10-2006, 17.34.57

Si quella era solo una distrazione scusa..

Dunque.. Mi serve a questo:

Se l'utente ha javascript e i CSS attivati.. La pagina viene caricata e, siccome javascript è attivato, è risulterà attivo anche quell'onload, sicchè viene impostato lo stile imposto dallo script javascript (che è un display:none, l'utente dinamicamente, premendo un pulsante, mostrerà dinamicamente quel box..)

Se però l'utente ha javascript disattivato e CSS attivati:
In questo caso lo script javascript non viene letto ma vale lo stile CSS, che mostrerà il box direttamente e non lo nasconderà, proprio perche non potro attuare su quel box nulla di dinamico mancando javascript...

Ho trovato qualcosa di utile qui ma non sono riuscito a cambiare le cose per riadattarlo alle mie esigenze :(

**dementialsite** · 16-10-2006, 10.38.15

Non so se questo codice risolverà il tuo problema: provo a buttarti giù qualcosa...

Codice HTML:

<HTML>
<HEAD>
<STYLE>
DIV.aperto { display:block }
DIV.chiuso { display:none }
</STYLE>
<SCRIPT TYPE="text/javascript">
<!--
// stati iniziali (0 = chiuso, 1 = aperto): all'inizio è tutto chiuso...
var position = new Array (...) // qui il numero di DIV dinamici
for (var i = 0; i < position.length; i++)
   position[i] = 0

function toggle (elementNumber)
{
   position[elementNumber] = 1 - position[elementNumber]
   if (position[elementNumber] == 0)
      document.getElementByID ('box' + elementNumber).className = 'chiuso'
   else
      document.getElementByID ('box' + elementNumber).className = 'aperto'
}

function reset ()
{
   for (var i = 0; i < position.length; i++)
      document.getElementByID ('box' + elementNumber).className = 'chiuso'
}
// -->
</SCRIPT>
...
</HEAD>
<BODY onLoad="reset()">
...
<!-- esempio di realizzazione -->
<DIV STYLE="width:100%">
<P><A HREF="javascript:toggle(0)">Titolo del primo box</A></P>
<DIV CLASS="aperto" ID="box0">
Contenuto del primo box
</DIV>
</DIV>
<!-- altro esempio di realizzazione -->
<DIV STYLE="width:100%">
<P><A HREF="javascript:toggle(1)">Titolo del secondo box</A></P>
<DIV CLASS="aperto" ID="box1">
Contenuto del secondo box
</DIV>
</DIV>
...
</BODY>
</HTML>

Spero ti possa essere d'aiuto... stammi bene...

Discussione: Cambiare la classe dinamicamente onload

LinkBack

Strumenti discussione

Display

Cambiare la classe dinamicamente onload

Regole di scrittura