https://github.com/julow/builder.js

Créer et préparer un élément HTML
https://github.com/julow/builder.js

Last synced: 4 days ago
JSON representation

Créer et préparer un élément HTML

• Host: GitHub
• URL: https://github.com/julow/builder.js
• Owner: Julow
• License: mit
• Created: 2013-12-26T16:50:54.000Z (about 11 years ago)
• Default Branch: master
• Last Pushed: 2014-07-31T14:11:18.000Z (over 10 years ago)
• Last Synced: 2024-11-21T07:32:01.234Z (2 months ago)
• Language: JavaScript
• Homepage:
• Size: 247 KB
• Stars: 0
• Watchers: 3
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Builder.js

_v1.0.0_

Créer et préparer un élément HTML à la chaine.

### Exemple

```js

var div = new Builder('div')

    .html('Exemple ')

    .attr('title', 'Exemple !')

    .append(new Builder('a')

        .text('test')

        .event('click', function()

        {

            alert('click !');

        }))

        .css('color', 'red')

    .insert(document.body);

```

Créer `


Exemple test

` dans ``.


### Références

##### class Builder

###### Propriétés

* `.node` _(HTMLElement)_ L'élément HTML.

###### Methodes

Toutes les méthodes sont `chainable` _(elles retournent l'instance d'où elles sont exécutées)_.

* `.css(style, valeur)` Ajoute le style css à `node`.

* `.set(attribut, valeur)` Ajoute l'attribut à `node`. _(Conseillé pour `value`, `id`, `className`, `href`)_

* `.attr(attribut, valeur)` Ajoute l'attribut à `node` avec la méthode native `node.setAttribute()`.

* `.className(class)` Défini l'attribut className.

* `.text(text)` Insère le texte dans `node`.

* `.html(html)` Insère le html dans `node`.

* `.add(html)` Ajoute le html dans `node` après ce qu'il contient déjà.

* `.event(type, callback)` Ajoute un event à `node`.

* `.append(child)` Insère un autre élément dans `node`.

* `.insert(parent)` Insère `node` dans un autre élément.

* `.remove()` Retire `node` du DOM. _(`node` n'est pas supprimé!)_

* `.clear()` Retire les éléments contenus dans `node`.

###### Fonctions

* `Builder.getPos(element, absolute = false)` _(Object)_ Si `absolute` est `true`, retourne les positions `x` et `y` par rapport à la page sinon retourne les position `top` et `left` de `element`.

* `Builder.getStyle(element, style)` _(String)_ Retourne la valeur du `style` CSS de `element`.

### License

> The MIT License (MIT)

> 

> Copyright (c) 2013-2014 juloo

> 

> Permission is hereby granted, free of charge, to any person obtaining a copy of

> this software and associated documentation files (the "Software"), to deal in

> the Software without restriction, including without limitation the rights to

> use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of

> the Software, and to permit persons to whom the Software is furnished to do so,

> subject to the following conditions:

> 

> The above copyright notice and this permission notice shall be included in all

> copies or substantial portions of the Software.

> 

> THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR

> IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS

> FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR

> COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER

> IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN

> CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.