Little Fox - Animated Stories for English Learners (2024)

'; } levelList += '

즐겨찾기

'; levelList += ''; levelList += ''; // 이미지 타입의 html 세팅 levelImageList += '

'; levelImageList += '

'; levelImageList += ''; levelImageList += '

'; levelImageList += '즐겨찾기'; levelImageList += '

'; levelImageList += '

' + item.level + '

'; levelImageList += '

'; levelImageList += '

' + contentsCnt + ReadersMain.lang.story; if (item.fs_intro_yn == 'Y') { levelImageList += ''; } levelImageList += '

'; levelImageList += '

'; prevLevel = item.level; contCnt = contCnt + contentsCnt; } else { zeroCnt ++; } }); this.levelList = levelList; this.levelImageList = levelImageList; this.title.level.name = 'All Stories'; this.title.level.seriesCnt = this.readers['readers_level_list'].length - zeroCnt; this.title.level.contentsSumCnt = contCnt; }, // 단계별 보기 생성된 목록 활성화 activeLevelList: function (){ this.topLevelTab.style.display = 'flex'; if (this.listViewType == 'list') { this.readersList.innerHTML = this.levelList; this.readersList.parentElement.classList.remove('level-list'); } else { this.readersList.innerHTML = this.levelImageList; this.readersList.parentElement.classList.add('level-list'); } this.loadCookieType(); this.setTtitleInfo(); this.activeLevelBtn(); favor_load(); }, // 주제별 보기 동화 목록 생성 loadTopicList: function (){ var topics = Object.keys(this.readers['readers_topic_list']); var list = []; var imageList = []; var info = []; for (var i = 0; i < topics.length; i ++) { var srv = this.readers['readers_topic_list'][topics[i]]; var contCnt = 0; var seriesCnt = 0; var zeroCnt = 0; list[topics[i]] = ''; imageList[topics[i]] = ''; srv.forEach(function (item){ var contentsCnt = (item.contents_cnt) ? parseInt(item.contents_cnt) : 0; if (item.srv_sub_div == 'STP03') { var imgUrl = 'https://img.littlefox.com/static/contents/series/' + item.fs_id + '/featured.jpg?202403271003'; } else { var imgUrl = 'https://img.littlefox.com/static/contents/topic/' + item.srv_sub_id + '/featured.jpg?202403271003'; } if (contentsCnt > 0) { list[topics[i]] += '

'; if (item.srv_sub_div == 'STP03' && item.fs_intro_yn == 'Y') { list[topics[i]] += '

'; list[topics[i]] += ''; list[topics[i]] += '

'; } if (item.srv_sub_div == 'STP03') { list[topics[i]] += '

즐겨찾기

'; } list[topics[i]] += '

'; list[topics[i]] += '

'; list[topics[i]] += ''; list[topics[i]] += '

' + item.level_code_name + '

'; list[topics[i]] += '

'; list[topics[i]] += '

'; list[topics[i]] += '

'; list[topics[i]] += '

' + (((item.srv_sub_div == 'STP01') ? item.srv_name_us : item.fs_v_name)) + '

'; list[topics[i]] += '

'; list[topics[i]] += '

' + ((item.srv_summ_desc) ? item.srv_summ_desc : item.srv_summ_desc_us) + ' (' + (parseInt(item.contents_cnt)) + ReadersMain.lang.story + ')

'; list[topics[i]] += '

'; list[topics[i]] += '

'; list[topics[i]] += '

'; // 이미지 타입의 html 세팅 imageList[topics[i]] += '

'; imageList[topics[i]] += '

'; imageList[topics[i]] += ''; if (item.srv_sub_div == 'STP03') { imageList[topics[i]] += '

'; imageList[topics[i]] += '즐겨찾기'; imageList[topics[i]] += '

'; } imageList[topics[i]] += '

' + (((item.srv_sub_div == 'STP01') ? item.level_code_name : item.level_code)) + '

