Attention ! Ne cliquez pas sur ce lien, c'est un piège à enfoirés du net !

Chez oim, forum libreChez oim, forum libre

 


Pages: [1] 2  Toutes   En bas

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

Songbird

  • Invité
Comment récupérer l'instance d'un élément depuis un événement ?
« le: jeudi 19 mai 2016, 06:04 »
le: jeudi 19 mai 2016, 06:04


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)
Signaler au modérateur   IP archivée

alex

  • Administrateur
  • Moulin à paroles
  • ********
  • Hors ligne Hors ligne
  • Sexe: Homme
  • Messages: 23.065
  • Proprio officiel chez oim !
Dart - How to get an element from event
« Réponse #1 le: jeudi 19 mai 2016, 10:34 »
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.
Signaler au modérateur   IP archivée

Songbird

  • Invité
Dart - How to get an element from event
« Réponse #2 le: jeudi 19 mai 2016, 18:15 »
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)
Signaler au modérateur   IP archivée

alex

  • Administrateur
  • Moulin à paroles
  • ********
  • Hors ligne Hors ligne
  • Sexe: Homme
  • Messages: 23.065
  • Proprio officiel chez oim !
Dart - How to get an element from event
« Réponse #3 le: vendredi 20 mai 2016, 12:38 »
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.
Signaler au modérateur   IP archivée

Songbird

  • Invité
Dart - How to get an element from event
« Réponse #4 le: vendredi 20 mai 2016, 20:48 »
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)
Signaler au modérateur   IP archivée

alex

  • Administrateur
  • Moulin à paroles
  • ********
  • Hors ligne Hors ligne
  • Sexe: Homme
  • Messages: 23.065
  • Proprio officiel chez oim !
Dart - How to get an element from event
« Réponse #5 le: vendredi 20 mai 2016, 21:14 »
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 ?
Signaler au modérateur   IP archivée

Songbird

  • Invité
Dart - How to get an element from event
« Réponse #6 le: vendredi 20 mai 2016, 22:59 »
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)



Signaler au modérateur   IP archivée

alex

  • Administrateur
  • Moulin à paroles
  • ********
  • Hors ligne Hors ligne
  • Sexe: Homme
  • Messages: 23.065
  • Proprio officiel chez oim !
Dart - How to get an element from event
« Réponse #7 le: samedi 21 mai 2016, 11:42 »
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.
Signaler au modérateur   IP archivée

Songbird

  • Invité
Dart - How to get an element from event
« Réponse #8 le: samedi 21 mai 2016, 13:44 »
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.
Signaler au modérateur   IP archivée

alex

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

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

Songbird

  • Invité
Dart - How to get an element from event
« Réponse #10 le: samedi 21 mai 2016, 23:04 »
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.
Signaler au modérateur   IP archivée

alex

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

Tu codes Dart avec quoi alors ? :-\
Signaler au modérateur   IP archivée

Songbird

  • Invité
Dart - How to get an element from event
« Réponse #12 le: dimanche 22 mai 2016, 15:46 »
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.
Signaler au modérateur   IP archivée

alex

  • Administrateur
  • Moulin à paroles
  • ********
  • Hors ligne Hors ligne
  • Sexe: Homme
  • Messages: 23.065
  • Proprio officiel chez oim !
Dart - How to get an element from event
« Réponse #13 le: lundi 23 mai 2016, 00:59 »
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.
Signaler au modérateur   IP archivée

Songbird

  • Invité
Dart - How to get an element from event
« Réponse #14 le: lundi 23 mai 2016, 01:02 »
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. :)
Signaler au modérateur   IP archivée
Pages: [1] 2  Toutes   En haut
 

Page générée en 0.095 secondes avec 24 requêtes.