52 lines
1.9 KiB
HTML
52 lines
1.9 KiB
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-1400377268998.css">
|
|
<link rel="stylesheet" href="../../build/css/demo-1400377268998.css">
|
|
|
|
|
|
<!-- 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" placeholder="e.g. +1 702 123 4567"></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();
|
|
</code></pre>
|
|
|
|
<h2>Result</h2>
|
|
<div id="result">
|
|
<input id="phone" type="tel" placeholder="e.g. +1 702 123 4567">
|
|
</div>
|
|
|
|
<script src="../js/prism.js"></script>
|
|
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
|
|
<script src="../../build/js/intlTelInput.js?1400377268998"></script>
|
|
<script src="../js/modifyCountryData.js?1400377268998"></script>
|
|
</body>
|
|
</html>
|
|
<!-- Localized --> |