'; imageList[topics[i]] += '

'; imageList[topics[i]] += '

' + contentsCnt + ReadersMain.lang.story; if (item.fs_intro_yn == 'Y') { imageList[topics[i]] += ''; } imageList[topics[i]] += '

'; imageList[topics[i]] += '

'; contCnt = contCnt + contentsCnt; seriesCnt = (item.srv_sub_div == 'STP03') ? seriesCnt + 1 : seriesCnt; } else { zeroCnt ++; } }); var mainTopicKey = ReadersMain.readers.readers_main_topic.find(function (obj) { return obj.srv_id === topics[i]; }); info[topics[i]] = { name: mainTopicKey.srv_name, seriesCnt: seriesCnt - zeroCnt, contentsSumCnt: contCnt, }; } this.title.topic = info; this.topicList = list; this.topicImageList = imageList; }, // 주제별 보기 생성된 목록 활성화 activeTopicList: function (){ this.topLevelTab.style.display = 'none'; if (this.listViewType == 'list') { this.readersList.innerHTML = this.topicList[this.activeMainSrvId]; this.readersList.parentElement.classList.remove('level-list'); } else { this.readersList.innerHTML = this.topicImageList[this.activeMainSrvId]; this.readersList.parentElement.classList.add('level-list'); } this.loadCookieType(); this.setTtitleInfo(); favor_load(); }, setTtitleInfo: function (){ if (this.viewType == 'level') { this.titleArea.innerHTML = '

' + this.title.level.name + '(' + this.title.level.seriesCnt + ReadersMain.lang.ea + ' / ' + this.title.level.contentsSumCnt + ReadersMain.lang.story + ')

'; } else { this.titleArea.innerHTML = '' + '

' + this.title.topic[this.activeMainSrvId].name + '(' + this.title.topic[this.activeMainSrvId].seriesCnt + ReadersMain.lang.ea + ' / ' + this.title.topic[this.activeMainSrvId].contentsSumCnt + ReadersMain.lang.story + ')

