Si tu veux lancer une alert au chargement de ta page, essaie ça :

echo "
<input type=\"button\" value=\"Test\" onclick=\"alert('<b>Désolé,</b><br/>mot de passe érroné.')\">
<script type=\"text/javascript\">
initMsgBox();
alert(\"<b>Désolé,</b><br/>mot de passe érroné.\");
</script>";

Salut Oumbra,

Je ne me souviens guère de cette source mais de mémoire, voilà la démarche à suivre :

La ligne suivante : Event.observe(window, 'load', initMsgBox, false);  permet d'initialiser le "moteur" de rendu des boîtes à afficher. Elle ne doit être appellée qu'une fois au chargement de ton document. Il faut placer celle-ci soit à la fin de ton document, soit dans l'entête (balise <header>).
En suite, il ne reste plus qu'à lancer une 'alert()' classique quand bon te sembles.

Donc dans l'ordre : initialiser le rendu au chargement du document via "Event.observe(..." puis lancer une 'alert()' quand tu en as besoin.

"Sinon pour IE le sujet est clos, quand t'es développeur tu dois développer pour IE que ça soit le bonheur ou l'horreur."

>> Ça fait plaisir à entendre :)

Bien que n'étant pas fan des "eval()" je doit admettre que c'est du très bon boulot. J'ai testé sous IE6, 7, 8 FF et Safari et les performances sont belles et bien là. Le plus impresionnant reste sans doute les perfs sous IE6.
Cependant sous FF, il semblerait que ta source peine un peu. Tu devrais utiliser la méthode "evaluate" de l'objet "document" qui permet d'executer des requetes XPath.

Grand bravo à toi  ! Ce genre d'algorythme n'est jamais facile à réaliser.

Je viens de faire une petite doc rapide sur l'utilisation du binding, des evenements JS et de la detection du navigateur. Ce n'est certes par complet, mais ca a le mérite d'être "light" et fonctionnel :

http://joof-api.net/tmp/utils.html

Pour ce qui est du pointer "this", il suffit du créer un "bind" sur la fonction que tu appelles.

Pour obtenir la cible d'un evènement (à partir d'un objet event) :

var elementHtml =  event.target || event.srcElement;

Lors de l'utilisation du gestionnaire Javascript, il est possible de récuperer l'élement Html sur lequel l'évènement s'est déclanché via l'objet "event". A partir de là, u peux en déduire tes variables.

Pour ma part je ne suis pas aussi antousiaste.

Les évènements sont utilisés de manière incompréhensible. On a le droit à un "attachEvent", un "eval()" pour une raison plutôt obscure et des attributs "onmouse..."...

J'ai observé une difference avec la position du clone par rapport à son origine (IE / autres navigateurs).

L'exemple le plus flagrant pour tester la difference entre l'utilisation du DOMReady et le basique window.onload et d'utilser les deux sur un document contenant une image lourde (sur le net et avec le cache vide bien évidement).

Exemple :

window.onload = function(){ alert("window.onload") }  
$ready(function(){ alert("domready") });