source: spip-zone/_plugins_/libphonenumber/demo/libphonenumber_demo.html @ 118089

Last change on this file since 118089 was 118089, checked in by toutati@…, 12 months ago

premier depot du plugin libphonenumber_demo

File size: 2.8 KB
Line 
1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2[(#REM) Cf.: http://paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/
3]<!--[if lt IE 7 ]> <html dir="#LANG_DIR" lang="#LANG" xmlns="http://www.w3.org/1999/xhtml" xml:lang="#LANG" class="[(#LANG_DIR)][ (#LANG)] no-js ie ie6"> <![endif]-->
4<!--[if IE 7 ]> <html dir="#LANG_DIR" lang="#LANG" xmlns="http://www.w3.org/1999/xhtml" xml:lang="#LANG" class="[(#LANG_DIR)][ (#LANG)] no-js ie ie7"> <![endif]-->
5<!--[if IE 8 ]> <html dir="#LANG_DIR" lang="#LANG" xmlns="http://www.w3.org/1999/xhtml" xml:lang="#LANG" class="[(#LANG_DIR)][ (#LANG)] no-js ie ie8"> <![endif]-->
6<!--[if IE 9 ]> <html dir="#LANG_DIR" lang="#LANG" xmlns="http://www.w3.org/1999/xhtml" xml:lang="#LANG" class="[(#LANG_DIR)][ (#LANG)] no-js ie ie9"> <![endif]-->
7<!--[if (gt IE 9)|!(IE)]><!--> <html dir="#LANG_DIR" lang="#LANG" xmlns="http://www.w3.org/1999/xhtml" xml:lang="#LANG" class="[(#LANG_DIR)][ (#LANG)] no-js"> <!--<![endif]-->
8<head>
9[(#REM) Page de démo accessible sous /?page=demo/libphonenumber_demo ]
10        <script type='text/javascript'>/*<![CDATA[*/(function(H){H.className=H.className.replace(/\bno-js\b/,'js')})(document.documentElement);/*]]>*/</script>
11        <title>[(#NOM_SITE_SPIP|textebrut)][ - (#SLOGAN_SITE_SPIP|textebrut)]</title>
12        [<meta name="description" content="(#DESCRIPTIF_SITE_SPIP|couper{150}|attribut_html)" />]
13        <INCLURE{fond=inclure/head} />
14        <style type="text/css">
15        .page{text-align:center; margin-top:10em}
16        .libphonenumber{margin:0 auto; width:800px; text-align:left;}
17        .reponse_formulaire_erreur{color:red}
18        .editer_force_telephone{display:none}
19        </style>
20       
21        <script>
22        (function($) {
23                       
24                //fonction de vérification ajax pour le téléphone
25                var verifajax_phone = function() {
26                                                       
27                        //a la modification de l'input, vérification en ajax
28                        $('body').on('keyup', '#champ_telephone', function(event){
29                                        // ne pas propager l'evenement javascript
30                                        event.preventDefault();
31                                       
32                                        if($(this).val().length > 6){
33                                               
34                                                var valphone = $(this).val();
35                                                var pays = $('#champ_pays').val();
36                                               
37                                                var request = $.ajax({
38                                                                method: "POST",
39                                                                url: "#URL_PAGE{ajaxphone}",
40                                                                data: {"phone":valphone, "pays":pays},
41                                                                dataType: "html"
42                                                });
43                                               
44                                                request.done(function( msg ) {
45                                                                $('#verifone').html( msg );
46                                                                $("div.editer_force_telephone").show(300);
47                                                });
48                                               
49                                        };
50                                       
51                                        return false;
52                        });
53                       
54                };
55               
56                $(function(){
57                        verifajax_phone();
58                        onAjaxLoad(verifajax_phone);
59                });
60       
61})(jQuery);             
62</script>
63
64</head>
65
66<body>
67<div class="page">
68<div class="libphonenumber">
69
70<div><h2><:libphonenumber:entrer_un_numero:></h2></div>
71<div class="ajax">#FORMULAIRE_LIBPHONENUMBER</div>
72
73</div>
74</div><!--.page-->
75</body>
76</html>
Note: See TracBrowser for help on using the repository browser.