JavaSkript in eigenem Modul einbinden
Eingetragen von psfjkmmmms (4)am 15.11.2016 - 16:40 Uhr in
Hallo Leute,
ich habe hier eine sehr spezifische Frage:
Mein Team und ich sind dabei eine Website zu erstellen, näher gesagt ein Forum. Hierzu braucht man natürlich ein Registrierungsformular,
nun muss von unserem Modul die Email-Adresse ausgelesen werden können und damit unter dem Feld eine Zugehörigkeit angezeigt werden können.
Dazu haben wir ein Java Skript geschrieben was dies bewerkstelligen soll.
Das müssen wir nun in eine Hook einfügen, wo beim Verlassen des Feldes dieses Skript ausgelöst werden soll.
Hier einmal unser JavaSkript:
(function ($) {
Drupal.behaviours.user_register_form = {
attach: function (context, settings){
/**
* Liest den letzten Teil der Email_Adresse aus und benutzt diesen um Die Zugehörigkeit
* anzeigen zu können.
*/
var elem = document.getElementById('$mail');
//Array mit den zugehörigen Universitäten hier anonymisiert
var universities = ["", "", "", "", "", "", "", ""];
elem.addEventListener('change', checkMail);
function checkMail(){
var eingabe=elem.value;
var result = '';
for (var i = 0; i < universities.length; i++) {
var reg = new RegExp(universities[i]);
var text = eingabe.match(reg);
if (text != null) {
result = text;
}
}
var stringResult = "" + result + "";
useIndexes(stringResult);
}
function useIndexes(result){
var eingabe=elem.value;
var result = '';
for (var i = 0; i < universities.length; i++) {
var reg = new RegExp(universities[i]);
var text = eingabe.match(reg);
if (text != null) {
result = text;
}
}
var stringResult = "" + result + "";
var text = "<p id='member'></p>";
$('mail').append(text);
switch(result){
case "___":
var ausgabe = "You are a member of the ___";
$("#member").text('');
$("#member").append(ausgabe);
break;
case "__":
var ausgabe = "You are a member of the ___";
$("#member").text('');
$("#member").append(ausgabe);
break;
case "___":
var ausgabe = "You are a member of the ___";
$("#member").text('');
$("#member").append(ausgabe);
break;
case "___":
var ausgabe = "You are a member of the ___";
$("#member").text('');
$("#member").append(ausgabe);
break;
case "___":
var ausgabe = "You are a member of the ___";
$("#member").text('');
$("#member").append(ausgabe);
break;
case "___":
var ausgabe = "You are a member of the ___";
$("#member").text('');
$("#member").append(ausgabe);
break;
case "___":
var ausgabe = "You are are a member of the ___";
$("#member").text('');
$("#member").append(ausgabe);
break;
case "___":
var ausgabe = "You are are a member of ___";
$("#member").text('');
$("#member").append(ausgabe);
break;
default:
var ausgabe = "Your are not a member of the universities please login with a personal e-mail address";
$("#member").text('');
$("#member").append(ausgabe);
break;
}
}
};})(jQuery);Vielen Dank Im Voraus für eure Hilfe.
Bis dann,
psfjkmmmms
- Anmelden oder Registrieren um Kommentare zu schreiben
Hallo, Du könntest das
am 15.11.2016 - 16:53 Uhr
Hallo,
Du könntest das Verhalten(behavior) der Felder an einen onChange Handler binden:
Drupal.behaviors.exampleModule = {attach: function (context, settings) {
$('#member', context).onchange(function () {
alert("Feld geändert");
});
}
};
Gruss
Robert
Nicht ganz klar!
am 16.11.2016 - 12:42 Uhr
Erstmal vielen Dank für die schnelle Reaktion.
Mir ist leider nicht klar wo genau ich den code jetzt einbinden muss, damit er das JavaScript ausführt.
Könntet ihr versuchen so genau wie möglich zu seien.
Zur Ergänzung noch mein selber erstelltes Modul:
<?php
/**
* @file
* A module which implements the parsing of the mail adress with a javascript and shows the taxonomy and user role.
*/
/**
* Implements hook_help.
*
* Displays help and module information.
*
* @param path
* Which path of the site we're using to display help
* @param arg
* Array that holds the current path as returned from arg() function
*/
function registering_module_help($path, $arg) {
switch ($path) {
case "admin/help#registering_module":
return '<p>'. t("Defines the options which are supported.") .'</p>';
break;
}
}
//Hier die Versuche das Java Script einzubinden.
//drupal_add_js('jQuery(document).ready(function () { alert("Hello!"); });', 'inline');
/* function registering_module_form_alter(&$form, &$form_state, $form_id) {
if ($form_id == 'user_register_form') {
$form['#attached']['js'][] = array (
'type' => 'external',
'data' => drupal_get_path('module','mailparser') . '/mailparser.js',
);
$form['account']['mail']['#description'] = t('Dies ist ein Test');
}
} */
Drupal.behaviors.registering_module = {
attach: function (context, settings) {
$('#member', context).onchange(function () {
alert("Feld geändert");
});
function registering_module_form_alter(&$form, &$form_state,$form_id){
if ($form_id == 'user_register_form'){
$form['mail']['#ajax'] = array(
'callback' =>'formmsgs_image_style_mail',
'event' => 'change',
'wrapper' => 'formmsgs-image-style-mail',
);
$form['mail']['#ajax'] = array();
$form['terms_of_use'] = array(
'#type' => 'checkbox',
'#title' => t("I agree with the website's terms and conditions and the behaviour."),
'#required' => TRUE,
'#weight' => 13,
);
}
};
$form['account']['mail']['#description'] = '<div id="formmsgs-image-style-mail"> If you are a member of an university, please use your university email-address. </div>';
$form['account']['mail']['#default_value'] = "___";
}
}
Vielen Dank.
Hi,da gibt es mehrer
am 18.11.2016 - 01:16 Uhr
Hi,
da gibt es mehrer Möglichkeiten.
in der Modul *.info oder *.yml kannst Du dein Skript laden.
oder über die Modul API:
//Module init Hookfunction registering_module_init(){
drupal_add_js('jQuery(document).ready(function () { alert("Hello!"); });', 'inline');
}
oder du kannst über die Form API #attached benutzen:
http://drupal.stackexchange.com/questions/70015/adding-css-and-js-to-form-with-attachments
Gruss
Robert