CINXE.COM

<style> .word-area { width:100%; float:left; background-color: #f1f1f1; padding: 20px; } .word-area ul{ padding: 0px !important; } .word-area ul li{ float: left; margin-bottom:20px; } .word-area ul li a{ float: left; padding: 15px; border: 1px solid #dadada; } .word-area ul li img{ width:100%; } .word-area-all{ width:100%; float:left; padding: 12px 20px; background-color: #f1f1f1; padding: 20px; margin-top:20px; } .word-area-all ul{ padding: 0px !important; } .word-area-all ul li{ float: left; padding: 10px 0px; } .word-area-all ul li img{ width:100%; } .btn{ text-transform: uppercase; } .btn-success{ background: #3f9b02 !important; color: #fff !important; padding: 7px 30px !important; border-radius: 3px !important; } .btn-default{ background: #3f9b02 !important; color: #fff !important; padding: 7px 30px !important; border-radius: 3px !important; } .btn-check{ margin-top: 20px; } .modal-dialog{ max-width:auto !important; } .modal p{ margin-bottom:0px !important; padding-top: 15px; text-align:center; } .modal-footer{ border-top:0px; justify-content:center !important; } #correct_answer_attach { font-size: 25px; font-weight: 600; color: #3f9b02; } /* #wrong_answer_attach{ width:100% !important; float:left !important; } #wrong_answer_attach li{ float:left !important; } #wrong_answer_attach li img{ width: 80px !important; height: 80px !important; } */ </style> <style> @media print{ /* body {display:none;} */ } </style> <script> // document.addEventListener('contextmenu', event => event.preventDefault()); </script> <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Centre for Endangered Languages</title> <meta content="width=device-width, initial-scale=1.0" name="viewport"> <meta content="" name="keywords"> <meta content="" name="description">  <link href="img/favicon.png" rel="icon"> <link href="img/apple-touch-icon.png" rel="apple-touch-icon">  <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,700,700i|Montserrat:300,400,500,700" rel="stylesheet">  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.0/css/all.css" integrity="sha384-lKuwvrZot6UHsBSfcMvOkWwlCMgc0TaWr+30HWe3a4ltaBwTZhyTEggF5tJv8tbt" crossorigin="anonymous">   <link href="lib/bootstrap/css/bootstrap.min.css" rel="stylesheet">  <link href="lib/font-awesome/css/font-awesome.min.css" rel="stylesheet">  <link href="css/style.css" rel="stylesheet"> <link rel="stylesheet" href="css/owl.carousel.min.css"> <link rel="stylesheet" href="css/owl.theme.default.min.css"> <link rel="stylesheet" href="css/style2.css" /> <link rel="stylesheet" href="css/custom.css" /> <script type="text/javascript" src="js/modernizr.custom.79639.js"></script>  <link rel="stylesheet" href="css/style _gallery.css"> <link rel="stylesheet" href="css/jquerysctipttop.css">  <link rel="stylesheet" href="css/responsive.css">  <noscript> <link rel="stylesheet" type="text/css" href="css/styleNoJS.css" /> </noscript>    </head> <body>  <header id="header"> <div class="container"> <div class="head_top"> <div class="logo_warp"> <div class="logo float-left"> <a href="http://cfelvb.in" class="scrollto"><img src="img/logo.png" alt="" class="img-fluid"></a> </div> <div class="logo_text"> <h1>Centre for Endangered Languages, Visva-Bharati, Santiniketan</h1> <p>An Initiative of the University Grants Commission, New Delhi</p></p> </div> </div> <div class="language"> <form action="" method="POST" id="SelectLangFRM"> <select class="form-control" name="select_lang" onchange="this.form.submit();"> <option>Select Language</option> <option value="en_lang" selected >English</option> <option value="bn_lang" >Bengali</option> <option value="hn_lang" >Hindi</option> </select> </form> <ul class="header-nav"> <li> <a href="index.php">Home</a></li> <li> <a href="download.php">Download</a></li>   </ul> </div> </div> <div class=" head_menu "> <nav class="main-nav float-left d-none d-lg-block "> <ul>  <li class="active drop-down"><a href="about.php">About us</a> <ul> <li><a href="objective-of-cfel.php">Objective of CFEL</a></li>  <li><a href="mission.php">Mission</a></li> <li><a href="future-plan.php">Future plan </a></li> <li><a href="faculty-staff.php">Faculty & Staff</a></li> <li><a href="committees.php">Committees</a></li> <li><a href="academician-visits.php">Academician Visits </a></li> </ul> </li> <li class="drop-down"><a href="#">Research Network</a> <ul> <li><a href="universities-in-consortia.php">Universities in Consortia</a></li> <li><a href="other-govt-supported-group.php">Other Govt. Supported Group</a></li> <li><a href="linguistic-department.php">Linguistics Department </a></li> <li><a href="ngos.php">NGOs</a></li> <li><a href="forum.php">Forum </a></li> </ul> </li> <li class=""><a href="language_data_new.php">Languages</a>  </li> <li class="drop-down"><a href="#">Documentation </a> <ul> <li><a href="documentation-video.php">Video </a></li> <li><a href="documentation-sound.php">Sound </a></li> <li><a href="documentation-images.php">Images </a></li> <li><a href="bibliography.php">Bibliography</a></li> <li><a href="documentation-folktale.php">Folktale </a></li> <li><a href="map.php">Map</a></li> </ul> </li>  <li class="drop-down"><a href="#">Resource </a> <ul> <li><a href="resource-api.php">App </a></li>  <li><a href="resource-reports.php">Reports </a></li>  <li><a href="resource-lexicon.php">Lexicon </a></li> <li><a href="transliterate.php">Transliteration Tool </a></li> <li><a href="resource-publication.php">Publication </a></li> <li><a href="resource-font.php">Font </a></li> <li><a href="language-puzzle.php">Language puzzle </a></li> <li><a href="resource-useful-links.php">Useful links </a></li> </ul> </li> <li><a href="endangerment_alarm.php">Endangerment Alarm </a></li>  <li class="drop-down"><a href="#">Event </a> <ul> <li><a href="event-archive.php">Archive</a></li> <li><a href="event-upcoming.php">Upcoming </a></li> </ul> </li> <li class="drop-down"><a href="#">Announcement </a> <ul> <li><a href="announcement-notice.php">Notice </a></li> <li><a href="announcement-carrer.php">Career </a></li> <li><a href="announcement-result.php">Result </a></li> <li><a href="announcement-appeal.php">Appeal </a></li> </ul> </li> <li><a href="contact-us.php">Contact Us </a>  </li> </ul> </nav> </div>  </div> </header>  <main id="main "> <nav aria-label="breadcrumb" class="breadcrumb-bg"> <div class="container"> <ol class="breadcrumb"> <li class="breadcrumb-item"><a href="https://cfelvb.in"> Home </a></li> <li class="breadcrumb-item"><a href="#"> Resource </a></li> <li class="breadcrumb-item active" aria-current="page"> Language puzzle </li> </ol> </div> </nav>  <section id="about_inner" class="about_innerpage"> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="bhys2"> <h2> Language<span> Puzzle</span> </h2> <div class="cms_content">  <div class="word-area"> <h3>Question :</h3> <ul> <li id="disableanchor_1663"> <a href="javascript:void(0)" onclick="return GetChooseImage('1610187692-ha.png','1663')"> <img src="uploads/images/1610187692-ha.png" alt="a" style="width: 160px; height: 110px;"> </a> </li> <li id="disableanchor_1665"> <a href="javascript:void(0)" onclick="return GetChooseImage('1610187692-r.png','1665')"> <img src="uploads/images/1610187692-r.png" alt="a" style="width: 160px; height: 110px;"> </a> </li> <li id="disableanchor_1664"> <a href="javascript:void(0)" onclick="return GetChooseImage('1610187692-pa.png','1664')"> <img src="uploads/images/1610187692-pa.png" alt="a" style="width: 160px; height: 110px;"> </a> </li> </ul> </div> <input type="hidden" id="get_answer_order_1" name=id="get_answer_order_1" value="1664"><input type="hidden" id="get_answer_order_2" name=id="get_answer_order_2" value="1663"><input type="hidden" id="get_answer_order_3" name=id="get_answer_order_3" value="1665">   <input type="hidden" name="total_option" id="total_option" value="3"> <div class="word-area-all"> <h3>Answer :</h3> <ul id="answer_attach"> </ul> </div> <a id="prev" class="btn btn-success btn-check" onclick="ResultCheck()">Check</a> </div> </div> </div> </div> </section> </main> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>   <div class="modal fade" id="correctAnsModal" role="dialog"> <div class="modal-dialog modal-dialog-centered">  <div class="modal-content"> <div class="modal-body text-center"> <img src="img/check-mark.png" alt="check-mark"/> <p id="correct_answer_attach"> পাহাড় </p> <p id="success">Your answer is correct.</p> </div> <div class="modal-footer"> <button href="language-puzzle.php?type=word" class="btn btn-default" onclick=";window.location.href=this.getAttribute('href');return false;">Ok</button> </div> </div> </div> </div>  <div class="modal fade" id="wrongAnsModal" role="dialog"> <div class="modal-dialog modal-dialog-centered" style="max-width:auto;">  <div class="modal-content"> <div class="modal-body text-center"> <img src="img/uncheck-mark.png" alt="uncheck-mark"/> <ul id="wrong_answer_attach"> </ul> <p id="error">Your answer is wrong.</p> </div> <div class="modal-footer"> <button href="language-puzzle.php?type=word" class="btn btn-default" onclick=";window.location.href=this.getAttribute('href');return false;">Ok</button> </div> </div> </div> </div>   <footer id="footer "> <div class="footer-top "> <div class="container "> <div class="row "> <div class="col-md-4 footer-links "> <ul> <li><a href="fieldwork.php">Field Work </a></li> <li><a href="success-story.php">Success Story</a></li> <li><a href="inspiration.php">Inspiration</a></li>  <div class="powr-hit-counter" id="2483d6a7_1700137672" style="display: none"></div><script src="https://www.powr.io/powr.js?platform=html"></script> </ul> </div> <div class="col-md-4 footer-links hv1c"> <ul> <li><a href="announcement-carrer.php">Career</a></li> <li><a href="event-upcoming.php">Event</a></li> <li><a href="download.php">Download</a></li> </ul> </div> <div class="col-md-4 footer-contact"> <h4>Address</h4> <h3>Centre for Endangered Languages (CFEL),</h3> <p>Visva-Bharati, Santiniketan, </br>District: Birbhum, West Bengal, </br>India. PIN: 731235<br/>E-mail I.D.: cfelvbweb@gmail.com </p> </div> </div> </div> <div class="bottm_footer"> <div class="lef_t"> <p>©2024 CENTRE FOR ENDANGERED LANGUAGES. All Rights Reserved.</p> </div> <div class="coun_tor">   <p>  <script type="text/javascript" src="//counter.websiteout.net/js/27/0/1343754/1"></script> </p> <p style="padding-bottom:5px;">Visitors</p> </div> <div class="righ_t"> <p>Developed & Maintained : <a href="https://webstep.in/" target="_blank">Webstep Technologies Private Limited</a></p> </div> </div> </div> </footer> <div id="lightbox" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true"> <div class="modal-dialog"> <button type="button" class="close hidden" data-dismiss="modal" aria-hidden="true">×</button> <div class="modal-content"> <div class="modal-body"> <img src="" alt="" /> </div> </div> </div> </div>  <a href="# " class="back-to-top "><i class="fa fa-chevron-up "></i></a>    <script src="lib/jquery/jquery.min.js "></script> <script src="lib/bootstrap/js/bootstrap.bundle.min.js "></script> <script src="lib/mobile-nav/mobile-nav.js "></script> <script src="lib/easing/easing.min.js "></script>  <script src="js/main.js "></script> <script> $(document).ready(function() { $('.owl-carousel').owlCarousel({ loop: true, margin: 10, autoplay:true, responsiveClass: true, responsive: { 0: { items: 1, nav: true }, 600: { items: 3, nav: false }, 1000: { items: 5, nav: true, loop: false, margin: 20 } } }) }) </script> <script> $(document).ready(function() { var $lightbox = $('#lightbox'); $('[data-target="#lightbox"]').on('click', function(event) { var $img = $(this).find('img'), src = $img.attr('src'), alt = $img.attr('alt'), css = { 'maxWidth': $(window).width() - 100, 'maxHeight': $(window).height() - 100 }; $lightbox.find('.close').addClass('hidden'); $lightbox.find('img').attr('src', src); $lightbox.find('img').attr('alt', alt); $lightbox.find('img').css(css); }); $lightbox.on('shown.bs.modal', function(e) { var $img = $lightbox.find('img'); $lightbox.find('.modal-dialog').css({ 'width': $img.width() }); $lightbox.find('.close').removeClass('hidden'); }); }); </script>   <script src="js/owl.carousel.js"></script> <script type="text/javascript" src="js/jquery.vticker-min.js"></script> <script type="text/javascript"> $(function() { $('#news-container1').vTicker({ speed: 700, pause: 4000, animation: 'fade', mousePause: false, showItems: 5 }); }); </script> <script type="text/javascript" src="js/jquery.ba-cond.min.js"></script> <script type="text/javascript" src="js/jquery.slitslider.js"></script> <script type="text/javascript"> $(function() { var Page = (function() { var $navArrows = $('#nav-arrows'), $nav = $('#nav-dots > span'), slitslider = $('#slider').slitslider({ onBeforeChange: function(slide, pos) { $nav.removeClass('nav-dot-current'); $nav.eq(pos).addClass('nav-dot-current'); } }), init = function() { initEvents(); }, initEvents = function() { // add navigation events $navArrows.children(':last').on('click', function() { slitslider.next(); return false; }); $navArrows.children(':first').on('click', function() { slitslider.previous(); return false; }); $nav.each(function(i) { $(this).on('click', function(event) { var $dot = $(this); if (!slitslider.isActive()) { $nav.removeClass('nav-dot-current'); $dot.addClass('nav-dot-current'); } slitslider.jump(i + 1); return false; }); }); }; return { init: init }; })(); Page.init(); /** * Notes: * * example how to add items: */ /* var $items = $('<div class="sl-slide sl-slide-color-2" data-orientation="horizontal" data-slice1-rotation="-5" data-slice2-rotation="10" data-slice1-scale="2" data-slice2-scale="1"><div class="sl-slide-inner bg-1"><div class="sl-deco" data-icon="t"></div><h2>some text</h2><blockquote><p>bla bla</p><cite>Margi Clarke</cite></blockquote></div></div>'); // call the plugin's add method ss.add($items); */ }); </script>    <script type="text/javascript" src="js/jquery.elastislide.js"></script> <script type="text/javascript"> // example how to integrate with a previewer var current = 0, $preview = $('#preview'), $carouselEl = $('#carousel'), $carouselItems = $carouselEl.children(), carousel = $carouselEl.elastislide({ current: current, minItems: 4, onClick: function(el, pos, evt) { changeImage(el, pos); evt.preventDefault(); }, onReady: function() { changeImage($carouselItems.eq(current), current); } }); function changeImage(el, pos) { $preview.attr('src', el.data('preview')); $carouselItems.removeClass('current-img'); el.addClass('current-img'); carousel.setCurrent(pos); } </script>  <script src="js/jquery-ui.min.js" defer></script> <script src="js/lightbox.js" defer></script> <script type="text/javascript"> $(function() { $('#WS-LiSli').WS_lightbox_free({ 'enable': ['close', 'arrows'], buttons: { size: 40, style: 'square', // ( default, square, circle, rounded ) color: 'black', color_icon: 'white', border_width: 0, border_color: '', opacity: .5, hover_opacity: 1 }, arrows: { position: 'attached', // ( inside, outside, attached ) style: 'svelt', // (default, square, circle, rounded, svelt) icon_style: 'angle', // (default, caret, angle, chevron) icon_size: 20, opacity: .5, hover_effect: 'shrink', // (zoom, shrink, translate) hover_opacity: .8 }, image: { border_radius: 0, border_color: '', border_width: 0, bg: 'none' }, background: { filter: 'image', opacity: .5 }, display_velocity: 'low', slide_velocity: 'fast' }); }); </script>   <script async src="https://www.googletagmanager.com/gtag/js?id=UA-180989129-1"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-180989129-1'); </script>  <script> var choose_answer = []; var correct_answer = []; var getans =''; $(document).ready(function() { var total_option = $("#total_option").val(); //alert(total_option); for (i = 1; i <= total_option; i++){ var getans = $("#get_answer_order_"+i).val(); correct_answer.push(parseInt(getans)); } //console.log(correct_answer); }); function GetChooseImage(img,imgID) { //alert(img); //alert(imgID); $('#disableanchor_'+imgID).css("display","none"); $("#answer_attach").append('<li id="remove_frm_ans'+imgID+'"><a href="javascript:void(0)" onclick="RemoveFromAnserList('+imgID+')"><img src="https://cfelvb.in/uploads/images/'+img+'" style="width: 160px;height: 110px;"></a></li>'); //$("#correct_answer_attach").append('<li id="correct_remove_frm_ans'+imgID+'"><a href="javascript:void(0)" onclick="RemoveFromAnserList('+imgID+')"><img src="https://cfelvb.in/uploads/images/'+img+'" style="width: 160px;height: 110px;"></a></li>'); //$("#wrong_answer_attach").append('<li id="wrong_remove_frm_ans'+imgID+'"><a href="javascript:void(0)" onclick="RemoveFromAnserList('+imgID+')"><img src="https://cfelvb.in/uploads/images/'+img+'" style="width: 160px;height: 110px;"></a></li>'); //var result = imgID.replace(/ /g, ""); //var result = $.trim(imgID); //choose_answer.push($.trim(imgID)); choose_answer.push(parseInt(imgID)); //console.log(choose_answer); } function RemoveFromAnserList(imgid) { $('#remove_frm_ans'+imgid).remove(); //$('#correct_remove_frm_ans'+imgid).remove(); //$('#wrong_remove_frm_ans'+imgid).remove(); $('#disableanchor_'+imgid).css("display","block"); var idx = $.inArray(imgid, choose_answer); choose_answer.splice(idx, 1); //console.log(choose_answer); } function ResultCheck() { //alert("hii"); var get_choose_answer = choose_answer; //console.log(correct_answer); //console.log(get_choose_answer); var is_same = correct_answer.length == get_choose_answer.length && correct_answer.every(function(element, index) { return element === get_choose_answer[index]; }); if(is_same == true) { //$('#myanswercorrectModal').modal("show"); $('#correctAnsModal').modal("show"); //$("#myanswercorrectModal").modal('show'); //alert("Answer is correct"); } else{ $('#wrongAnsModal').modal("show"); //alert("Answer is wrong"); } //alert("hii"); console.log(is_same); } </script>  </body> </html>