How to use javascript in CI

Question

I want to code this view of CI, How do I write the js and call it in CI? Here is the code:

<script type="text/javascript" src="<?php base_url() ?>/assets/js/jquery.js"></script>
    <script type="text/javascript" src="<?php base_url() ?>/assets/js/qrcodelib.js"></script>
    <script type="text/javascript" src="<?php base_url() ?>/assets/js/webcodecamjquery.js"></script>

    <script type="text/javascript">
        var arg = {
            resultFunction: function(result) {
                $('#as').append($("<input hidden='text' name='code' id='road' value='" + result.code + "'><br><label>QR Code Berhasil Discan, Silahkan Klik Allow / Berbagi data lokasi</label><br>"));
                var x = document.getElementById("ar");
                if (navigator.geolocation) {
                    navigator.geolocation.watchPosition(showPosition);
                  } else { 
                    x.innerHTML = "Geolocation is not supported by this browser.";
                  }
                  function showPosition(position) {
                    x.innerHTML="<input hidden='text' name='lat' value='" + position.coords.latitude + 
                    "'><input hidden='text' name='long' value='" + position.coords.longitude + "'><label>Lokasi Telah didapatkan, silahkan Klik Submit</label>";
                }
            }
        };
        $("canvas").WebCodeCamJQuery(arg).data().plugin_WebCodeCamJQuery.play();            
    </script>

ChandraShekar · Accepted Answer · 2019-12-19 07:32:12Z

1

you can create a custom js file, add your js code in to that file. and include new js file in your CI view.

 <script type="text/javascript" src="<?php base_url() ?>/assets/js/jquery.js"></script>
 <script type="text/javascript" src="<?php base_url() ?>/assets/js/qrcodelib.js"></script>
 <script type="text/javascript" src="<?php base_url() ?>/assets/js/webcodecamjquery.js"></script>
 <script type="text/javascript" src="<?php base_url() ?>/assets/js/custJs.js"></script>

Take new file and name is as custJs.js, and add below code in custJs.js file

  var arg = {
        resultFunction: function(result) {
            $('#as').append($("<input hidden='text' name='code' id='road' value='" + result.code + "'><br><label>QR Code Berhasil Discan, Silahkan Klik Allow / Berbagi data lokasi</label><br>"));
            var x = document.getElementById("ar");
            if (navigator.geolocation) {
                navigator.geolocation.watchPosition(showPosition);
              } else { 
                x.innerHTML = "Geolocation is not supported by this browser.";
              }
              function showPosition(position) {
                x.innerHTML="<input hidden='text' name='lat' value='" + position.coords.latitude + 
                "'><input hidden='text' name='long' value='" + position.coords.longitude + "'><label>Lokasi Telah didapatkan, silahkan Klik Submit</label>";
            }
        }
    };
    $("canvas").WebCodeCamJQuery(arg).data().plugin_WebCodeCamJQuery.play();

answered Dec 19, 2019 at 7:32

ChandraShekar

3865 silver badges12 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Bi Bear Program Over a year ago

Its Work, Thanks Pals

Vickel Over a year ago

@BiBearProgram On Stack Exchange sites the way to say thank you is to upvote helpful answers and accept the most helpful by clicking the tick mark on the left. You're free to switch later when a better answer comes along.

Bi Bear Program Over a year ago

Ok, Done. Sorry i newbie here :)

Collectives™ on Stack Overflow

How to use javascript in CI

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related