Chez oim, forum libreChez oim, forum libre

favicon Google Recherche avancée  

Sans gluten

Ce site web est garanti sans gluten !
(Peut contenir des traces d'oeuf, de fruits à coque, de lait, de crustacés, de végétariens)



Pages: [1] 2  Toutes   En bas

Auteur Sujet: Comment récupérer l'instance d'un élément depuis un événement ?  (Lu 504 fois)

Songbird

  • Invité


Code
void main() 
{
  Element element = querySelector('#test');
  element.onClick.listen(
      (event) => print("It's me, Mario ! :D") /*on souhaiterait récupérer (event) pour savoir d'où est déclenché l'événement.*/
  );

}

Il suffit de faire ceci:

Code
import 'dart:html';

void test(Event event)
{
  if(event.target is ParagraphElement) /*du côté html, si c'est un paragraphe, alors...*/
  {
    print("Is a paragraph.");
  }
  else
  {
    print("no, :(");
  }
}
void main()
{
 
  Element element = querySelector('#test');
  element.onClick.listen(
      (event) => test(event)
  );
}

Résultat:

Citation
Is a paragraph.

Lorsque l'on sait où on a mis les pieds, on souhaiterait aussi caster l'instance pour récupérer les méthodes d'une classe faite-maison par exemple, nous procéderons de cette façon:
Code
HtmlElement monElement = querySelection('#monId');

if(monElement is ParagraphElement)
{
    monElement = (monElement as ParagraphElement);
}

print(monElement);

Résultat:

Citation
p

La fonction print renvoie seulement le nom de l'élément, mais nous pouvons travailler dessus. (ce n'est pas un simple objet String)
IP archivée

alex

  • Administrateur
  • Dictionnaire ambulant
  • ********
  • Hors ligne Hors ligne
  • Sexe: Homme
  • Messages: 14.855
  • Proprio officiel chez oim !
Dart - How to get an element from event
« Réponse #1 le: jeudi 19 mai 2016, 10:34 »

Faudra quand même que je regarde ce Dart de plus près, par curiosité.
Je déteste JS, mais bon.
IP archivée

Songbird

  • Invité
Dart - How to get an element from event
« Réponse #2 le: jeudi 19 mai 2016, 18:15 »

Citation
Je déteste JS, mais bon.
Sauf que ce n'est pas du JS.
Dart se sert de certaines ressources de JS car parfois on n'a pas le choix, mais ce n'est clairement pas du JS. (Sinon je ne le préférerais pas à ce dernier)
IP archivée

alex

  • Administrateur
  • Dictionnaire ambulant
  • ********
  • Hors ligne Hors ligne
  • Sexe: Homme
  • Messages: 14.855
  • Proprio officiel chez oim !
Dart - How to get an element from event
« Réponse #3 le: vendredi 20 mai 2016, 12:38 »

Y quand même l'air d'avoir une bonne grosse dose de JS dans ton truc. :ge:
D'après Wikipedia, Dart était destiné à remplacer JS mais la priorité a été revue sur l'objectif que Dart puisse être converti en JS. Alors ma foi.
IP archivée

Songbird

  • Invité
Dart - How to get an element from event
« Réponse #4 le: vendredi 20 mai 2016, 20:48 »

Citation
Y quand même l'air d'avoir une bonne grosse dose de JS dans ton truc. :ge:
D'après Wikipedia, Dart était destiné à remplacer JS mais la priorité a été revue sur l'objectif que Dart puisse être converti en JS. Alors ma foi.
Je me répète: Dart n'est pas JS.
Vu que Dart n'a pas été accepté comme nouveau standard, les instructions Dart ont juste été transpilées en JavaScript, ce qui au final (à la compilation) donne du JavaScript pour qu'il soit compréhensible par tous les navigateurs, naturellement.

Dart est totalement indépendant de JavaScript server-side. (front-end, il n'y a aucune alternative, donc il est bien obligé de faire le pont)
IP archivée

alex

  • Administrateur
  • Dictionnaire ambulant
  • ********
  • Hors ligne Hors ligne
  • Sexe: Homme
  • Messages: 14.855
  • Proprio officiel chez oim !
Dart - How to get an element from event
« Réponse #5 le: vendredi 20 mai 2016, 21:14 »

Oui, c'est bien ce que j'avais lu, c'est un compilateur JS.
Mais du coup, en l'état, Dart apporte un plus ? Des classes ou des fonctions toutes prêtes, par exemple ?
IP archivée

Songbird

  • Invité
Dart - How to get an element from event
« Réponse #6 le: vendredi 20 mai 2016, 22:59 »

Citation
Mais du coup, en l'état, Dart apporte un plus ? Des classes ou des fonctions toutes prêtes, par exemple ?
De ce que j'ai pu voir jusqu'ici, il apporte déjà de véritables classes qui supportent de véritables mixins. (héritage)

+:
Un système d'import simple. (mais au moins y'en a un)
Un gestionnaire de projet. (et donc de dépendances)
Multi paradigme. (tout comme le JS, mais POO, pas POP toujours)
Optimise au maximum la taille des scripts. (pour le compilateur)
Typage statique. (et donc gestion plus ou moins fine de la mémoire)
API plutôt complète pour un langage si peu fréquenté.
Dispose d'un émulateur JS. (permet donc d'utiliser certaines ressources non disponibles en Dart)
Dispose de classes permettant de faciliter la création d'animations.

