PETITS HACKS JAVASCRIPT DE LA SEMAINE (0)
Cette semaine j'ai rencontré 2 petits bugs qui peuvent faire perdre beaucoup de temps sans une recherche appropriée dans google.
Le 1er bug est apparu dans Firefox 3...oui oui. J'ai juste crée une div en javascript positionnée en "absolute" avec un champ texte dedans. Le problème était que bien que le focus soit actif sur le champs de texte, le curseur clignotant, dit "caret" restait invisible... D'un point de vue utilisateur c'est rédhibitoire. Le bug est bien connu et ancien. La solution est de juste passer en position "fixed" en place d'"absolute".
Mais pas pour IE6, cela détruirait le style de la page. Comme j'utilise Mootools j'ai écrit quelque chose comme :
if(Browser.Engine.trident4){
myDiv.set({
'styles':{
'position':'absolute'
}
});
}else{
myDiv.set({
'styles':{
'position':'fixed'
}
});
}
(On peut faire plus court évidemment)
Et le problème fut résolu. En trouvant la solution je me suis rendu compte que j'étais déjà tombe sur ce bug auparavant...échec de ma part : j'avais oublie cette solution simplisme.
Second bug rencontré, en utilisant le drag & drop de mootools 1.2 qui ne fonctionne pas bien dans IE pour cause de gestion des évènements différente.
La solution fut vite trouvée en recherchant dans le google groupe des utilisateurs de mootools :
document.ondragstart = function () { return false; };
Posté le : 2008-07-31 00:00:00