![]() Server : Apache System : Linux server2.corals.io 4.18.0-348.2.1.el8_5.x86_64 #1 SMP Mon Nov 15 09:17:08 EST 2021 x86_64 User : corals ( 1002) PHP Version : 7.4.33 Disable Function : exec,passthru,shell_exec,system Directory : /home/corals/clinic.corals.io/node_modules/intl-tel-input/examples/gen/ |
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Example: Using the promise returned from initialisation</title> <link rel="stylesheet" href="../css/prism.css"> <link rel="stylesheet" href="../../build/css/intlTelInput.css?1613236686837"> <link rel="stylesheet" href="../../build/css/demo.css?1613236686837"> <!-- Global site tag (gtag.js) - Google Analytics --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-N472J4QKC4"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-N472J4QKC4'); </script> </head> <body> <a href="/">Back</a> <h1>Example: Using the promise returned from initialisation</h1> <p>Use this promise to know when the plugin has completely finished initialising, including completing any asynchronous actions you might have enabled with the initialisation options e.g. fetching utils.js with the utilsScript option, and performing the ip lookup with the geoIpLookup option.</p> <h2>Markup</h2> <pre><code class="language-markup"><!-- polyfill for IE11 --> <script src="https://cdn.jsdelivr.net/npm/es6-promise@4/dist/es6-promise.auto.js"></script> <p> Status: <span id="status">Initialising...</span> </p> <input id="phone" type="tel"> </code></pre> <h2>Code</h2> <pre><code class="language-javascript">var input = document.querySelector("#phone"); var statusElement = document.querySelector("#status"); var iti = window.intlTelInput(input, { utilsScript: "../../build/js/utils.js?1613236686837", }); iti.promise.then(function() { statusElement.innerHTML = "Initialised!"; }); </code></pre> <h2>Result</h2> <div id="result"> <!-- polyfill for IE11 --> <script src="https://cdn.jsdelivr.net/npm/es6-promise@4/dist/es6-promise.auto.js"></script> <p> Status: <span id="status">Initialising...</span> </p> <input id="phone" type="tel"> </div> <script src="../js/prism.js"></script> <script src="../../build/js/intlTelInput.js?1613236686837"></script> <script src="./js/initPromise.js?1613236686837"></script> </body> </html>