[Risolti entrambi!][Javascript] CSS, quando IE capisce e FF no...
Inviato: lunedì 29 settembre 2008, 21:48
Signori,
vi partecipo di due disavventure accadutemi con Mozilla Firefox in merito alla mia web application.
Data una semplicissima casella input text, e date due funzioni associate:
che richiamano
riferite alle omonime funzioni javascript che in pratica modificano il colore di sfondo della casella quando il puntatore vi entra, noto che con Explorer funziona tutto correttamente (anche vecchie version) mentre con Firefox no. Qual è il problema? Esistono comandi che fanno più o meno le stesse cose e che sono meglio visti da Firefox?
Inoltre, una cosa stranissima. La seguente funzione javascript filtra le righe di una tabella a quelle compatibili ad una chiave di ricerca inserita in una text box il cui evento onKeyUp è appunto collegato a tale funzione.
In IE funziona benissimo. In FF a volte funziona, altre volte refreshando la pagina la tabella mostra le righe compatibili ma lascia spazi vuoti tra una riga e l’altra, ovvero è come se l’attributo visibile=‘none’ producesse la semplice non visibilità della riga lasciando tuttavia una riga bianca. Qualcuno di voi conosce un sostituto della proprietà visible=’none’ che stia simpatico anche a FF?
Archimede
vi partecipo di due disavventure accadutemi con Mozilla Firefox in merito alla mia web application.
Data una semplicissima casella input text, e date due funzioni associate:
Codice: Seleziona tutto
onactivate="jsfEleEnt('userbox', 'styTxtBoxAct');" ondeactivate="jsfEleEnt('userbox', 'styTxtBox');"Codice: Seleziona tutto
function jsfEleEnt(EleId, EleStyle){
document.getElementById(EleId).className = EleStyle;
}
function jsfEleExi(EleId, EleStyle){
document.getElementById(EleId).className = EleStyle;
}Inoltre, una cosa stranissima. La seguente funzione javascript filtra le righe di una tabella a quelle compatibili ad una chiave di ricerca inserita in una text box il cui evento onKeyUp è appunto collegato a tale funzione.
Codice: Seleziona tutto
function dataFilter (table, key){
var baseKey;
var activeKey = key.value.toLowerCase();
var activeTable = document.getElementById(table);
for (var i = 0; i < activeTable.rows.length; i ++){
baseKey = activeTable.rows[i].cells[0].innerHTML;
baseKey = baseKey.slice(baseKey.indexOf('value')+6, baseKey.indexOf('></INPUT>')).toLowerCase();
if (baseKey.indexOf(activeKey)>=0){
activeTable.rows[i].style.display = 'block';
}
else
{
activeTable.rows[i].style.display = 'none';
}
}
}Archimede
