PROBLEMA Onmouseover javascript non funziona

Pubblicità

ImA13programmer

Nuovo Utente
Messaggi
125
Reazioni
0
Punteggio
34
salve ragazzi,è da un po' che non vi delizio con i miei splendidi problemi,quindi ho pensato di farmene presentare uno:hihi:
scherzi a parte sto creando il sito per la mia tesina di terza media e vorrei fare in modo che quando il cursore vada per esempio sul <td> di una <table> ingrandisca il suo width ed height:ho fatto ciò molte volte ma ora non riesco proprio a farlo funzionare . Ecco il codice
Codice:
<table>
  <tr>
    <td id='ITALIANO' onmouseover='allarga(this)' onmouseout="ritorna(this)" class='stessotop'><strong>ITALIANO</strong></td>
  </tr>
</table>
Questo qua è quello html
Codice:
function allarga(obj) {
  obj.style.width='100px'
}
function ritorna(obj) {
  obj.style.height='30px'
}
Questo quello javascript
Vi chiedo aiuto
P.S.se vi sta chiedendo ''ma già la tesina stai preparando?'',voi non ci fate caso,non ho nulla da fare e la sto già preparando
 
Il codice che hai postato funziona correttamente: al passaggio del mouse imposta il width a 100px e, quando il mouse si sposta dal td imposta l'height a 30px.

Non avendo postato il codice della classe stessotop, non possiamo sapere cosa c'è che non va..

Comunque Se vuoi rimuovere il width=100px, puoi o rimuovere la propietà o rimuovere direttamente l'elemento style :
JavaScript:
obj.style.removeProperty('width'); // Rimuove la propietà inline width
obj.removeAttribute("style"); // Rimuove tutto lo style inline
 
Pubblicità
Pubblicità
Indietro
Top