Accueil > > > index.html
EVENTOBSERVER
index.html
Informations sur ce code source
Le sempiternel objet d'écoute d’évènements. Les puristes vous l'apprendrons surement, c'est pas très indiqué d'assigner une fonction (même anonyme) à un évènement (document.getElementById(ID).click=function(){ [...]). Vous risquez d'écraser les
Fichier : index.html
Nombre de lignes : 73 lignes
 Afficher ce fichier en plein écran
- <html>
- <head>
- <title>Redéfinir un événement</title>
- <script type="text/javascript" src="EventObserver.js"></script>
- <style>
- *,html,body{
- font-family:arial;
- }
- #clickEvent,#MouseOverEvent,#mouseclickEvent{
- width:105px;
- height:103px;
- text-align:center;
- background:#AEDEDE;
- float:left;
- }
- #MouseOverEvent {
-
- margin-left:1px;
- }
- #mouseclickEvent{
- margin-left:9px;
- }
- </style>
- </head>
- <body>
- <!--Placer un événement sur le "click"-->
- <div id="clickEvent">click me</div>
- <script>
- var el=document.getElementById("clickEvent");
- EventObserver.addEvent(el,"click",function(){
- this.innerHTML+="<br>ride on !";
- this.style.background="#DEAEDE";
- return;
- });
- </script>
- <!--placer des événement sur le passage de la souris-->
- <div id="MouseOverEvent"></div>
- <script>
- var el=document.getElementById("MouseOverEvent");
- EventObserver.addEvent(el,"mouseover",function(){
- this.style.background="#DEAEDE";
- return;
- });
- //Revenir à la situation anterieur
- EventObserver.addEvent(el,"mouseout",function(){
- this.style.background="#AEDEDE";
- return;
- });
- //Effacer le contenu de la div précédente
- EventObserver.addEvent(el,"mouseout",function(){
- var el=document.getElementById("clickEvent");
- el.innerHTML="click me";
- el.style.background="#AEDEDE";
- return;
- });
- </script>
- <div id="mouseclickEvent">click me</div>
- <script>
- var el=document.getElementById("mouseclickEvent");
- EventObserver.addEvent(el,"mousedown",function(){
- this.innerHTML="you are click on me !";
- this.style.background="#DEAEDE";
- return;
- });
- //Revenir à la situation anterieur
- EventObserver.addEvent(el,"mouseup",function(){
- this.style.background="#AEDEDE";
- this.innerHTML="click me";
- return;
- });
- </script>
- </body>
- </html>
 Liste des fichiers du ZIP
Sources du même auteur ayant un ZIP
-
 Elegantcompoment-checkbox
Comment réaliser des checkBox un peu plus élégante que celles par défaut.
A la différence de jQuery UI qui propose la même chose celle-ci e...
Langage : Javascript / Ajax / DHTML, publié le 28/08/2012 par thunderhunter
-
Stringupdate
Mis à jour du type "string"
String.Empty => constante équivalant à ""
isEmpty()=>Définit si la chaine de caractère est vide
isNotEmpty()=...
Langage : Javascript / Ajax / DHTML, publié le 26/08/2012 par thunderhunter
-
Arrayupdate
Petite mise à jour de l'objet Array.
voici les nouvelles fonction
first()=>retourne le premier élément du tableau;
last()=>retourne le d...
Langage : Javascript / Ajax / DHTML, publié le 23/08/2012 par thunderhunter
-
Objet de débugage
Il s'agit d'un objet "Tryable" conçus pour détecter les erreurs d'implémentations de vos objet JavaScript
Concrètement, la fonction va récu...
Langage : Javascript / Ajax / DHTML, publié le 09/08/2012 par thunderhunter
-
 Collection.class.min.php
Il s'agit d'une classe PHP vous permettant de gérer des collections d'objets
J'y ai associé une classe "inutile" de DictionnaryEntry permet...
Langage : PHP, publié le 03/01/2012 par thunderhunter
Voir la suite...
Sources du même langage comportant un zip
-
Calcul de déflexion entre arc et corde
Qui n'a pas été, au moins une fois dans sa vie, confronté à cet épineux problème géométrique: j'ai la longueur d'un arc, j'ai la corde, mais...
Langage : Javascript / Ajax / DHTML, publié le 20/05/2013 par Averell
-
Dombuilder.js : solution crossbrowser pour la création du dom
Voici ma première source depuis vraiment longtemps.
DOMBuilder permet de créer des noeuds (éléments) HTML, textes et commentaires à l'aid...
Langage : Javascript / Ajax / DHTML, publié le 30/04/2013 par jdmcreator
-
Calendrier de base
C'est un calendrier de base, permettra de développer comme agenda, calendrier des club, les activités divers, etc...) Idéal pour commencer
Langage : Javascript / Ajax / DHTML, publié le 25/04/2013 par SebMoine
-
Horoscope en html
Voici un code en html pour connaitre son signe du zodiaque et Chinois.
Après avoir pris 2 codes sur ce site et qui n'ont pas été fonctionne...
Langage : Javascript / Ajax / DHTML, publié le 15/02/2013 par huliva
-
Collection d'effet de transition dans un canvas
comme le titre l'indique il s'agit d'une collection ,librairie d'effet de transition d'image dans un canvas il y a exactement 40 effets.et c...
Langage : Javascript / Ajax / DHTML, publié le 24/01/2013 par kazma
Voir la suite...
|
Derniers codes sources...
Logiciels à télécharger...
-
Devis-Factures PHMSD (2.1.0.1)
Configuration minimale
Nécessite Windows™ 2000, XP, Windows 7, 8, Vista (Service Pack à jour) - Processeur 500 Mhz (700 Mhz conseillé) - 256 Mo de Ram - 100 Mo d'espace disque disponible po...
-
Ludoprêt (3.2) [Gratuit / Freeware]
Logiciel gratuit de gestion de ludothèque.
Gestion des jeux et des adhérents.
Gestion des forfaits et des cotisations.
Gestion des prêts et retours.
Gestion des retards et édition des relances.
...
-
Revealer Keylogger Free (2.05) [Gratuit / Freeware]
Keylogger invisible et gratuit pour Windows 8, 7, Vista ou XP. Revealer Keylogger Free vous permet de surveiller l'activité des utilisateurs de votre ordinateur et d'enregistrer toutes les touches du ...
|