j'ajouterais pour comparer des choses comparables,
qu'avec DINDE on utilise : new DINDE(élément)
je dirais que c'est bien moins lourd et plus simple que
Event.observe(element, eventName, handler[, useCapture = false])
@+
certes... mais dans ce cas pourquoi pas
un "générateur d'applications" quelconque ?
( je ne vais pas en citer, ils sont légions )
ce sera encore beaucoup plus simple.
@+
je viens de percuter...
tu tentais de me dire :
si, sur les évènements des éléments gérés par ce script,
des function existent déjà, celui-ci va les écraser.
et... tu as raison.
que pour traiter ça "normalement", il faudrait utiliser
attachEvent et/ou addEventListener
et oui.
je vais d'ailleurs faire des modifs dans ce sens
dès que possible.
@+
Bien sur on peut faire :
objet.onmousedown = function(e) { function1(e); function2(e); }
Mais ce cas de figure n'est possible que si tu "controles" les deux scripts.
Si tu utilises sur la même page un script de correction de :hover de IE6 et ton script de redimensionnement il peut y avoir un problème.
En effet, si tu appliques ces deux scripts sur le même élément alors (en DOM-0) seul le dernier appliqué sera pris en compte.
J'espère avoir été plus clair sur la différence entre le DOM level 0 et DOM level 2.
Pour ce qui est des balises font, je vais te proposer une solution (plus constructif comme remarque) :
Donner en
Interactif de
Nouvelles
Dimensions aux
Elements
>>En DOM-2 on peut mettre deux fonctions sur un même evenement
avec ce que tu appelles DOM-1 aussi.
>>j'aurais ajouté la fonction $()
normalement j'use aussi d'un racourci , mais ici le but n'était
pas celui là. ça aurait "compliqué" inutilement. à mon avis.
>>comment on peut utiliser des css et en même temps des
>>balises font et center, c'est d'un autre temps tout ça
je suis d'un autre temps, je ne m'intéresse guère à
ce genre de subtilité, aucun inconvénient, alors...
J'ai fait ce code un peu vite, du coup ya quelques erreurs...
Dans la fonction resize(e) :
if (!e)
e = window.event;
->ces deux lignes sont inutiles !
Sinon pour ce qui est la gestion des evenements il y a une grosse différence entre :
1. ???.onmousedown=function(...) { ... }
2. ???.addEventListener("evenement", fonction, false);
La méthode 1 est DOM-0 alors que la 2 est DOM-2.
En DOM-2 on peut (entre autre) mettre deux fonctions sur un même evenement :
Pour l'appel : (document.getElementById('d1')) à la place de appel('d1')
Je suis tout à fait d'accord, c'est juste que si j'avais posté la source à ta place j'aurais ajouté la fonction $().
Ainsi l'appel au constructeur serait un peu moins "moche"... -> f1 = new Resizable($("d1"));
@+ Ralecul
PS : au fait, ma version ne comporte pas le bug du redimensionnement trop rapide.
Et juste pour info ya pas mal d'erreurs dans ta page html (check W3C validator).
Sinon je comprend pas comment on peut utiliser des css et en même temps des balises font et center, c'est d'un autre temps tout ça !
>>Je sais que tu es un pro IE...
très très loin d'être un pro ! ( surtout de IE )
IE a des lacunes. Les autres navigateurs aussi.
Ce qui me gène c'est la critique sytématique d'IE,
généralemenbt totalement injustifiée.
############################################################
## ET je réagirais de la même manière pour un
## éreintement débile/puéril... envers FF !
############################################################
il est de bon ton, politiquement correct... de chercher à
casser tout ce qui vient de MicroSoft. c'est ridicule et
je ne suis pas politiquement correct.
merci Ralecul et pour l'explication sur le span
et pour ta version qui est bien plus qu'intéressante.
personnellement, je préfère néamoins
_ ne pas obliger à mettre un ID
appel(document.getElementById('d1')) à la place de appel('d1')
déjà j'utilise plutôt les name [ vers php oblige ]
donc appel(document.formulaire.elément) par exemple.
_ utiliser directement
???.onmousedown=function(...) { ... } pour tous
plutôt que
???.onmousedown = fonction; pour IE et
???.addEventListener("evenement", fonction, false); pour les autres.
mais chacun ses goûts... et les vaches seront bien gardées.
Ton problème pour les span n'en est pas un : il s'agit encore d'un bug (fonctionnalités? :-) de IE...
La balise span est utilisée pour créer des propriétes css à un endroit précis, un passage en rouge dans un paragraphe par exemple.
Le dimensionnement d'un span n'a donc aucun sens, mais IE ne respecte rien comme toujours et applique tout de même ton style...
[Je sais que tu es un pro IE donc c'est pour celà que j'y vais avec des pincettes...]
Sinon pour ce qui est du code je l'ai remanié à ma sauce OO (avec différence private/public) :
Pour tester il suffit de remplacer :
var f1=new DINDE(document.getElementById('d1')); // exemples d'utilisation
var f2=new DINDE(document.getElementById('s1'));
var f3=new DINDE(document.getElementById('i1'));
var f4=new DINDE(document.getElementById('l1'));
par :
var f1 = new Resizable("d1");
var f2 = new Resizable("s1");
var f3 = new Resizable("i1");
var f4 = new Resizable("l1");
puis de rajouter ma version de ta classe dans le fichier JS :
(les commentaires sont en option dans ma version, m'enfin ya pas 2000 lignes non plus !)
function Resizable(id)
{
var _moving = false;
var _elt = document.getElementById(id);
var _x = 0;
var _y = 0;
var _width = 0;
var _height = 0;
var _pos;
- Messages postés
-
13616
- Date d'inscription
- jeudi 13 février 2003
- Statut
- Membre
- Dernière intervention
- 15 octobre 2013
33qu'avec DINDE on utilise : new DINDE(élément)
je dirais que c'est bien moins lourd et plus simple que
Event.observe(element, eventName, handler[, useCapture = false])
@+
- Messages postés
-
13616
- Date d'inscription
- jeudi 13 février 2003
- Statut
- Membre
- Dernière intervention
- 15 octobre 2013
33un "générateur d'applications" quelconque ?
( je ne vais pas en citer, ils sont légions )
ce sera encore beaucoup plus simple.
@+
- Messages postés
-
497
- Date d'inscription
- mercredi 7 juillet 2004
- Statut
- Membre
- Dernière intervention
- 13 juillet 2015
6et si tu utilises l'excellent Prototype, tu fais :
Event.observe(element, eventName, handler[, useCapture = false])
@see : http://www.prototypejs.org/api/event/observe
Ce qui est beaucoup plus portable et moins contraignant que de faire le test soi meme
:)
Il reste encore deux petits "bug" :
->Le test avec la variable IE est une mauvaise idée.
Il vaut mieux faire :
if (quoi.addEventListener)
//code pour les navigateurs respectant w3c
else if (quoi.attachEvent)
//code pour IE
Ainsi si IE se décide un jour à implémenter les méthodes DOM-2 et plus ses méthodes propriétaires le script fonctionnera encore sous IE.
(à appliquer également pour les autres trucs propriétaires event, + position souris, pour les solutions voir le code de ma version)
->Bug du dimensionnement un peu rapide :
Il faut récupérer width et height lors du click (appel à la fonction Appui)
Et ensuite dans la fonction Taille il faut remplacer :
element.style.width= parseInt(element.style.width) +hor-x; // nouvelle largeur
element.style.height=parseInt(element.style.height)+ver-y
par
element.style.width = parseInt(width) + hor - x; // nouvelle largeur
element.style.height = parseInt(height) + ver - y
avec width et height des variables menbres de DINDE mises à jour lors de l'appel à Appui (là encore, solution dans le code de ma version).
Ralecul