updated defaultCountryIp.js to use function

jackocnr · Jun 5, 2015 · f46bb7e · f46bb7e
1 parent 53a1ae2
commit f46bb7e
Show file tree

Hide file tree

Showing 8 changed files with 42 additions and 30 deletions.
diff --git a/examples/gen/country-sync.html b/examples/gen/country-sync.html
@@ -4,10 +4,10 @@
     <meta charset="utf-8">
     <title>Example: Country sync</title>
     <link rel="stylesheet" href="../css/prism.css">
-    <link rel="stylesheet" href="../../build/css/intlTelInput.css?1426268823984">
-    <link rel="stylesheet" href="../../build/css/demo.css?1426268823984">
+    <link rel="stylesheet" href="../../build/css/intlTelInput.css?1433496965848">
+    <link rel="stylesheet" href="../../build/css/demo.css?1433496965848">
 
-      <link rel="stylesheet" href="../css/countrySync.css?1426268823984">
+      <link rel="stylesheet" href="../css/countrySync.css?1433496965848">
 
 
     <!-- GOOGLE ANALYTICS -->
@@ -95,7 +95,7 @@ <h2>Result</h2>
 
     <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?1426268823984"></script>
-    <script src="../js/countrySync.js?1426268823984"></script>
+    <script src="../../build/js/intlTelInput.js?1433496965848"></script>
+    <script src="../js/countrySync.js?1433496965848"></script>
   </body>
 </html>
diff --git a/examples/gen/default-country-ip.html b/examples/gen/default-country-ip.html
@@ -4,8 +4,8 @@
     <meta charset="utf-8">
     <title>Example: Lookup user&#39;s country</title>
     <link rel="stylesheet" href="../css/prism.css">
-    <link rel="stylesheet" href="../../build/css/intlTelInput.css?1426268823984">
-    <link rel="stylesheet" href="../../build/css/demo.css?1426268823984">
+    <link rel="stylesheet" href="../../build/css/intlTelInput.css?1433496965848">
+    <link rel="stylesheet" href="../../build/css/demo.css?1433496965848">
 
 
     <!-- GOOGLE ANALYTICS -->
@@ -33,6 +33,12 @@ <h2>Markup</h2>
     <h2>Code</h2>
     <pre><code class="language-javascript">$(&quot;#phone&quot;).intlTelInput({
   defaultCountry: &quot;auto&quot;,
+  geoIpLookup: function(callback) {
+    $.get(&#39;http://ipinfo.io&#39;, function() {}, &quot;jsonp&quot;).always(function(resp) {
+      var countryCode = (resp &amp;&amp; resp.country) ? resp.country : &quot;&quot;;
+      callback(countryCode);
+    });
+  },
   utilsScript: &quot;../../lib/libphonenumber/build/utils.js&quot; // just for formatting/placeholders etc
 });</code></pre>
 
@@ -43,7 +49,7 @@ <h2>Result</h2>
 
     <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?1426268823984"></script>
-    <script src="../js/defaultCountryIp.js?1426268823984"></script>
+    <script src="../../build/js/intlTelInput.js?1433496965848"></script>
+    <script src="../js/defaultCountryIp.js?1433496965848"></script>
   </body>
 </html>
diff --git a/examples/gen/hidden-input.html b/examples/gen/hidden-input.html
@@ -4,8 +4,8 @@
     <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?1426268823984">
-    <link rel="stylesheet" href="../../build/css/demo.css?1426268823984">
+    <link rel="stylesheet" href="../../build/css/intlTelInput.css?1433496965848">
+    <link rel="stylesheet" href="../../build/css/demo.css?1433496965848">
 
 
     <!-- GOOGLE ANALYTICS -->
@@ -55,7 +55,7 @@ <h2>Result</h2>
 
     <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?1426268823984"></script>
-    <script src="../js/hiddenInput.js?1426268823984"></script>
+    <script src="../../build/js/intlTelInput.js?1433496965848"></script>
+    <script src="../js/hiddenInput.js?1433496965848"></script>
   </body>
 </html>
diff --git a/examples/gen/is-valid-number.html b/examples/gen/is-valid-number.html
@@ -4,10 +4,10 @@
     <meta charset="utf-8">
     <title>Example: Validation</title>
     <link rel="stylesheet" href="../css/prism.css">
