JavaScript function is not defined in laravel

Question

This is my script containing the function which is not defined as per error stated.

 @section('script')
    <script src="{{ asset('datatable/jquery.dataTables.min.js')}}"></script>
    <script src="{{ asset('datatable/datatables.bootstrap4.min.js')}}"></script>
    <script type="text/javascript">
    function NewCategory(id = 0, type = "add") 
    {
        if (type == "add") {
            var url = "{{url('admin/categories/create')}}";
        } else {
            var url = "{{url('/admin/categories')}}" + "/" + id + "/edit";
        }  
        $("#myModalContenct").load(url, function(response, status, xhr) {
            if (status == "error") {
                var msg = "Sorry but there was an error: "; 
                ErrorAlert(msg + xhr.status + " " + xhr.statusText)
            } else { 
                $('#CategoryForm').submit(function(event) {
                    event.preventDefault();
                    SaveCategory();
                });
                $("#modal").modal("show");
            } 
        });
    }

here I called the function

    <button class="btn btn-sm btn-primary" onclick="NewCategory()">
        <i class="fas fa-plus-circle mr-2"></i>
        Add New Category
    </button>

I am getting this error

categories:150 Uncaught ReferenceError: NewCategory is not defined at HTMLButtonElement.onclick (categories:150)

please put here route file code

Paras Raiyani
– Paras Raiyani

2019-12-16 08:34:00 +00:00
Commented Dec 16, 2019 at 8:34 — Paras Raiyani
– Paras Raiyani, Commented Dec 16, 2019 at 8:34
Can you show us the whole blade file?

Presmelito
– Presmelito

2019-12-16 08:46:08 +00:00
Commented Dec 16, 2019 at 8:46 — Presmelito
– Presmelito, Commented Dec 16, 2019 at 8:46
the whole blade code cannot be added...

Rohullah Khalid
– Rohullah Khalid

2019-12-16 09:09:13 +00:00
Commented Dec 16, 2019 at 9:09 — Rohullah Khalid
– Rohullah Khalid, Commented Dec 16, 2019 at 9:09
on chrome if you CTRL+ U did you see javascript?

Goran Siriev
– Goran Siriev

2019-12-16 11:27:50 +00:00
Commented Dec 16, 2019 at 11:27 — Goran Siriev
– Goran Siriev, Commented Dec 16, 2019 at 11:27
no. not any javascript code there...

Rohullah Khalid
– Rohullah Khalid

2019-12-17 11:10:39 +00:00
Commented Dec 17, 2019 at 11:10 — Rohullah Khalid
– Rohullah Khalid, Commented Dec 17, 2019 at 11:10

Goran Siriev · Accepted Answer · 2019-12-16 11:34:51Z

1

on app.blade make

@yield('script2')

and use

@section('script2')
<script>
//CODE
</script>
@endsection

I think you use @section('script') twice

answered Dec 16, 2019 at 11:34

Goran Siriev

7038 silver badges18 bronze badges

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

Comments

Rohullah Khalid · Accepted Answer · 2019-12-17 11:13:20Z

0

Found the solution... by removing @section('script') from the beginning of javascript and @stop from the end of javascript, It worked....

edited Dec 17, 2019 at 11:13

answered Dec 16, 2019 at 8:51

Rohullah Khalid

12 bronze badges

Collectives™ on Stack Overflow

JavaScript function is not defined in laravel

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related