Wala shell

Advanced PHP File Manager

Server IP: 127.0.0.1 | PHP Version: 8.3.30 | Domains Hosted: 54

Name	Size	Last Modified	Actions
📁 ..	-	2026-02-12 14:54
📄 country-sync.html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Example: Country sync</title> <link rel="stylesheet" href="../css/prism.css"> <link rel="stylesheet" href="../../build/css/intlTelInput.css?1456859475147"> <link rel="stylesheet" href="../../build/css/demo.css?1456859475147"> <link rel="stylesheet" href="../css/countrySync.css?1456859475147"> <!-- GOOGLE ANALYTICS --> <script> var _gaq = _gaq \|\| []; _gaq.push(['_setAccount', 'UA-26178728-1']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script> <!-- /GOOGLE ANALYTICS --> </head> <body> <a href="/intl-tel-input.html">Back</a> <h1>Example: Country sync</h1> <p>Use static getCountryData method to create a separate country dropdown for an address form, and then listen for change events to keep the two dropdowns in sync.</p> <h2>Markup</h2> <pre><code class="language-markup"><div class="form-item"> <label>Telephone number</label> <input id="phone" type="tel"> </div> <div class="form-item"> <label>Address</label> <input type="text" placeholder="House name/number"> <input type="text" placeholder="City"> <input type="text" placeholder="State"> <input type="text" placeholder="Zip code"> <select id="address-country"></select> </div></code></pre> <h2>Code</h2> <pre><code class="language-javascript">// get the country data from the plugin var countryData = $.fn.intlTelInput.getCountryData(), telInput = $("#phone"), addressDropdown = $("#address-country"); // init plugin telInput.intlTelInput({ utilsScript: "../../build/js/utils.js" // just for formatting/placeholders etc }); // populate the country dropdown $.each(countryData, function(i, country) { addressDropdown.append($("<option></option>").attr("value", country.iso2).text(country.name)); }); // set it's initial value var initialCountry = telInput.intlTelInput("getSelectedCountryData").iso2; addressDropdown.val(initialCountry); // listen to the telephone input for changes telInput.on("countrychange", function(e, countryData) { addressDropdown.val(countryData.iso2); }); // listen to the address dropdown for changes addressDropdown.change(function() { telInput.intlTelInput("setCountry", $(this).val()); }); </code></pre> <h2>Result</h2> <div id="result"> <div class="form-item"> <label>Telephone number</label> <input id="phone" type="tel"> </div> <div class="form-item"> <label>Address</label> <input type="text" placeholder="House name/number"> <input type="text" placeholder="City"> <input type="text" placeholder="State"> <input type="text" placeholder="Zip code"> <select id="address-country"></select> </div> </div> <script src="../js/prism.js"></script> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script src="../../build/js/intlTelInput.js?1456859475147"></script> <script src="../js/countrySync.js?1456859475147"></script> </body> </html>	3.59 KB	2026-02-12 14:54
📄 default-country-ip.html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Example: Lookup user's country</title> <link rel="stylesheet" href="../css/prism.css"> <link rel="stylesheet" href="../../build/css/intlTelInput.css?1456859475147"> <link rel="stylesheet" href="../../build/css/demo.css?1456859475147"> <!-- GOOGLE ANALYTICS --> <script> var _gaq = _gaq \|\| []; _gaq.push(['_setAccount', 'UA-26178728-1']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script> <!-- /GOOGLE ANALYTICS --> </head> <body> <a href="/intl-tel-input.html">Back</a> <h1>Example: Lookup user's country</h1> <p>Set initialCountry to 'auto' and pass in a function for geoIpLookup to perform a JSONP request to ipinfo.io, which returns the user's country based on their IP address.</p> <h2>Markup</h2> <pre><code class="language-markup"><input id="phone" type="tel"></code></pre> <h2>Code</h2> <pre><code class="language-javascript">$("#phone").intlTelInput({ initialCountry: "auto", geoIpLookup: function(callback) { $.get('http://ipinfo.io', function() {}, "jsonp").always(function(resp) { var countryCode = (resp && resp.country) ? resp.country : ""; callback(countryCode); }); }, utilsScript: "../../build/js/utils.js" // just for formatting/placeholders etc });</code></pre> <h2>Result</h2> <div id="result"> <input id="phone" type="tel"> </div> <script src="../js/prism.js"></script> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script src="../../build/js/intlTelInput.js?1456859475147"></script> <script src="../js/defaultCountryIp.js?1456859475147"></script> </body> </html>	2.14 KB	2026-02-12 14:54
📄 hidden-input.html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Example: Submitting the full international number when in nationalMode</title> <link rel="stylesheet" href="../css/prism.css"> <link rel="stylesheet" href="../../build/css/intlTelInput.css?1456859475147"> <link rel="stylesheet" href="../../build/css/demo.css?1456859475147"> <!-- GOOGLE ANALYTICS --> <script> var _gaq = _gaq \|\| []; _gaq.push(['_setAccount', 'UA-26178728-1']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script> <!-- /GOOGLE ANALYTICS --> </head> <body> <a href="/intl-tel-input.html">Back</a> <h1>Example: Submitting the full international number when in nationalMode</h1> <p>If you're submitting the form using Ajax, simply use getNumber to get the number before sending it. If you're using the standard form POST method, you should use a separate hidden input which you update on submit to send the full international number. Try submitting a valid number below, and then check the 'phone-full' parameter in the URL.</p> <h2>Markup</h2> <pre><code class="language-markup"><form> <input id="phone" type="tel" name="phone"> <input id="hidden" type="hidden" name="phone-full"> <button type="submit">Submit</button> </form></code></pre> <h2>Code</h2> <pre><code class="language-javascript">$("#phone").intlTelInput({ utilsScript: "../../build/js/utils.js" // just for formatting/placeholders etc }); // update the hidden input on submit $("form").submit(function() { $("#hidden").val($("#phone").intlTelInput("getNumber")); });</code></pre> <h2>Result</h2> <div id="result"> <form> <input id="phone" type="tel" name="phone"> <input id="hidden" type="hidden" name="phone-full"> <button type="submit">Submit</button> </form> </div> <script src="../js/prism.js"></script> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script src="../../build/js/intlTelInput.js?1456859475147"></script> <script src="../js/hiddenInput.js?1456859475147"></script> </body> </html>	2.58 KB	2026-02-12 14:54
📄 is-valid-number.html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Example: Validation</title> <link rel="stylesheet" href="../css/prism.css"> <link rel="stylesheet" href="../../build/css/intlTelInput.css?1456859475147"> <link rel="stylesheet" href="../../build/css/demo.css?1456859475147"> <link rel="stylesheet" href="../css/isValidNumber.css?1456859475147"> <!-- GOOGLE ANALYTICS --> <script> var _gaq = _gaq \|\| []; _gaq.push(['_setAccount', 'UA-26178728-1']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script> <!-- /GOOGLE ANALYTICS --> </head> <body> <a href="/intl-tel-input.html">Back</a> <h1>Example: Validation</h1> <p>Use public isValidNumber method (utilising Google's libphonenumber) to validate the telephone number on the change event.</p> <h2>Markup</h2> <pre><code class="language-markup"><input id="phone" type="tel"> <span id="valid-msg" class="hide">✓ Valid</span> <span id="error-msg" class="hide">Invalid number</span></code></pre> <h2>Code</h2> <pre><code class="language-javascript">var telInput = $("#phone"), errorMsg = $("#error-msg"), validMsg = $("#valid-msg"); // initialise plugin telInput.intlTelInput({ utilsScript: "../../build/js/utils.js" }); var reset = function() { telInput.removeClass("error"); errorMsg.addClass("hide"); validMsg.addClass("hide"); }; // on blur: validate telInput.blur(function() { reset(); if ($.trim(telInput.val())) { if (telInput.intlTelInput("isValidNumber")) { validMsg.removeClass("hide"); } else { telInput.addClass("error"); errorMsg.removeClass("hide"); } } }); // on keyup / change flag: reset telInput.on("keyup change", reset);</code></pre> <h2>Result</h2> <div id="result"> <input id="phone" type="tel"> <span id="valid-msg" class="hide">✓ Valid</span> <span id="error-msg" class="hide">Invalid number</span> </div> <script src="../js/prism.js"></script> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script src="../../build/js/intlTelInput.js?1456859475147"></script> <script src="../js/isValidNumber.js?1456859475147"></script> </body> </html>	2.74 KB	2026-02-12 14:54
📄 modify-country-data.html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Example: Modify country data</title> <link rel="stylesheet" href="../css/prism.css"> <link rel="stylesheet" href="../../build/css/intlTelInput.css?1456859475147"> <link rel="stylesheet" href="../../build/css/demo.css?1456859475147"> <!-- GOOGLE ANALYTICS --> <script> var _gaq = _gaq \|\| []; _gaq.push(['_setAccount', 'UA-26178728-1']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script> <!-- /GOOGLE ANALYTICS --> </head> <body> <a href="/intl-tel-input.html">Back</a> <h1>Example: Modify country data</h1> <p>Use static getCountryData method to update the data to only show localised country names.</p> <h2>Markup</h2> <pre><code class="language-markup"><input id="phone" type="tel"></code></pre> <h2>Code</h2> <pre><code class="language-javascript">var countryData = $.fn.intlTelInput.getCountryData(); $.each(countryData, function(i, country) { country.name = country.name.replace(/.+\((.+)\)/,"$1"); }); $("#phone").intlTelInput({ utilsScript: "../../build/js/utils.js" // just for formatting/placeholders etc }); </code></pre> <h2>Result</h2> <div id="result"> <input id="phone" type="tel"> </div> <script src="../js/prism.js"></script> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script src="../../build/js/intlTelInput.js?1456859475147"></script> <script src="../js/modifyCountryData.js?1456859475147"></script> </body> </html>	1.92 KB	2026-02-12 14:54
📄 national-mode.html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Example: National Mode</title> <link rel="stylesheet" href="../css/prism.css"> <link rel="stylesheet" href="../../build/css/intlTelInput.css?1456859475147"> <link rel="stylesheet" href="../../build/css/demo.css?1456859475147"> <!-- GOOGLE ANALYTICS --> <script> var _gaq = _gaq \|\| []; _gaq.push(['_setAccount', 'UA-26178728-1']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script> <!-- /GOOGLE ANALYTICS --> </head> <body> <a href="/intl-tel-input.html">Back</a> <h1>Example: National Mode</h1> <p>Allow users to enter their national number, and then convert it to international format using the public method getNumber.</p> <h2>Markup</h2> <pre><code class="language-markup"><p id="output">Please enter a number below</p> <input id="phone" type="tel"></code></pre> <h2>Code</h2> <pre><code class="language-javascript">var input = $("#phone"), output = $("#output"); input.intlTelInput({ nationalMode: true, utilsScript: "../../build/js/utils.js" // just for formatting/placeholders etc }); // listen to "keyup", but also "change" to update when the user selects a country input.on("keyup change", function() { var intlNumber = input.intlTelInput("getNumber"); if (intlNumber) { output.text("International: " + intlNumber); } else { output.text("Please enter a number below"); } });</code></pre> <h2>Result</h2> <div id="result"> <p id="output">Please enter a number below</p> <input id="phone" type="tel"> </div> <script src="../js/prism.js"></script> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script src="../../build/js/intlTelInput.js?1456859475147"></script> <script src="../js/nationalMode.js?1456859475147"></script> </body> </html>	2.32 KB	2026-02-12 14:54
📄 only-countries-europe.html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Example: European countries</title> <link rel="stylesheet" href="../css/prism.css"> <link rel="stylesheet" href="../../build/css/intlTelInput.css?1456859475147"> <link rel="stylesheet" href="../../build/css/demo.css?1456859475147"> <!-- GOOGLE ANALYTICS --> <script> var _gaq = _gaq \|\| []; _gaq.push(['_setAccount', 'UA-26178728-1']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script> <!-- /GOOGLE ANALYTICS --> </head> <body> <a href="/intl-tel-input.html">Back</a> <h1>Example: European countries</h1> <p>Set onlyCountries option to just European country codes.</p> <h2>Markup</h2> <pre><code class="language-markup"><input id="phone" type="tel"></code></pre> <h2>Code</h2> <pre><code class="language-javascript">$("#phone").intlTelInput({ onlyCountries: ["al", "ad", "at", "by", "be", "ba", "bg", "hr", "cz", "dk", "ee", "fo", "fi", "fr", "de", "gi", "gr", "va", "hu", "is", "ie", "it", "lv", "li", "lt", "lu", "mk", "mt", "md", "mc", "me", "nl", "no", "pl", "pt", "ro", "ru", "sm", "rs", "sk", "si", "es", "se", "ch", "ua", "gb"], utilsScript: "../../build/js/utils.js" // just for formatting/placeholders etc });</code></pre> <h2>Result</h2> <div id="result"> <input id="phone" type="tel"> </div> <script src="../js/prism.js"></script> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script src="../../build/js/intlTelInput.js?1456859475147"></script> <script src="../js/onlyCountriesEurope.js?1456859475147"></script> </body> </html>	2.47 KB	2026-02-12 14:54

Terminal