Div arrondie gérée en classe
Description
Création de div ayant des bordures arrondies comme présentée sur la capture.
Il suffit d'instancier la classe RoundDiv avec en premier paramètre le composant ( div ) devant être arrondie puis le paramètre properties. quelques explication sur ce paramètre :
properties est un enregistrement d'enregistrement :
var props = [ ["property name1", "property value1" ], ["property name2", "property value2" ], ....]
les valeurs pour property nameX sont les suivantes :
- radius -> tous les rayons identiques.
- upperLeftRadiusX -> rayon X haut gauche
- upperLeftRadiusY -> rayon Y haut gauche
- upperRightRadiusX -> rayon X haut droit
- upperRightRadiusY -> rayon Y haut droit
- downerLeftRadiusX -> rayon X bas gauche
- downerLeftRadiusY -> rayon Y bas gauche
- downerRightRadiusX -> rayon X bas droit
- downerRightRadiusY -> rayon Y bas droit
- upperLeftClass-> Classe à utiliser sur la bordure haut/gauche ( par défaut : Plot )
- upperRightClass-> Classe à utiliser sur la bordure haut/droit ( par défaut : Plot )
- downerLeftClass-> Classe à utiliser sur la bordure bas/gauche ( par défaut : Plot )
- donwerRightClass-> Classe à utiliser sur la bordure bas/droit ( par défaut : Plot )
- upperClass -> Classe à utiliser sur la bordure haut ( par défaut : Plot )
- downerClass -> Classe à utiliser sur la bordure basse ( par défaut : Plot )
- leftClass -> Classe à utiliser sur la bordure gauche ( par défaut : Plot )
- rightClass -> Classe à utiliser sur la bordure droite. ( par défaut : Plot )
Ainsi il est possible de créer des divs ayant des bordures elliptiques ou ronde, et de personnaliser les dites bordures.
Attention, il faut bien respecter la casse :
un exemple est fourni dans main.js ( fonction init )
Il suffit d'instancier la classe RoundDiv avec en premier paramètre le composant ( div ) devant être arrondie puis le paramètre properties. quelques explication sur ce paramètre :
properties est un enregistrement d'enregistrement :
var props = [ ["property name1", "property value1" ], ["property name2", "property value2" ], ....]
les valeurs pour property nameX sont les suivantes :
- radius -> tous les rayons identiques.
- upperLeftRadiusX -> rayon X haut gauche
- upperLeftRadiusY -> rayon Y haut gauche
- upperRightRadiusX -> rayon X haut droit
- upperRightRadiusY -> rayon Y haut droit
- downerLeftRadiusX -> rayon X bas gauche
- downerLeftRadiusY -> rayon Y bas gauche
- downerRightRadiusX -> rayon X bas droit
- downerRightRadiusY -> rayon Y bas droit
- upperLeftClass-> Classe à utiliser sur la bordure haut/gauche ( par défaut : Plot )
- upperRightClass-> Classe à utiliser sur la bordure haut/droit ( par défaut : Plot )
- downerLeftClass-> Classe à utiliser sur la bordure bas/gauche ( par défaut : Plot )
- donwerRightClass-> Classe à utiliser sur la bordure bas/droit ( par défaut : Plot )
- upperClass -> Classe à utiliser sur la bordure haut ( par défaut : Plot )
- downerClass -> Classe à utiliser sur la bordure basse ( par défaut : Plot )
- leftClass -> Classe à utiliser sur la bordure gauche ( par défaut : Plot )
- rightClass -> Classe à utiliser sur la bordure droite. ( par défaut : Plot )
Ainsi il est possible de créer des divs ayant des bordures elliptiques ou ronde, et de personnaliser les dites bordures.
Attention, il faut bien respecter la casse :
un exemple est fourni dans main.js ( fonction init )
Vous n'êtes pas encore membre ?
inscrivez-vous, c'est gratuit et ça prend moins d'une minute !
Les membres obtiennent plus de réponses que les utilisateurs anonymes.
Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.
Le fait d'être membre vous permet d'avoir des options supplémentaires.