'; } }, // 단계별 동화 > 단계 버튼 클릭 프로세스 clickLevel: function (idx){ if (this.activeLevelNum !== idx) { //$.cookie('readers_active_level', idx, {expires: (365)}); this.activeLevelNum = idx; this.activeLevelBtn(); } }, // 단계별 동화 > 단계 버튼 활성화 activeLevelBtn: function (obj){ document.querySelectorAll(".readers-renew .step-num").forEach(function(item, index) { if (index + 1 == ReadersMain.activeLevelNum) { item.classList.add("on"); item.children[0].click(); } else { item.classList.remove("on"); } }); if (this.activeLevelNum > 0) { window.scrollTo({ top: document.getElementById('LV0' + this.activeLevelNum).getBoundingClientRect().top, behavior: "smooth" }); } }, // 주제별 보기 버튼 클릭 시 노출되는 팝업 활성화 activeMainTopic:function (obj){ this.mainTopicLayer.classList.add('on'); document.querySelector('.cont.'+obj).style.display='block'; }, // 주제별 보기 버튼 클릭 시 노출되는 팝업 비활성화 removeMainTopic:function (){ this.mainTopicLayer.classList.remove('on'); this.mainTopicLayer.querySelectorAll('.cont').forEach(function(element) { element.style.display = 'none'; }); }, // 주제별 보기 > 대주제 클릭 프로세스 activeSubTopic: function (srvId){ if (this.activeMainSrvId == srvId) return; $.cookie('readers_active_type', 'topic', {expires: (365)}); $.cookie('readers_srv_id', srvId, {expires: (365)}); this.topLevelTab.style.display = 'none'; this.singleBtn.style.display = 'none'; this.viewType = 'topic'; this.activeMainSrvId = srvId; if (this.listViewType == 'list') { this.readersList.innerHTML = this.topicList[srvId]; this.readersList.parentElement.classList.remove('level-list'); } else { this.readersList.innerHTML = this.topicImageList[srvId]; this.readersList.parentElement.classList.add('level-list'); } this.loadCookieType(); this.setTtitleInfo(); this.removeMainTopic(); favor_load(); }, moveContentsList: function (srvSubId){ location.href = '/readers/contents_list_v2/' + srvSubId; }, activeListViewType: function (type){ if (this.listViewType != type) { this.listViewType = type; $.cookie('readers_list_type', type, {expires: (365)}); if (this.viewType == 'level') { this.activeLevelList(); } else { this.activeTopicList(); } } }, loadCookieType: function (){ var iconType = (this.listViewType == 'list') ? 'list' : 'img'; document.querySelectorAll('.list-type-select button').forEach(function (item){ item.classList.remove('on'); }); document.querySelector('.list-type-select button.' + iconType).classList.add('on'); }, close: function (){ this.removeMainTopic(); }, // 주제별 보기 > 전체 보기 reset: function (){ $.cookie('readers_active_level', 0, {expires: (365)}); $.cookie('readers_active_type', 'level', {expires: (365)}); this.activeMainSrvId = null; this.activeLevelNum = 0; this.viewType = 'level'; this.topLevelTab.style.display = 'flex'; this.topLevelTab.style.display = 'flex'; this.singleBtn.style.display = 'flex'; this.activeLevelList(); this.removeMainTopic(); favor_load(); } } var FOOTER_SCRIPT = { init: function () { // 화면관련 스크립트 AWD_SECTION.init(); FOOTER_SCRIPT.start(); }, start: function () { //개발 스크립트 작성부 } } $(function () { ReadersMain.init(); FOOTER_SCRIPT.init(); }); function get_series_info(fs_id) { if (typeof(fs_id) == "undefined") { fs_id = ""; } var chk_url = "/en/readers/get_series_info"; $.ajax({ type: "POST", url: chk_url, data: {fs_id: fs_id}, dataType: 'json', success: function (data) { serise_data_active(data); } }); } function get_single_info(fs_id) { if (typeof(fs_id) == "undefined") { fs_id = ""; } var chk_url = "/en/readers/get_single_info"; $.ajax({ type: "POST", url: chk_url, data: {fs_id: fs_id}, dataType: 'json', success: function (data) { //single_introduction_Popup(data); data.series_info.LEVEL_NAME = (!data.series_info.LEVEL_NAME) ? data.series_info.FS_NAME.split(' ')[0] : ''; data.series_info.TOTAL_CNT = (!data.series_info.TOTAL_CNT) ? '' : ''; serise_data_active(data); } }); } function serise_data_active(obj) { $('#popSeriesPreview').seriesPreview('open', obj); // [D] 음소거 버튼이 없을 경우에 호출 if ($('#popSeriesPreview').find('.button-unmuted').length < 1) { $('#popSeriesPreview').find('.fox-muted-video').addUnmutedButton(); } } var littlefox_db; var favor_object_position = null; var object_position_x = null; var object_first_position = 0; var object_image_width = 0; var click_event_ing = false; var move_value = 0; var new_insert = false; var favor_del_click_position = null; var favor_data_array = ""; var click_event_ing = false; var start_li = 0; var end_li = 0; var total_cnt = 0; var mode = ''; var lang = 'en'; var favDiv = 'FAV001'; var SERIES_IMG_URL = 'https://img.littlefox.com/static/contents/series'; var TOPIC_IMG_URL = 'https://img.littlefox.com/static/contents/topic'; var JS_VERSION = '202403271003'; var favor_html = ''+ '

\r\n'+ '

#numb#

\r\n'+ '

\r\n'+ ' \r\n'+ ' #title_html#\r\n'+ '

\r\n'+ '

즐겨찾기

\r\n'+ '

\r\n'+ ' #left#\r\n'+ ' #right#\r\n'+ '

\r\n'+ '

\r\n'; var favor_no_html = ''+ '

