Уважаемые господа профессионалы помогите с одной задачкой. У меня есть проект(мини-тест) с 10 текстовыми вопросами и ответами к каждому из них. Вопросы и варианты ответов я писал в javascript(используя function которая переключала вопросы(Следующий /предыдущий вопрос)). Сейчас мне надо сделать такой же тест только вопросы должны быть по 10 видео(также представленным в проекте). К каждому вопросу другое видео, как и куда мне помещать ссылки на видео из youtube в html документ, или в js. Ответы пишите в комментариях или на Navara677@gmail.com Зарание спасибо <html> <head> <title>Vіdeo test in geography</title> <link rel="Stylesheet" type="text/css" href="quiz.css" /> <script type="text/javascript" src="quiz.js"></script> </head> <body onload="onLoadPage()"> <div id="gen"> <div id="general"> <p id="content"> </p> <form id="buttons"> <input type="button" value="Попереднє питання" id="prevButton" onclick="prev()" /> <input type="button" value="Наступне питання" id="nextButton" onclick="next()" /> </form> </div> </div> </body> </html> Также код js: var genArray = new Array( new Array(1, 'Завдяки чому виникає явище сонолюмінесценції', 'в', '<input type="radio" name="answers" value="а) Завдяки інфразвуку" />', 'а) Завдяки інфразвуку', '<input type="radio" name="answers" value="б) Завдяки нагріванню" />', 'б) Завдяки нагріванню', '<input type="radio" name="answers" value="в) Завдяки ультразвуку" />', 'в) Завдяки ультразвуку', '<input type="radio" name="answers" value="г) Завдяки високому тиску" />', 'г) Завдяки високому тиску'), new Array(2, 'Як випромунюється світло при сонолюмінесценції', 'б', '<input type="radio" name="answers" value="а) Безперервно" />', 'а) Безперервно', '<input type="radio" name="answers" value="б) Ультракороткими спалахами" />', 'б) Ультракороткими спалахами', '<input type="radio" name="answers" value="в) Світло не випромінюється" />', 'в) Світло не випромінюється', '<input type="radio" name="answers" value="г) Спалахами з інтервалими в кілька секунд" />', 'г) Спалахами з інтервалими в кілька секунд'), new Array(3, 'Як змінюється радіус кавітаційної бульбашки перед виділенням світла', 'д', '<input type="radio" name="answers" value="а) Збільшується" />', 'а) Збільшується', '<input type="radio" name="answers" value="б) Спочатку зменшується, а потім різко збільшується" />', 'б) Спочатку зменшується, а потім різко збільшується', '<input type="radio" name="answers" value="в) Зменшується" />', 'в) Зменшується', '<input type="radio" name="answers" value="г) Не змінюється" />', 'г) Не змінюється', '<input type="radio" name="answers" value="д) Спочатку збільшується, а потім різко зменшується" />', 'д) Спочатку збільшується, а потім різко зменшується'), new Array(4, 'Чим викликане світло під час явища сонолюмінесценції', 'б', '<input type="radio" name="answers" value="а) Електромагнітним випромінюванням" />', 'а) Електромагнітним випромінюванням', '<input type="radio" name="answers" value="б) Тепловим випромінюванням" />', 'б) Тепловим випромінюванням', '<input type="radio" name="answers" value="в) Оптичним випромінюванням" />', 'в) Оптичним випромінюванням', '<input type="radio" name="answers" value="г) Гамма-випромінювання" />', 'г) Гамма-випромінювання'), new Array(5, 'Що знаходиться всередині кавітаційної бульбашки', 'г', '<input type="radio" name="answers" value="а) Повітря" />', 'а) Повітря', '<input type="radio" name="answers" value="б) Водяна пара" />', 'б) Водяна пара', '<input type="radio" name="answers" value="в) Вакуум" />', 'в) Вакуум', '<input type="radio" name="answers" value="г) Плазма" />', 'г) Плазма'), new Array(6, 'Яка залежність між температурою води і яскравістю спалахів', 'а', '<input type="radio" name="answers" value="а) Оберненопропорційна" />', 'а) Оберненопропорційна', '<input type="radio" name="answers" value="б) Прямопропорційна" />', 'б) Прямопропорційна', '<input type="radio" name="answers" value="в) Немає залежності" />', 'в) Немає залежності'), new Array(7, 'Чи існує багатобульбашкова сонолюмінесценція', 'а', '<input type="radio" name="answers" value="а) Так" />', 'а) Так', '<input type="radio" name="answers" value="б) Ні" />', 'б) Ні'), new Array(8, 'Чи відрізніється спектр випромінюваного світла при одно- і багатобульшковій сонолюмінесценції', 'а', '<input type="radio" name="answers" value="а) Так, суттєво" />', 'а) Так, суттєво', '<input type="radio" name="answers" value="б) Так, несуттєв" />', 'б) Так, несуттєво', '<input type="radio" name="answers" value="в) Ні" />', 'в) Ні'), new Array(9, 'Яка швидкість схлопування кавітаційної бульбашки', 'д', '<input type="radio" name="answers" value="а) 1-1.5 м/с" />', 'а) 1-1.5 м/с', '<input type="radio" name="answers" value="б) 30-40 м/с" />', 'б) 30-40 м/с', '<input type="radio" name="answers" value="в) 10-15 м/с" />', 'в) 10-15 м/с', '<input type="radio" name="answers" value="г) 20-21 км/с" />', 'г) 20-21 км/с', '<input type="radio" name="answers" value="д) 1-1.5 км/с" />', 'д) 1-1.5 км/с'), new Array(10, 'Чи можуть кавітаційні бульбашки при багатобульбашковій сонолюмінесценції мати неправильну, несферичну форму', 'а', '<input type="radio" name="answers" value="а) Так" />', 'а) Так', '<input type="radio" name="answers" value="б) Ні" />', 'б) Ні') ); var answers = new Array(10); var allAnswers = new Array(10); for(var i=0; i<10; i++) allAnswers[i] = ''; var gen = document.getElementById('content').innerHTML; var qn = 1; var chose; /////////////////////////////////////////////////////// //// Доступатись до значень radio так: //// //// document.getElementsByName('answers')[].value //// /////////////////////////////////////////////////////// function onLoadPage() { qn = 1; gen = '<center>Питання ' + qn + ' з 10</center>' gen += genArray[0][0] + ') ' + genArray[0][1] + ' ?<br/>'; for(var i=3; i<genArray[0].length; i++) { gen += genArray[0][i]; } document.getElementById('content').innerHTML = gen; } function forChecked() { var t = 0; if(allAnswers[qn-1] != '') { for(var i=0; i<genArray[qn-1].length; i++) { if(document.getElementsByName('answers')[i].value[0] == allAnswers[qn-1]) { t = i; break; } } document.getElementsByName('answers')[t].checked = true; } } function inputsClick(a) {document.getElementsByName('answers')[a].checked = true;} function results() { gen = ''; gen += '<center>Результати</center><br/>'; for(var i=0; i<10; i++) { gen += (i+1) + ') '; if(answers[i]) gen += '<font style="color:green;">Правильно</font><br/>'; else gen += '<font style="color:red;">Неправильно</font><br/>'; gen += genArray[i][1] + '?<br/>'; gen += '<br/><br/>'; } document.getElementById('content').innerHTML = gen; document.getElementById('buttons').innerHTML = '<center><input type="button" value="Спробувати знову" id="tryAgain" onclick="tryAgain1()" /></center>'; } function tryAgain1() { onLoadPage(); document.getElementById('buttons').innerHTML = '<input type="button" value="Попереднє питання" id="prevButton" onclick="prev()" />' + '<input type="button" value="Наступне питання" id="nextButton" onclick="next()" />'; for(var i=0; i<10; i++) allAnswers[i] = ''; } function next() { var isCheck = false; var whatCheck; for(var i=0; i<genArray[qn-1].length - 3; i++) { if(document.getElementsByName('answers')[i].checked) { isCheck = true; whatCheck = i; break; } } if(isCheck) { for(var i=0; i<genArray[qn-1].length - 3; i++) { if(document.getElementsByName('answers')[i].checked) { allAnswers[qn-1] = document.getElementsByName('answers')[i].value[0]; break; } } if(document.getElementsByName('answers')[whatCheck].value[0] == genArray[qn-1][2]) answers[qn-1] = true; else answers[qn-1] = false; if(document.getElementById('nextButton').value == 'Результати') { results(); } if(document.getElementById('nextButton').value == 'Наступне питання') { qn++; gen = '<center>Питання ' + qn + ' з 10</center>' gen += genArray[qn-1][0] + ') ' + genArray[qn-1][1] + ' ? <br/>'; for(var i=3; i<genArray[qn-1].length; i++) { gen += genArray[qn-1][i]; } document.getElementById('content').innerHTML = gen; if(qn == 10) document.getElementById('nextButton').value = 'Результати'; forChecked(); } } else {alert('Ви не відповіли на питання');} } function prev() { if(qn > 1) { qn--; gen = '<center>Питання ' + qn + ' з 10</center>' gen += genArray[qn-1][0] + ') ' + genArray[qn-1][1] + ' ? <br/>'; for(var i=3; i<genArray[qn-1].length; i++) { gen += genArray[qn-1][i]; } document.getElementById('content').innerHTML = gen; forChecked(); if((qn+1) == 10) document.getElementById('nextButton').value = 'Наступне питання'; } }