-    <link rel="stylesheet" href="../../build/css/intlTelInput.css?1426268823984">
-    <link rel="stylesheet" href="../../build/css/demo.css?1426268823984">
+    <link rel="stylesheet" href="../../build/css/intlTelInput.css?1433496965848">
+    <link rel="stylesheet" href="../../build/css/demo.css?1433496965848">
 
-      <link rel="stylesheet" href="../css/isValidNumber.css?1426268823984">
+      <link rel="stylesheet" href="../css/isValidNumber.css?1433496965848">
 
 
     <!-- GOOGLE ANALYTICS -->
@@ -73,7 +73,7 @@ <h2>Result</h2>
 
     <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?1426268823984"></script>
-    <script src="../js/isValidNumber.js?1426268823984"></script>
+    <script src="../../build/js/intlTelInput.js?1433496965848"></script>
+    <script src="../js/isValidNumber.js?1433496965848"></script>
   </body>
 </html>
diff --git a/examples/gen/modify-country-data.html b/examples/gen/modify-country-data.html
@@ -4,8 +4,8 @@
     <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?1426268823984">
-    <link rel="stylesheet" href="../../build/css/demo.css?1426268823984">
+    <link rel="stylesheet" href="../../build/css/intlTelInput.css?1433496965848">
+    <link rel="stylesheet" href="../../build/css/demo.css?1433496965848">
 
 
     <!-- GOOGLE ANALYTICS -->
@@ -47,7 +47,7 @@ <h2>Result</h2>
 
     <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?1426268823984"></script>
-    <script src="../js/modifyCountryData.js?1426268823984"></script>
+    <script src="../../build/js/intlTelInput.js?1433496965848"></script>
+    <script src="../js/modifyCountryData.js?1433496965848"></script>
   </body>
 </html>
diff --git a/examples/gen/national-mode.html b/examples/gen/national-mode.html
@@ -4,8 +4,8 @@
     <meta charset="utf-8">
     <title>Example: National Mode</title>
     <link rel="stylesheet" href="../css/prism.css">
-    <link rel="stylesheet" href="../../build/css/intlTelInput.css?1426268823984">
-    <link rel="stylesheet" href="../../build/css/demo.css?1426268823984">
+    <link rel="stylesheet" href="../../build/css/intlTelInput.css?1433496965848">
+    <link rel="stylesheet" href="../../build/css/demo.css?1433496965848">
 
 
     <!-- GOOGLE ANALYTICS -->
@@ -58,7 +58,7 @@ <h2>Result</h2>
 
     <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?1426268823984"></script>
-    <script src="../js/nationalMode.js?1426268823984"></script>
+    <script src="../../build/js/intlTelInput.js?1433496965848"></script>
+    <script src="../js/nationalMode.js?1433496965848"></script>
   </body>
 </html>
diff --git a/examples/gen/only-countries-europe.html b/examples/gen/only-countries-europe.html
@@ -4,8 +4,8 @@
     <meta charset="utf-8">
     <title>Example: European countries</title>
     <link rel="stylesheet" href="../css/prism.css">
-    <link rel="stylesheet" href="../../build/css/intlTelInput.css?1426268823984">
-    <link rel="stylesheet" href="../../build/css/demo.css?1426268823984">
+    <link rel="stylesheet" href="../../build/css/intlTelInput.css?1433496965848">
+    <link rel="stylesheet" href="../../build/css/demo.css?1433496965848">
 
 
     <!-- GOOGLE ANALYTICS -->
@@ -46,7 +46,7 @@ <h2>Result</h2>
 
     <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?1426268823984"></script>
-    <script src="../js/onlyCountriesEurope.js?1426268823984"></script>
+    <script src="../../build/js/intlTelInput.js?1433496965848"></script>
+    <script src="../js/onlyCountriesEurope.js?1433496965848"></script>
   </body>
 </html>
diff --git a/examples/js/defaultCountryIp.js b/examples/js/defaultCountryIp.js
@@ -1,4 +1,10 @@
 $("#phone").intlTelInput({
   defaultCountry: "auto",
+  geoIpLookup: function(callback) {
+    $.get('http://ipinfo.io', function() {}, "jsonp").always(function(resp) {
+      var countryCode = (resp && resp.country) ? resp.country : "";
+      callback(countryCode);
+    });
+  },
   utilsScript: "../../lib/libphonenumber/build/utils.js" // just for formatting/placeholders etc
 });