\r\n'; $(document).ready(function(){ //bookmark 연관 $(".full_readers .list_section ul.list > li, .favor_readers_list ul li").mouseenter(function(){ $(this).find(".list_bookmark").show(); }).mouseleave(function(){ $(this).find(".list_bookmark").hide(); }); // 즐겨찾기 $('#readersList').on('click','.list_bookmark', function(e) { e.preventDefault(); if($(this).hasClass('on')) { // 즐겨찾기 삭제 if(click_event_ing == true) { return; } click_event_ing = true; Layerpop.close(); var vFsid = $(this).parents('li').attr("data-fsid"); $("li[data-fsid="+vFsid+"]").find('.list_bookmark').removeClass('on'); var post_data = {'vMode': 'del', 'vFsId':vFsid, 'vFavDiv':favDiv}; var chk_url = "/en/readers/favorite_proc"; $.ajax({ type:'post', url:chk_url, dataType:'json', data:post_data, cache:false, success:function(result){ if( result.resCode == "100" ) { mode = 'delete'; favor_load(); } } }); $(this).removeClass('on'); click_event_ing = false; } else { $(this).find('.list_bookmark').addClass('on'); // 즐겨찾기 추가 if( getCookie("fx0") == "" || getCookie("fx0") == null ) { if( Login.need() === false ) { return; } return; } if(click_event_ing == true) { return; } click_event_ing=true; Layerpop.close(); var vFsid = $(this).parents('li').attr("data-fsid"); var post_data = {'vMode': 'add', 'vFsId':vFsid, 'vFavDiv': favDiv}; var chk_url = "/en/readers/favorite_proc"; $.ajax({ type:'post', url:chk_url, dataType:'json', data:post_data, cache:false, success:function(result){ if( result.resCode == "100" ) { mode = "add"; favor_load(); } else { //click_event_ing=false; } } }); click_event_ing = false; } }); // 즐겨찾기 $('.favor_readers_list').on('click','.list_bookmark span', function(e) { e.preventDefault(); if($(this).parent().hasClass('on')) { // 즐겨찾기 삭제 if(click_event_ing == true) { return; } click_event_ing = true; Layerpop.close(); var vFsid = $(this).parent().parent().attr("data-fsid"); $("li[data-fsid="+vFsid+"]").find('.list_bookmark').removeClass('on'); var post_data = {'vMode': 'del', 'vFsId':vFsid, 'vFavDiv':favDiv}; var chk_url = "/en/readers/favorite_proc"; $.ajax({ type:'post', url:chk_url, dataType:'json', data:post_data, cache:false, success:function(result){ if( result.resCode == "100" ) { mode = 'delete'; favor_load(); } } }); $(this).removeClass('on'); click_event_ing = false; } }); // 즐겨찾기 순서 변경 (오른쪽으로 이동) $('.favor_readers').on('click','.favor_arr_r',function() { if(click_event_ing == true) { return; } click_event_ing = true; var current_object = $(this).parent().parent(); var after_object = $(this).parent().parent().next(); index = current_object.index(); if(index == end_li) { start_li++; end_li++; } mode = 'update'; if( typeof($(after_object).attr("data-fsid")) == "undefined" ) { click_event_ing = false; return; } var current_FsId = $(current_object).attr("data-fsid"); favor_update('after', current_FsId ); // 즐겨찾기 순서 업데이트 }); // 즐겨찾기 순서 변경 (왼쪽으로 이동) $('.favor_readers').on('click','.favor_arr_l',function() { if(click_event_ing == true) { return; } click_event_ing = true; var current_object = $(this).parent().parent(); var prev_object = $(this).parent().parent().prev(); mode = 'update'; if( typeof($(prev_object).attr("data-fsid")) == "undefined" ) { click_event_ing = false; return; } var current_FsId = $(current_object).attr("data-fsid"); favor_update('before', current_FsId); // 즐겨찾기 순서 업데이트 }); $('.favor_readers').on('mouseover','li', function(){ $(this).find('.list_bookmark, .favor_arrow').show(); }); $('.favor_readers').on('mouseout','li', function(){ $(this).find('.list_bookmark, .favor_arrow').hide(); }); //리스트보기 큰이미지보기 // $('.list-type-select button').on('click',function(){ // $(this).addClass('on').siblings().removeClass('on'); // if($(this).hasClass('list')){ // $('.renew-cont .item').show(); // $('.renew-cont .level-list').hide(); // // }else{ // $('.renew-cont .item').hide(); // $('.renew-cont .level-list').show(); // } // }) }); function click_set() { // 윗쪽 페이징 좌, 우 버튼 $('.favor_level_bt_l').unbind("click"); $('.favor_level_bt_r').unbind("click"); if(start_li > 0) { $(".favor_level_arr_l").addClass("on"); $('.favor_level_bt_l').click(function() { if(start_li-5 < 0) { start_li = 0; } else { start_li = start_li - 5; } end_li = start_li + 4; show_hide_set(); }); } else { $(".favor_level_arr_l").removeClass("on"); } if(end_li < total_cnt) { $(".favor_level_arr_r").addClass("on"); $('.favor_level_bt_r').click(function() { if(end_li+5 > total_cnt) { end_li = total_cnt; } else { end_li = end_li + 5; } start_li = end_li - 5; show_hide_set(); }); } else { $(".favor_level_arr_r").removeClass("on"); } } function favor_load() { var chk_url = "/en/readers/favorite_data"; var params = $.param({ 'fav_div': favDiv }); $.ajax({ type:'post', url:chk_url, dataType:'json', cache:false, data: params, success:function(result){ if(result == null){ return false; } $('.inner ul').html(''); total_cnt = result.length; if(result.length == 0) { $('.favor_readers').hide(); return; } for(i=0; i= 5) ? 4 : total_cnt-1; } else if(mode == "add") { if(total_cnt > 5) { end_li = total_cnt-1; start_li = end_li-4; } else { start_li = 0; end_li = (total_cnt >= 5) ? 4 : total_cnt-1; } } else if(mode == "delete") { if(end_li > total_cnt-1) { end_li = total_cnt-1; start_li = end_li-4; } } show_hide_set(); } }); } function show_hide_set() { i = 0; if ( end_li < 5 ) end_li = 5; $('.inner ul li').each(function() { if(i >= start_li && i <= end_li) { $(this).show(); } else { $(this).hide(); } i++; }); if( $('.favor_readers').css("display") == "none") { // $('.favor_readers').slideDown(300); $('.favor_readers').removeAttr('style'); } mode = ""; click_set(); } function favor_update(vAction, vFsId) { var post_data = { 'vMode': 'seq', 'vAction':vAction, 'vFsId':vFsId, 'vFavDiv':favDiv}; var chk_url = "/en/readers/favorite_proc"; $.ajax({ type:'post', url:chk_url, dataType:'json', data:post_data, cache:false, success:function(result){ favor_load(); } }); click_event_ing = false; } $(function() { // 즐겨찾기 추가 if( !(getCookie("fx0") == "" && getCookie("fx0") == null) ) { object_image_width = $('.favor_readers_list').find('li').find("img").width(); if( object_image_width==null ) { object_image_width = 177; } click_set(); favor_load(); $('.full_readers').eq(1).show(); $('.full_readers').eq(0).show(); $(".list_section ul li:nth-child(5n)").addClass("n5"); } });

• Company
• About Us
• Awards
• News

• Get Help
• FAQs
• User Guides
• Contact Us

• Get Free
• Free Samples
• Wallpaper

• Tablet and Mobile
• Apple App Store
• Google Play

Hello Parents and Teachers!

Keep up to date with new story releases
and special offers with our email newsletter.

Get Updates

© 2024 Little Fox Co., Ltd. All rights reserved.

• Terms of Service
• |
• Privacy Policy

English