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. |