-:
Peu de documentation. (demande donc de la patience et beaucoup de tests)
Impossibilité de bénéficier des performances de la VM. (puisque non supportée par les navigateurs)



IP archivée

alex

  • Administrateur
  • Dictionnaire ambulant
  • ********
  • Hors ligne Hors ligne
  • Sexe: Homme
  • Messages: 14.855
  • Proprio officiel chez oim !
Dart - How to get an element from event
« Réponse #7 le: samedi 21 mai 2016, 11:42 »

Si ça continue, je vais finir par essayer. Mais sans doc, je me demande comment je pourrais bien faire... :??

Tu as le navigateur Dartium au moins, pour tester la VM ?
C'est le seul qui embarque la VM Dart et ça le restera, apparemment.
IP archivée

Songbird

  • Invité
Dart - How to get an element from event
« Réponse #8 le: samedi 21 mai 2016, 13:44 »

Citation
Si ça continue, je vais finir par essayer. Mais sans doc, je me demande comment je pourrais bien faire... :??
Si tu as des questions, n'hésites pas à me les poser, y'a pas de soucis. :)

Et la documentation est bien présente, sauf qu'ils ne se sont pas trop étalés.

Citation
Tu as le navigateur Dartium au moins, pour tester la VM ?
C'est le seul qui embarque la VM Dart et ça le restera, apparemment.

Je l'ai installé il n'y a pas si longtemps, mais pour le moment j'ai toujours principalement compilé mes programmes.
IP archivée

alex

  • Administrateur
  • Dictionnaire ambulant
  • ********
  • Hors ligne Hors ligne
  • Sexe: Homme
  • Messages: 14.855
  • Proprio officiel chez oim !
Dart - How to get an element from event
« Réponse #9 le: samedi 21 mai 2016, 20:46 »

De toute façon, en matière de navigateur, t'as pas vraiment le choix. :iq:
IP archivée

Songbird

  • Invité
Dart - How to get an element from event
« Réponse #10 le: samedi 21 mai 2016, 23:04 »

Citation
De toute façon, en matière de navigateur, t'as pas vraiment le choix. :iq:

Si tu veux utiliser uniquement la VM, évidemment que non.

Sinon suffit juste de transpiler.
IP archivée

alex

  • Administrateur
  • Dictionnaire ambulant
  • ********
  • Hors ligne Hors ligne
  • Sexe: Homme
  • Messages: 14.855
  • Proprio officiel chez oim !
Dart - How to get an element from event
« Réponse #11 le: dimanche 22 mai 2016, 11:34 »

Tu codes Dart avec quoi alors ? :-\
IP archivée

Songbird

  • Invité
Dart - How to get an element from event
« Réponse #12 le: dimanche 22 mai 2016, 15:46 »

Citation
Tu codes Dart avec quoi alors ? :-\

... Avec mon clavier !  :gj:

Non plus sérieusement: je code avec mon éditeur de text de tous les jours (sublime text). J'ai installé un module pour pouvoir gérer l'auto completion et c'est parti.
Ensuite pour voir le résultat, suffit de compiler ton main et le compilateur se charge de linker les dépendances.
Le module comprend aussi l'automatisation de la compilation, mais je n'arrive pas à faire fonction cette partie. Quand j'aurais le temps j'y jetterai un oeil.
IP archivée

alex

  • Administrateur
  • Dictionnaire ambulant
  • ********
  • Hors ligne Hors ligne
  • Sexe: Homme
  • Messages: 14.855
  • Proprio officiel chez oim !
Dart - How to get an element from event
« Réponse #13 le: lundi 23 mai 2016, 00:59 »

Avec ton clavier ? Wahou ! C'est moderne chez toi. :id:

C'est quoi ton compilateur ? Histoire que je regarde Dart de plus près quand j'aurai 5 minutes.
IP archivée

Songbird

  • Invité
Dart - How to get an element from event
« Réponse #14 le: lundi 23 mai 2016, 01:02 »

Citation
Avec ton clavier ? Wahou ! C'est moderne chez toi. :id:
Clavier sans fil, attention, ça rigole plus !  :gj:

Citation
C'est quoi ton compilateur ? Histoire que je regarde Dart de plus près quand j'aurai 5 minutes.

Il répond au doux nom de dart2js.
Je ne sais pas comment on installe Dart sous Windows, mais moi le gestionnaire de paquets m'avait installé le compilateur pendant l'install du sdk, donc je n'ai pas trop eu de soucis.
En revanche si ça te pose plus de problèmes sous Windows, n'hésites pas à me mp. :)
IP archivée
Pages: [1] 2  Toutes   En haut
 

+ Réponse Rapide

Page générée en 0.135 secondes avec 22 requêtes.