mardi 5 mars 2019

How to add live search funciton into Laravel

I have Japan postal zip code live search funciton. It works at my xampp. I tried to add this into Laravel app but the search doesn't work.

Here is my whole code which works at XAMPP.

https://jsfiddle.net/blueink/rnsftzg8/

<script type="text/javascript" src="//code.jquery.com/jquery-2.1.0.min.js"></script>
<script type="text/javascript" src="//jpostal-1006.appspot.com/jquery.jpostal.js"></script>
<script type="text/javascript">
$(window).ready( function() {
    $('#postcode').jpostal({
        postcode : [
            '#postcode1'            
        ],
        address : {
            '#address1'  : '%3',
            '#address2'  : '%4',
            '#address3'  : '%5',
            '#address1_kana'  : '%8',
            '#address2_kana'  : '%9',
            '#address3_kana'  : '%10'
        },
        trigger : {
            '#address1_kana'  : true,
            '#address2_kana'  : true,
            '#address3_kana'  : false
        }
    });

    $("#address1_kana").on("change", function() {
        var val = $("#address1_kana").val();
        val = "onchange_" + val;
        $("#address1_kana_onchange").val(val);
    });

    $("#address2_kana").on("change", function() {
        var val = $("#address2_kana").val();
        val = "onchange_" + val;
        $("#address2_kana_onchange").val(val);
    });

    $("#address3_kana").on("change", function() {
        var val = $("#address3_kana").val();
        val = "onchange_" + val;
        $("#address3_kana_onchange").val(val);
    });
});
</script>

What I tried is ... First I save all js into public/js folder but it didn't work. so I simple save js file app.blade.php which is header. then I save html code into index.blade.php.

I'm wondering why it works at xampp only? Could you teach me what I missing please?



via Chebli Mohamed

Aucun commentaire:

Enregistrer un commentaire