Видео тест

Navara · December 12, 2011

Уважаемые господа профессионалы помогите с одной задачкой.

У меня есть проект(мини-тест) с 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 = 'Наступне питання';
    }
}

Sign In

Видео тест

Question

Navara

Link to comment

Share on other sites

0 answers to this question

Recommended Posts

Join the conversation

Обсуждения

Forums

Important Information