Namespace: EO_Framework_Actions

EO_Framework_Actions

Gestion des actions XHR principaux

  • action-input: Déclenches une requête XHR avec les balises inputs contenu dans le contenaire parent.
  • action-attribute: Déclenches une requête XHR avec les attributs de l'élément déclencheur.
  • action-delete: Déclenches une requête XHR avec les attributs de l'élément déclencheur si l'utilisateur confirme la popin "confirm" du navigateur.
Version:
  • 1.0.0
Since:
  • 0.1.0
Author:
Copyright:
  • 2015-2018 Eoxia
License:
  • GPLv3
Source:

Members

(static) window.eoxiaJS.action :Object

L'objet principal "Action" ajouté à l'objet eoxiaJS afin de permêttre au fichier init.js de booter la méthode "init" de cet objet.

Type:
  • Object
Version:
  • 1.0.0
Since:
  • 0.1.0
Source:

Methods

(static) window.eoxiaJS.action.checkBeforeCB(element) → {bool}

Si une méthode de callback existe avant l'action, cette méthode l'appel.

Si une méthode de callback existe avant l'action, cette méthode l'appel.

Parameters:
Name Type Description
element Object

L'élément déclencheur.
Version:
  • 1.0.0
Since:
  • 0.1.0
Source:
Returns:

True si l'action peut être envoyé, sinon False.

Type
bool

(static) window.eoxiaJS.action.event() → {void}

Méthode "event" définie les 3 events principaux des actions de EO Framework: "action-input", "action-attribute" et "action-delete".

Ses trois évènements sont déclenchés au clic gauche de la souris.

La classe "no-action" permet d'annuler l'évènement.

Version:
  • 1.0.0
Since:
  • 0.1.0
Source:
Returns:
Type
void

(static) window.eoxiaJS.action.execAttribute(event) → {void}

Permet de lancer une requête avec les valeurs des attributs commençant par data-* sur la balise ou le classe action-attribute est placée.

L'attribut data-action et obligatoire pour lancer une requête XHR, c'est sur celle-ci que l'action AJAX WordPress sera attaché avec le hook wp_ajax_*.

Parameters:
Name Type Description
event MouseEvent

Toutes les propriétés de la souris lors du clic.
Version:
  • 1.0.0
Since:
  • 0.1.0
Source:
Returns:
Type
void
Example
<span class="action-attribute" data-action="create_post" data-title="Mon super titre">Créer un post</span>

(static) window.eoxiaJS.action.execDelete(event) → {void}

Make a request with data on HTML element clicked with a custom delete message.

Make a request with data on HTML element clicked with a custom delete message.

Parameters:
Name Type Description
event MouseEvent

Properties of element triggered by the MouseEvent.
Version:
  • 1.0.0
Since:
  • 0.1.0
Source:
Returns:
Type
void

(static) window.eoxiaJS.action.execInput(event) → {void}

Permet de lancer une requête avec les valeurs des inputs trouvés dans le contenaire défini par l'attribut "data-parent".

Parameters:
Name Type Description
event MouseEvent

Toutes les propriétés de la souris lors du clic.
Version:
  • 1.0.0
Since:
  • 0.1.0
Source:
Returns:
Type
void
Example
<div class="my-form">
	<input type="hidden" name="action" value="create_post" />
	<input type="text" name="title" />
	<button class="action-input" data-parent="my-form">Envoyé</button>
</div>

(static) window.eoxiaJS.action.init() → {void}

Méthode obligatoire pour le boot de l'objet "Action". Cette méthode est appelée automatiquement par init.js.

Cette méthode appelle la méthode "event" de l'objet "Action".

Version:
  • 1.0.0
Since:
  • 0.1.0
Source:
Returns:
Type
void