EVOLUTION-NINJA
Edit File: courses.php
<?php echo view('includes/header.php'); ?> <link rel="stylesheet" type="text/css" href="<?php echo base_url('public/assets/website_assets/css/innerpage.css'); ?>" /> <section class="courses_middlework"> <div class="container-fluid"> <div class=""> <?php echo view('includes/courses_left_side_menu.php'); ?> </div><!-- col-lg-4----> <div class=""> <div class="courses_middlework_right_side" style="border-radius: 10px; background-color: #F6FBE9;"> </div><!-- Right side ----> </div><!-- col-lg-8----> </div><!-- container----> </section> <?php echo view('includes/footer.php'); ?> <script type="text/javascript"> domains(); function domains() { var type = 'get'; $.ajax({ type: type, url: "<?php echo site_url('get_all_domains'); ?>", dataType: 'json', // Specify that the response is JSON success: function(response) { console.log(response); if (response.result == 1) { var fields = ""; var i = 0; fields += '<ul class="nav navbar-nav">'; $.each(response.message, function(key, val) { var vals = i; fields += '<li class="dropdown-submenu">'; fields += '<a href="#" class="dropdown-toggle" data-toggle="dropdown" onmouseover="fun_sub_domain(' + val.domain_id + ',' + i + ');"> ' + val.domain_name + ' <span class="arrow"></span></a>'; fields += '<ul class="dropdown-menu leftsidemenu_bar sub_domains' + i + '">'; fields += '</ul>'; fields += '</li>'; i = i + 1; }); fields += '</ul>'; $('.domains_list').html(fields); } else { // ... Your error handling logic } }, error: function(xhr, status, error) { console.log("Error:", error); // Log any error details // ... Your error handling logic } }); } function fun_sub_domain(id, y) { var type = 'post'; $.ajax({ type: type, url: "<?php echo site_url('get_all_subdomains'); ?>", data: { id: id }, success: function(response) { // response=jQuery.parseJSON(response); console.log(response); if (response.result == 1) { var sub_fields = ""; $.each(response.message, function(key, val) { sub_fields += '<li><a href="<?php echo site_url('subject-wise-courses'); ?>/' + val.sub_domain_id + '">' + val.sub_domain + '</a></li>'; }); $('.sub_domains' + y + '').html(sub_fields); } else { $('.sub_domains' + y + '').remove(); } } }); } </script> <script type="text/javascript"> add_courses(); function add_courses() { $.ajax({ url: "<?php echo site_url('get_all_courses') ?>", type: "POST", async: false, success: function(response) { // response = jQuery.parseJSON(response); console.log(response); if (response == "") { } else { var fields = ''; $.each(response.message, function(idx, vx) { var length = (vx.course_count).length; if (vx.course != "") { fields += '<div class="row co-ri 1 Development">'; if (length > 4) { fields += '<h4 style="font-weight: bold;">Popular in ' + vx.domain_name + ' <a href="<?php echo site_url('view-category-courses'); ?>/' + vx.domain_id + '" class="papulor"> View All > </a></h4>'; } else { fields += '<h4 style="font-weight: bold;">Popular in ' + vx.domain_name + '</h4>'; } $.each(vx.course, function(idy, vy) { var total_enrolled = vy.total_enrolled; if (total_enrolled >= 1000 && total_enrolled <= 99999) { total_enrolled = (total_enrolled / 1000); total_enrolled = total_enrolled + 'K'; } else if (total_enrolled >= 100000 && total_enrolled <= 999999) { total_enrolled = (total_enrolled / 100000); total_enrolled = total_enrolled + 'L'; } else if (total_enrolled >= 1000000) { total_enrolled = (total_enrolled / 1000000); total_enrolled = total_enrolled + 'M'; } else { total_enrolled = vy.total_enrolled; } fields += '<div class="col-sm-6 col-md-3 col-lg-3 course_box-main" style="width:15%;" id="click_course" course_id=' + vy.course_id + '>'; fields += '<a href="<?php echo site_url('CoursesDetails'); ?>/' + vy.course_id + '">'; fields += '<div class="rightside_course_box" style="border-radius: 5px; background-color: white;">'; fields += '<div class="rightside_course_box_img" style="border-radius: 5px;">'; fields += '<img src="<?php echo site_url('public/course_images'); ?>/' + vy.course_image + '" class="img-responsive center-block">'; fields += '</div>'; fields += '<div class="rightside_course_box_text">'; fields += '<div class="co_main_headding">'; fields += '<p><strong>' + vy.course_title + '</strong></p>'; fields += '</div>'; fields += '<div class="co_main_headding_subtext">'; fields += ' <p>' + vy.sub_domains + '</p>'; fields += '</div>'; fields += '</div>'; fields += '</div>'; fields += '</a>'; fields += '</div>'; }); fields += '</div>'; } }); $('.courses_middlework_right_side').append(fields); } } }); } $(document).on('click', '#click_course', function() { var course_id = $(this).attr('course_id'); $.ajax({ url: "<?php echo site_url('add_clicks') ?>", type: "POST", data: { course_id: course_id }, success: function(response) { // response=jQuery.parseJSON(response); console.log(response); } }); }); </script> <style type="text/css"> .btn { padding: 3px 8px !important; margin-top: 6px; border-radius: 2px !important; } .addcor { padding-left: 0 !important; } .detailss { float: right; padding-left: 39px; } .co-ri{ padding-top: 25px; padding-bottom: 25px; border-bottom: 2px dashed #468662; } </style>