In pratica ho un'immagine che si ingrandisce con "onmouseover" e torna normale con "onmouseout". Il tutto funziona, se non fosse che lo script devo inserirlo in una pagina di phpbb3 che utilizza questo doctype:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " h t t p : / / w w w . w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
e con questo doctype onmouseover non funziona su firefox :(.
Il codice HTML è:
<img id="boy" onmouseout="male_out()" onmouseover="male_on()" src="images/boy.gif" width="107" height="220" />
e questo il codice in js:
function male_on()
{
document.getElementById('boy').style.width="120";
document.getElementById('boy').style.height="248";
}
function male_out()
{
document.getElementById('boy').style.width="107";
document.getElementById('boy').style.height="220";
}
Ho provato anche a utilizzare i css:
#boy {
width: 107px;
height: 220px;
}
Ma niente da fare, con IE funziona mentre con Firefox no. ovviamente togliendo il doctype non mi da nessun problema.
Quale potrebbe essere il problema?