Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <title>Электронный учебник 7 класс.</title>
- <link rel="stylesheet" type="text/css" href="style.css" />
- <link rel="stylesheet" type="text/css" href="css/font-awesome.min.css" />
- <script type="text/javascript" src="jquery.js" charset="UTF-8"></script>
- <script type="text/javascript" src="jquery-ui.min.js" charset="UTF-8"></script>
- <style>
- table td {
- border: 1px solid black;
- width: 20px;
- height: 20px;
- text-align: center;
- }
- table .letterrow {
- margin-bottom: 5px;
- }
- td input {
- width: 100%;
- height: 100%;
- border: 0;
- }
- .word-list div {
- display: inline-block;
- min-width: 60px;
- height: 20px;
- box-shadow: 0 0 10px rgba(0,0,0,0.5);
- font-family: Arial;
- background: #fff4c8;
- border-radius: 10px;
- text-align: center;
- padding: 2px 5px;
- user-select: none;
- cursor: pointer;
- z-index:5;
- margin:5px;
- border:0!important;
- }
- .text p {
- margin: 5px;
- }
- .text p span {
- display: inline-block;
- min-width: 60px;
- height: 20px;
- box-shadow: 0 0 10px rgba(0,0,0,0.5);
- font-family: Arial;
- background: #fff4c8;
- border-radius: 10px;
- text-align: center;
- padding: 2px 5px;
- user-select: none;
- cursor: pointer;
- z-index:5;
- margin:5px;
- border:0!important;
- }
- .text p span:not(".hasword") {
- cursor: pointer;
- }
- .text p .right {
- background: green;
- }
- .text p .notright {
- background: red;
- }
- .right-list {
- display: none;
- }
- </style>
- </head>
- <body>
- <div class="header">
- <h1>Как прекрасен этот мир</h1>
- </div>
- <div class="tabs">
- <input id="tab1" type="radio" name="tabs" checked>
- <label for="tab1" title="Цитата"><img style="width:32px;" src="../../../../images/kv.png"></label>
- <input id="tab2" type="radio" name="tabs">
- <label for="tab2" title="Текст"><img style="width:32px;" src="../../../../images/T.png"></label>
- <input id="tab3" type="radio" name="tabs">
- <label for="tab3" title="Тест 1"><img style="width:32px;" src="../../../../images/n1.png"></label>
- <input id="tab4" type="radio" name="tabs">
- <label for="tab4" title="Тест 2"><img style="width:32px;" src="../../../../images/n2.png"></label>
- <input id="tab5" type="radio" name="tabs">
- <label for="tab5" title="Караоке"><img style="width:32px;" src="../../../../images/K.png"></label>
- <section id="content-tab1">
- <p>
- <h4 style="margin-left: 4px; margin-top -10px; color: #35475b;">Чем больше любви, мудрости, красоты, доброты вы откроете в самом себе, тем больше вы заметите их в окружающем мире.</h4>
- <h6 style="text-align: right; padding-right: 50px; margin-top: 20px; margin-bottom: 20px; color: #35475b">Мать Тереза</h6>
- </p>
- </section>
- <section id="content-tab1">
- <p>
- <audio style="background-color: #35475b; margin-bottom: -9px;" src="1.mp3" controls></audio>
- </p>
- </section>
- <section id="content-tab2">
- <p>
- <audio style="background-color: #35475b; margin-bottom: -9px;" src="2.mp3" controls></audio>
- </p>
- </section>
- <section id="content-tab2">
- <p style="text-align:center;font-weight:bold;">Дорога</p>
- <p style="text-align:right;">Ирина Владимировна Стишенок</p>
- <p>
- Жил-был Человек. Когда он был еще совсем маленьким и делал первые шаги, он встретил на своем пути Наивность.<br><br>
- - Здравствуй, малыш, – сказала она ему, – смотри, какое небо голубое и какая зеленая трава. И все вокруг такое милое и доброе. Правда?<br><br>
- - Ага, – сказал малыш и пошел вперед с широко открытыми глазами.<br><br>
- - Стой! – однажды сказала преградившая ему дорогу Агрессия. – Что ты ходишь здесь с глупой улыбкой и не замечаешь меня? А я вот есть и запрещаю тебе идти дальше. Нечего так беззаботно ходить по моей дороге. Сворачивай отсюда!<br><br>
- И Агрессия стала у юноши на пути.<br><br>
- - Сворачивай, сворачивай, парень, – услышал он чей-то шепот.<br><br>
- Человек оглянулся и увидел огромные глаза, которые смотрели на него из-за ближайшего куста.<br><br>
- - Ты кто? – спросил юноша.<br><br>
- - Я – Страх, – ответили глаза. – Не связывайся с Агрессией. Есть другая дорога, по которой тоже можно идти. Хочешь, покажу?<br><br>
- - Ага, – снова сказал Человек, посмотрев Страху в огромные глаза. – А куда ведет другая дорога?<br><br>
- - Подальше от Агрессии, – ответил Страх и показал на едва заметную тропинку, ведущую в лес.<br><br>
- - Тропинка как тропинка, – решил юноша и, повернувшись к Страху, спросил: – Хочешь, пойдем вместе?<br><br>
- - Я не могу, – торопливо сказал Страх. – Мне нужно быть здесь и показывать дорогу всем, кому Агрессия не дает идти дальше.<br><br>
- - Тогда прощай, – Человек помахал Страху рукой и пошел один.<br><br>
- Но чем дальше он шел, тем гуще и непроходимее становился лес, а сама тропинка становилась все тоньше и тоньше.<br><br>
- Однажды, когда Человеку показалось, что он зашел в тупик, ему повстречалась Печаль. Грустная девушка сидела на тропинке и горько плакала.<br><br>
- - Что случилось? – спросил у нее юноша.<br><br>
- - Боль увела меня от Агрессии и привела сюда – рыдая, ответила Печаль. – Но здесь тупик, я заблудилась и не знаю, что делать дальше.<br><br>
- - Хочешь, вместе пойдем обратно и выйдем на дорогу, с которой свернули? – предложил юноша.<br><br>
- - А что делать с Болью? – спросила Печаль. – Я так устала ходить за ней.<br><br>
- - Отпусти, – ответил юноша, – пусть остается в лесу, раз ей здесь нравится.<br><br>
- - Так и сделаю, – решила Печаль и, повернувшись к Боли, сказала: – Я отпускаю тебя, прощай.<br><br>
- И, улыбнувшись, девушка пошла за Человеком к началу тропинки.<br><br>
- - Как легко стало, – произнесла она.<br><br>
- Вскоре юноша вышел на дорогу, с которой когда-то свернул.<br><br>
- «Наконец-то я могу продолжить свой путь», – подумал он, но вдруг услышал знакомый голос Страха:<br><br>
- - Зачем ты вернулся? Ты что, забыл про Агрессию?<br><br>
- - Помню, но уже не боюсь ее, – ответил Человек. – И знаешь, Страх, путь, который ты указал мне, скучный и ведет в тупик. Лучше я пойду своей дорогой.<br><br>
- - И куда это мы пойдем? – вдруг спросила внезапно появившаяся Агрессия. – Сделай только шаг, и тебе станет ой как больно!<br><br>
- - Я не боюсь тебя, – сказал Человек. – Если хочешь бороться – будем сражаться!<br><br>
- И юноша решительно подошел к Агрессии.<br><br>
- - Да пошутила я, – вдруг сказала та. – Просто проверяла тебя.<br><br>
- - А зачем? – удивился Человек.<br><br>
- - Чтобы узнать твою Силу, юноша, – ответила Агрессия. – Долгий путь труден. Справишься?<br><br>
- - Я не боюсь трудностей, – сказал Человек. – Для меня главное – идти своей дорогой. Но послушай, Агрессия, значит, ты все это время заботилась обо мне?<br><br>
- - Ну не знаю, не знаю, может быть, – уклончиво ответила та и добавила: – Ладно, Человек, иди уж своей дорогой.<br><br>
- Юноша оглянулся, чтобы посмотреть на Печаль, и увидел незнакомую девушку.<br><br>
- - Ты кто? – спросил он.<br><br>
- - Я – Радость, – ответила незнакомка. – Твой путь – это и мой путь.<br><br>
- - Тогда пошли вместе, – предложил ей юноша.<br><br>
- И они отправились в увлекательное путешествие под названием Жизнь.<br><br>
- В пути Человек попадал в ситуации, где проявлял Отвагу и Доброту, Трудолюбие и Терпение, Милосердие и Решимость.<br><br>
- Конечно, случалось, что обстоятельства ставили его в тупик. Юноша терялся, и его Радость становилась Грустью, но он всегда находил в себе Силу идти дальше, и Радость снова становилась сама собой.<br><br>
- Однажды Человек проходил мимо журчащего ручья, рядом с которым сидела милая девушка и мелодично пела.<br><br>
- - Кто ты? – спросил у нее юноша и почувствовал в груди неизвестное волнение.<br><br>
- - Я – Любовь, – ответила девушка и посмотрела Человеку в глаза.<br><br>
- Юноша ощутил необычную нежность и, отчего-то смутившись, спросил:<br><br>
- - Где ты живешь, Любовь?<br><br>
- - Я живу везде, – сказала девушка, – в каждом цветке, встреченном тобой у дороги, и в каждом деревце. В облаке, проплывающем по небу, и дождинке, падающей на землю. Я живу в каждом встреченном тобой человеке. А сейчас, когда ты узнал меня, я буду жить и в твоем сердце.<br><br>
- - Какое счастье, – произнес Человек и продолжил свой путь в Радости и Любви.<br><br>
- С тех пор он стал замечать отражение Любви повсюду: в солнце и звездах, ветре и дожде. И люди, которых Человек встречал на своем пути, тоже излучали это прекрасное чувство. Правда, некоторые из них скрывали его под масками Злости и Гнева, Страха и Печали. И тогда, разговаривая с ними, Человек говорил с Любовью, живущей в их сердцах, и исчезали маски, а прекрасное чувство все ярче проявлялось в глазах людей.<br><br>
- Однажды Человек пришел к месту, которое излучало гармонию и красоту.<br><br>
- - Как здесь хорошо, – сказал он и построил дом, вокруг которого посадил цветущий сад.<br><br>
- Одним поздним вечером в дом постучали. На пороге стояла убеленная сединами старушка.<br><br>
- - Здравствуй, добрый человек, – сказала она. – Разреши погостить у тебя?<br><br>
- - Милости прошу, бабушка, – пригласил странницу в дом Человек. – Согревайтесь.<br><br>
- Он напоил гостью горячим чаем, накормил вкусными пирогами и спросил:<br><br>
- - Кто вы, бабушка, далеко ли идете?<br><br>
- - Я – Мудрость, – ответила старушка. – Странствую по свету и останавливаюсь в добрых домах. А когда ухожу оставляю хозяевам подарок – вот такое зеркало. Люди смотрят в него и видят чувства окружающего их мира.<br><br>
- - Но зачем смотреть в зеркало, если проще посмотреть по сторонам? – удивился Человек.<br><br>
- - Добрый человек, все чувства окружающего мира находятся внутри нас, – улыбнулась старушка. – Если внутри тебя живут Любовь и Радость, весь мир улыбнется в ответ и согреет любовью. А если Гнев или Грусть поселятся в твоем сердце, ты почувствуешь их и в окружающем мире. Посмотри в зеркало, и скажи, что ты в нем видишь?<br><br>
- - Я вижу себя, – ответил Человек, – а где же весь мир?<br><br>
- - Он смотрит в твои в глаза, – улыбнулась старушка, – и этот мир – ты. Относись к нему бережно, с любовью, и он ответит тебе тем же. Уж я-то знаю.<br><br>
- Странница поблагодарила за теплый прием и пошла к другим добрым людям.<br><br>
- А Человек с тех пор жил в согласии с собой и окружающим миром.
- </p>
- </section>
- <section id="content-tab3">
- <p>
- <div class="task33">
- <p>Расставив буквы в нужные ячейки, вы прочитаете народную мудрость о значении истиной красоты человека.</p>
- <table class="lettertable" cellspacing="0"></table><br>
- <div class="userlettertable"></div><br>
- <button class="checkbtn">Проверить</button>
- </div>
- </p>
- </section>
- <section id="content-tab4">
- <p>
- <div class="task27">
- <p>Марина Гущенская написала стихотворение «Доброта». Чтобы его прочитать, необходимо правильно расставить пропущенные слова расположенные внизу экрана.</p>
- <div class="text">
- <p><span></span> – земное созидание,</p>
- <p>Свет <span></span>, <span></span> и <span></span></p>
- <p>Милость божья, <span></span>. сияние,</p>
- <p>Бдагостью исполненные дни!</p>
- <p>Нежный всплеск, <span></span> и <span></span>,</p>
- <p>Милосердие, весточка <span></span>,</p>
- <p>Доброты прекрасное послание</p>
- <p>Озаряют <span></span>!!!</p>
- </div>
- <div class="word-list">
- <div>Доброта</div>
- <div>Надежды</div>
- <div>Заботы</div>
- <div>Внимания</div>
- <div>Веры</div>
- <div>Любви</div>
- <div>Радости</div>
- <div>Тепла</div>
- <div>Добрые Дела</div>
- </div>
- <div class="right-list">
- <div>Доброта</div>
- <div>Надежды</div>
- <div>Веры</div>
- <div>Любви</div>
- <div>Радости</div>
- <div>Заботы</div>
- <div>Внимания</div>
- <div>Тепла</div>
- <div>Добрые Дела</div>
- </div>
- </div>
- </p>
- </section>
- <section id="content-tab5">
- <p>
- <audio style="background-color: #35475b; margin-bottom: -9px;" src="caraoke.mp3" controls></audio>
- </p>
- </section>
- <section id="content-tab5">
- <p style="text-align:center;font-weight:bold;">Мы вместе</p>
- <p style="text-align:right;">Слова и музыка Александра Ермолова</p>
- <p>
- Что может быть прекрасней и чудесней, <br>
- Что может быть сильнее на земле? <br>
- Когда друзья с тобой, когда мы вместе,<br>
- Когда мы рядом много-много лет. <br><br>
- Идя вперёд по жизненным дорогам, <br>
- Уверены всегда мы лишь в одном: <br>
- Друзей хороших не бывает много, <br>
- С которыми ты рядом день за днём. <br><br>
- Припев: <br>
- Вместе мы с тобой, <br>
- Мы всё время рядом: <br>
- Летом и зимой, <br>
- В дожди и холода. <br>
- Вместе мы с тобой, <br>
- Мы друг другу рады <br>
- И в мороз, и в зной, <br>
- А значит, будем вместе <br>
- Мы всегда! <br><br>
- Листая жизни прошлые страницы, <br>
- Мгновения давно прошедших лет, <br>
- Друзей я с грустью вспоминаю лица, <br>
- Того, кого сегодня рядом нет. <br><br>
- Но в миг уйдут печали и тревоги, <br>
- Друзей своих ты только позови, <br>
- И мы все вместе по одной дороге <br>
- Пойдём навстречу дружбе и любви. <br><br>
- Припев: <br>
- Вместе мы с тобой, <br>
- Мы всё время рядом: <br>
- Летом и зимой, <br>
- В дожди и холода. <br>
- Вместе мы с тобой, <br>
- Мы друг другу рады <br>
- И в мороз, и в зной, <br>
- А значит, будем вместе... <br><br>
- Вместе мы с тобой, <br>
- Мы всё время рядом: <br>
- Летом и зимой, <br>
- В дожди и холода. <br>
- Вместе мы с тобой, <br>
- Мы друг другу рады <br>
- И в мороз, и в зной, <br>
- А значит, будем вместе <br>
- Мы всегда! Всегда! <br><br>
- </p>
- </section>
- </div>
- <a href="../../section.html" style="text-decoration:none;"><div class="button" style="margin-top: 10px; border-radius: 0px;">Назад</div></a>
- <script>
- var letters = ["м", "р", "б", "а", "у", "т", "к", "ш", "е", "с", "ч", "и", "д", "о", "п", "ь", "н", "л", "я", "в", "ц", "ю"];
- var numtext = '';
- var lettertext = '';
- numtext += "<tr>";
- lettertext += "<tr>";
- for(var i=0;i<letters.length;i++) {
- numtext += "<td>" + (i+1) + "</td>";
- lettertext += "<td>" + letters[i] + "</td>";
- }
- lettertext += "</tr>";
- numtext += "</tr>";
- $('.lettertable').html(numtext + lettertext);
- var nums1 = [11, 9, 1, 0, 3, 14, 18, 16, 8, 9];
- var nums2 = [15, 2, 12, 10, 18, 5, 8, 12, 20, 4, 9, 8, 16, 10, 19, 0, 7, 0, 10, 9, 2, 13, 21, 5, -3];
- var nums3 = [6, 9, 1, 0, 6, 9, 15, 18, 9, 9, 0, 14, 6, 17, 14, 10, 12, 8, 16, 10, 19, 0, 7];
- var nums4 = [18, 22, 13, 19, 1, -2];
- var answer = "Чембольшеприслушиваешьсяксердцутемтеплееотносишьсяклюдям";
- var numrow = '';
- var letterrow = '';
- var text = '';
- var nums = [nums1, nums2, nums3, nums4];
- var nownum = 1;
- var tmp;
- for(var j=0;j<nums.length;j++) {
- console.log("New line: #" + (j+1));
- tmp = nums[j];
- text += '<table cellspacing="0">';
- numrow = '<tr>';
- letterrow = '<tr class="row' + (j+1) + ' letterrow">';
- for(var i=0;i<tmp.length;i++) {
- if(tmp[i] > 0) {
- numrow += '<td>' + tmp[i] + '</td>';
- letterrow += '<td userdata="' + nownum + '"><input type="text"></td>';
- nownum++;
- } else {
- numrow += '<td> </td>';
- letterrow += '<td>' + ((tmp[i] == -1)?',':((tmp[i] == -2)?'.':((tmp[i] == -3)?'-':' '))) + '</td>';
- }
- }
- numrow += '</tr>';
- letterrow += '</tr>';
- text += numrow + letterrow;
- text += '</table><br>';
- }
- $('.userlettertable').html(text);
- $('.userlettertable .letterrow td').keydown(function(event){
- console.log(event.keyCode);
- if(event.keyCode == 8) {
- $(this).find('input').html("");
- //$('.userlettertable .letterrow td[userdata="' + (parseInt($(this).attr("userdata")) - 1) + '"]').focus();
- setTimeout('$(\'.userlettertable .letterrow td[userdata="' + (parseInt($(this).attr("userdata")) - 1) + '"] input\').focus();$(\'.userlettertable .letterrow td[userdata="' + (parseInt($(this).attr("userdata")) - 1) + '"] input\').val("");', 10);
- return;
- } else if(event.keyCode < 65 || event.keyCode > 222) {
- return false;
- }
- if(!$('.userlettertable .letterrow td[userdata="' + (parseInt($(this).attr("userdata")) + 1) + '"]').length) $(this).find("input").val("");
- $(this).find("input").val("");
- console.log("Line #" + $(this).attr("userdata") + ": " + $(this).find("input").val());
- setTimeout('$(\'.userlettertable .letterrow td[userdata="' + (parseInt($(this).attr("userdata")) + 1) + '"] input\').focus();', 10);
- });
- $('.userlettertable .letterrow td[userdata="1"] input').focus();
- $('.checkbtn').click(function(){
- var status = true;
- for(var i=0;i<answer.length;i++){
- if(answer.charAt(i).toLowerCase() != $('.userlettertable .letterrow td[userdata="' + (i+1) + '"] input').val().toLowerCase()) {
- status = false;
- }
- }
- if(status) {
- $('.task17').html("Молодец!");
- } else {
- alert("Попробуй еще!");
- }
- });
- </script>
- <script>
- var letters = ["п", "р", "и", "о", "д", "а", "б", "у", "т", "в", "н", "с", "е", "ь", "л", "ю"];
- var numtext = '';
- var lettertext = '';
- numtext += "<tr>";
- lettertext += "<tr>";
- for(var i=0;i<letters.length;i++) {
- numtext += "<td>" + (i+1) + "</td>";
- lettertext += "<td>" + letters[i] + "</td>";
- }
- lettertext += "</tr>";
- numtext += "</tr>";
- $('.lettertable').html(numtext + lettertext);
- var nums1 = [1, 2, 3, 2, 4, 5, 6, -2, -2, -2, 0, 7, 8, 5, 3, 9, 0, 10];
- var nums2 = [11, 6, 12, 0, 1, 4, 9, 2, 13, 7, 11, 4, 12, 9, 14, 0, 15, 16, 7, 10, 3, -2];
- var answer = "Природабудитвнаспотребностьлюбви";
- var numrow = '';
- var letterrow = '';
- var text = '';
- var nums = [nums1, nums2];
- var nownum = 1;
- var tmp;
- for(var j=0;j<nums.length;j++) {
- console.log("New line: #" + (j+1));
- tmp = nums[j];
- text += '<table cellspacing="0">';
- numrow = '<tr>';
- letterrow = '<tr class="row' + (j+1) + ' letterrow">';
- for(var i=0;i<tmp.length;i++) {
- if(tmp[i] > 0) {
- numrow += '<td>' + tmp[i] + '</td>';
- letterrow += '<td userdata="' + nownum + '"><input type="text"></td>';
- nownum++;
- } else {
- numrow += '<td> </td>';
- letterrow += '<td>' + ((tmp[i] == -1)?',':((tmp[i] == -2)?'.':((tmp[i] == -3)?'-':' '))) + '</td>';
- }
- }
- numrow += '</tr>';
- letterrow += '</tr>';
- text += numrow + letterrow;
- text += '</table><br>';
- }
- $('.userlettertable').html(text);
- $('.userlettertable .letterrow td').keydown(function(event){
- console.log(event.keyCode);
- if(event.keyCode == 8) {
- $(this).find('input').html("");
- //$('.userlettertable .letterrow td[userdata="' + (parseInt($(this).attr("userdata")) - 1) + '"]').focus();
- setTimeout('$(\'.userlettertable .letterrow td[userdata="' + (parseInt($(this).attr("userdata")) - 1) + '"] input\').focus();$(\'.userlettertable .letterrow td[userdata="' + (parseInt($(this).attr("userdata")) - 1) + '"] input\').val("");', 10);
- return;
- } else if(event.keyCode < 65 || event.keyCode > 222) {
- return false;
- }
- if(!$('.userlettertable .letterrow td[userdata="' + (parseInt($(this).attr("userdata")) + 1) + '"]').length) $(this).find("input").val("");
- $(this).find("input").val("");
- console.log("Line #" + $(this).attr("userdata") + ": " + $(this).find("input").val());
- setTimeout('$(\'.userlettertable .letterrow td[userdata="' + (parseInt($(this).attr("userdata")) + 1) + '"] input\').focus();', 10);
- });
- $('.userlettertable .letterrow td[userdata="1"] input').focus();
- $('.checkbtn').click(function(){
- var status = true;
- for(var i=0;i<answer.length;i++){
- if(answer.charAt(i).toLowerCase() != $('.userlettertable .letterrow td[userdata="' + (i+1) + '"] input').val().toLowerCase()) {
- status = false;
- }
- }
- if(status) {
- $('.task33').html("Молодец!");
- } else {
- alert("Попробуй еще!");
- }
- });
- var elementtmp;
- function checking(element) {
- $('.text p span:not(".hasword"):first').html($(element).html());
- $('.text p span:not(".hasword"):first').addClass("hasword");
- $(element).hide();
- if(!$('.word-list div').is(':visible')) {
- var status = true;
- console.log("----------START----------");
- for(var i=0;i<$('.text p span').length;i++) {
- console.log("#" + i + ": " + $('.right-list div:not(".check"):first').html() + " - " + $('.text p span:not(".right"):not(".notright"):first').html());
- if($('.right-list div:not(".check"):first').html() == $('.text p span:not(".right"):not(".notright"):first').html()) {
- $('.text p span:not(".right"):not(".notright"):first').addClass('right');
- } else {
- $('.text p span:not(".right"):not(".notright"):first').addClass('notright');
- status = false;
- }
- $('.right-list div:not(".check"):first').addClass('check');
- }
- console.log("");
- if(status) {
- console.log("Good Work!");
- $('.task27').html("Молодец!");
- } else {
- console.log("Try Again");
- alert("Попробуй еще!");
- }
- console.log("-----------END-----------");
- console.log("");
- }
- }
- $('.word-list div').draggable({
- drag: function(event, ui) {
- elementtmp = this;
- },
- revert: true
- });
- $('.text p span').droppable({
- drop: function(event, ui) {
- if($(this).html() != '...') {
- $('.word-list div:not(":visible"):first').html($(this).html());
- $('.word-list div:not(":visible"):first').show();
- }
- //checking(elementtmp);
- $(this).html($(elementtmp).html());
- $(this).addClass("hasword");
- $(elementtmp).hide();
- if(!$('.word-list div').is(':visible')) {
- var status = true;
- console.log("----------START----------");
- for(var i=0;i<$('.text p span').length;i++) {
- console.log("#" + i + ": " + $('.right-list div:not(".check"):first').html() + " - " + $('.text p span:not(".right"):not(".notright"):first').html());
- if($('.right-list div:not(".check"):first').html() == $('.text p span:not(".right"):not(".notright"):first').html()) {
- $('.text p span:not(".right"):not(".notright"):first').addClass('right');
- } else {
- $('.text p span:not(".right"):not(".notright"):first').addClass('notright');
- status = false;
- }
- $('.right-list div:not(".check"):first').addClass('check');
- }
- console.log("");
- if(status) {
- console.log("Good Work!");
- $('.task27').html("Молодец!");
- } else {
- console.log("Try Again");
- alert("Попробуй еще!");
- }
- console.log("-----------END-----------");
- console.log("");
- }
- }
- });
- $('.text p span:not(".hasword")').html('...');
- $('.word-list div').click(function(){
- checking(this);
- });
- $('.text p span').click(function(){
- if($(this).html() == "...") return;
- $('.word-list div:not(":visible"):first').html($(this).html());
- $('.word-list div:not(":visible"):first').show();
- $(this).html('...');
- $(this).removeClass('hasword');
- $('.text p span').removeClass('right');
- $('.text p span').removeClass('notright');
- $('.right-list div').removeClass('check');
- });
- </script>
- </body>
- <script>
- $('.tabs label').click(function(){
- $('audio').each(function(){
- this.pause();
- });
- });
- </script>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement