Projets

Ici, sur cette page mettrai mes projets de zones académique, professionnel et personnel. Chaque fois que vous développez une solution qui trouve intéressant, poster ici pour être testé (ou même amélioré! icon smile Projetos ) Pour vous.

Ces projets seront disponibles pour le téléchargement et / ou pages contenant des informations.

tt twitter micro4 Projetos

Création de formulaires dynamiques avec MForm

Lorsque j'ai commencé à travailler avec le développement web, un de mes premières tâches étaient de créer des formulaires HTML à des fins diverses, comme les pages de contact, réservation, etc formulaire.

J'ai toujours pensé que un sac avoir à faire toutes ces formes une par une, en plus d'avoir à les valider sur le côté client via javascript.

Ce faisant, ces formes, un jour, je me suis promis de créer un script pour faire tout cela démarches pour créer les champs, le style et valider, de manière plus dynamique et automatique.

Et maintenant, ce jour est arrivé, répondre MForm! icon smile Criação dinâmica de formulários com MForm

mform Criação dinâmica de formulários com MForm

Le MForm (M, Marcus! = P) est un script en cours de développement mais il peut avoir un certain nombre de caractéristiques qui aident beaucoup au jour le jour côté client développeur.

Vous pouvez voir un exemple de MForm en ligne en cliquant ici .

Traits

  • Création d'une forme stylisée avec css
  • Création d'entrées de champs de texte de type, de la radio et cachés
  • Création de champs textarea
  • Validation sur le terrain avec JavaScript et jQuery plug-in FormValidator , avec une certaine mine de changements, ainsi que la traduction vers le portugais (Brésil).

Limites

Comme il s'agit d'une version 1.0 de MForm-elle encore quelques limitations. Dans cette version n'a pas la possibilité de créer des champs du type qui est généré dynamiquement sélectionner une forme plus complexe. Une autre limitation est que seulement réussi à générer un ensemble de champs de saisie de type radio.

Mais maintenant disponibilizarei cette première version, ce qui aidera tout vous pouvez le tester et même l'améliorer.

Comment ça marche?

Bonne, l'opération de création des champs se produire dans un tableau. Chaque tableau est un champ qui a voulu ajouter sur le formulaire.
Chaque tableau est créé avec cinq composantes:

  • nom est le nom de l'attribut du champ créé
  • étiquette est le nom qui sera l'intérieur d'une balise label
  • le type est le type du champ. Il peut être du texte (type de saisie de texte), la radio (radio type d'entrée), textarea (champs textarea) et caché (entrées de type cachés)
  • Valide est le champ qui indique si oui ou non il aura de validation. 1 pour vrai et 0 pour faux
  • valeur est l'endroit où vous entrer dans le champ valeur de l'attribut. Il est souvent utilisé quand nous avons à montrer la forme avec les données déjà saisies.



Enfin, tous les champs (qui sont des tableaux) sont insérés dans un tableau principal (que j'appelle des champs) des champs et le tableau est placé en tant que premier paramètre geraMForm () qui est chargé de porter la forme générée dynamiquement. Le deuxième paramètre de cette fonction est nulle part pour être envoyé ce formulaire.
code Criação dinâmica de formulários com MForm

Télécharger

Le MForm peut être téléchargé ici . Ce fichier est le MForm avec un fichier d'exemple.

Vous pouvez également le style de la forme selon sa volonté. Forms.css Il suffit de sélectionner le fichier et le modifier selon vos préférences.

Alors, que pensez-vous de MForm? Le plus de commentaires que je reçois de vous plus MForm deviennent plus robustes et contribuera à la création de toutes les formes d'une manière plus agile et efficace.

tt twitter micro4 Criação dinâmica de formulários com MForm

Calcul de la CRE

Presque toujours envie de savoir comment notre CRE (Coefficient de rendement scolaire), à ​​la fois de vérifier nos revenus, et de voir s'il est en mesure d'obtenir sur ce projet de recherche nous voulons participer. Mais chaque fois que le nombre de sujets augmente, ce qui rend le calcul d'une manière manuelle fatigante. Et c'est pourquoi j'ai décidé de créer une façon plus automatisée pour calculer la CRE.

CRE est essentiellement déterminée par l'expression suivante:
cre Cálculo do CRE

Note: j'ai pris comme base pour le calcul d'un document de l'établissement où ils étudient, IFPB (anciennement CEFET-PB), qui intéresse, cliquez ici .

Cliquez ici pour calculer votre CRE

tt twitter micro4 Cálculo do CRE

Copyright © 2012 Marcus Antonius Tous droits réservés.
Portefeuille | CV | contacter | Twitter | RSS