rss

HTML, IE : window.onload et menu fixe

Bonjour,
alors aujourd'hui, je vais faire un petit peu de publicité pour 2 sites qui permettent de répondre encore une fois à la problématique de compatibilité entre navigateurs.


window.onload
Ce premier point concerne l'appel à une méthode JavaScript lorsqu'une page HTML a été complètement chargée par le navigateur. Je pensais (trop naïvement) que "window.onload" était assez standard pour passer sur tous les navigateurs... ! Et bien il semble que non !

Alors pour résoudre ce problème, rendez-vous sur ce post de septembre 2005 qui m'a été fort utile..

Vous y trouverez le code à copier dans le HEAD :

<script type="text/javascript">
/* for Mozilla */
if (document.addEventListener) {
document.addEventListener("DOMContentLoaded", init, false);
}

/* for Internet Explorer */
/*@cc_on @*/
/*@if (@_win32)
document.write("<script defer src=js/ie_onload.js><"+"/script>");
/*@end @*/

/* for other browsers */
window.onload = init;

function init() {
alert('ok');
}
</script>


Dans cet exemple, il vous faut également mettre la ligne suivante dans le fichier "js/ie_onload.js" :

init();



menu fixe

Aujourd'hui, j'ai également découvert une page relatant le problème souvent évoqué que de faire pour une page Web, une portion de page fixe (ie. un menu) quelquesoit le contenu et la position de l'ascenseur.

Rendez-vous sur cette page composante du site de batra3.

Ses exemples fonctionnent également sous IE. A priori la parade trouvée ne devait pas être simple ! merci à lui!

2 commentaires:

Cba a dit…

window.setTimeout("init()", 1); ca c fun :)

sinon tu as
SCRIPT FOR="document" EVENT="onload()"

ca doit fonctionner sous firefox ca

Brice a dit…

ah oui je n'y pensais plus au "script for" ! merci MrCba ! :)

Enregistrer un commentaire

Mots clés du blog

acceptancetest androï Android androïd Android7 api appender appengine application applications archive array assistantematernelle astuce auth0 authentication authority automation Axis bash bearer blog bower build bundle c calendrier camille combal cdi certificate cf client cloudfoundry collaboratif command commandes connexion console css démasquées démasquer développement dll dump easter eggs écologie écrit employeur EMUI EMUI5.0 enfant évènement export-package ExtJS fiche find firefox gadget gelf gem git gmail gooelappengine google gparted gps graylog grenoble Grid gui harddrive heroku hover howto HTML http https IE ihm immobilier imprimante innovation insolite instance integration Java JavaScript jenkins jeu jobs json json-schema-validator key keystore labs linux livre log log4j logger logs lombok masquées masquer maven maven-gae-plugin Mémoire microsoft mobile mockito mondialisation monitor MUSE musique en ligne myopera nodejs npm NT NTEventLogger onglet openstack osgi paas package parameters parent php politique prosyst prototype proxies proxy quartz radio rappel recherche regex repository resize RIA rock route ruby rubygems s8500 samsung scheduler scm sel selenium Serializer server shared shell slf4j smartphone so société song spy ssh ssl struct swagger swig tâches téléphone téléréalité test thunderbird timeout token Tomcat tooltip tooltips truststore ubuntu unit test validator virgin virtualbox wave waze web WebApp wiki wikimedia wikipédia wikipen windows yahoo youtube yum