Meeting html
Jump to navigation
Jump to search
Line 461: | Line 461: | ||
<!--------------------------Contact phone--------------------------> | <!--------------------------Contact phone--------------------------> | ||
+ | |||
+ | |||
+ | <!--------------------------phone number--------------------------> | ||
<div class="ci_form_section"> | <div class="ci_form_section"> | ||
Line 467: | Line 470: | ||
</span> | </span> | ||
− | <input class="ci_form_input" type=" | + | |
+ | <style> | ||
+ | .iti__flag {background-image: url("/w/ci_scripts/intl-tel-input/img/flags.png");} | ||
+ | |||
+ | @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { | ||
+ | .iti__flag {background-image: url("/w/ci_scripts/intl-tel-input/img/flags@2x.png");} | ||
+ | } | ||
+ | |||
+ | .iti { width: 100%; } | ||
+ | </style> | ||
+ | |||
+ | <input class="ci_form_input" type="tel" id="phone" style="width:100%"> | ||
+ | <input type="hidden" id="phone_input" value="" name="Form meeting[Contact phone]" style="width:100%"> | ||
+ | |||
<span class="ci_form_section_help"> | <span class="ci_form_section_help"> | ||
</span> | </span> | ||
+ | </div> | ||
+ | |||
− | |||
<!--------------------------Contact email--------------------------> | <!--------------------------Contact email--------------------------> | ||
Line 582: | Line 599: | ||
$ci(".input_datetime").datetimepicker({format: 'yyyy-mm-dd hh:ii'}); | $ci(".input_datetime").datetimepicker({format: 'yyyy-mm-dd hh:ii'}); | ||
+ | |||
+ | |||
+ | var input = document.querySelector("#phone"); | ||
+ | |||
+ | var iti = window.intlTelInput(input, { | ||
+ | initialCountry: "</html>{{#ci_visitorIsoCode:}}<html>", | ||
+ | utilsScript: '/w/ci_scripts/intl-tel-input/js/utils.js', | ||
+ | nationalMode: false, | ||
+ | separateDialCode: true, | ||
+ | }); | ||
+ | |||
+ | var val_ = $ci('#phone_input').val(); | ||
+ | |||
+ | if(val_) { | ||
+ | iti.setNumber(val_); | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | $ci('form').submit(function() { | ||
+ | |||
+ | // ***attention !!! | ||
+ | // otherwise pageforms will not retrieve it! | ||
+ | $ci('input').removeAttr('disabled'); | ||
+ | |||
+ | |||
+ | |||
+ | var number = iti.getNumber(intlTelInputUtils.numberFormat.E164); | ||
+ | |||
+ | if(number) { | ||
+ | $ci('#phone_input').val(number); | ||
+ | } | ||
+ | |||
+ | |||
+ | return true; | ||
+ | }); | ||
+ | |||
+ | |||
+ | |||
}); | }); | ||
Revision as of 20:44, 3 September 2020
This form is intended to create different kind of meetings organized by a given organization (even in the past!) or to characterize as such whatever page of it (not containing already a form).
Once the key-data are created, insert the abstract of the course editing the page using the buttons "Edit" or "Edit source" in the top panel.
The form will be created in the current page (). If you want to create the form in a new page, go here. |