05.01.2017, 12:20
|
 |
CacheVar
|
|
Регистрация: 19.08.2010
Сообщений: 14,124
|
|
Darya_kod, у тебя подход к хранению данных дюже "слабенький"... 
Тут желательно иметь какую-то общую структуру.
Как вариант...
<!DOCTYPE html>
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=windows-1251' />
<!--
<script src='http://code.jquery.com/jquery-latest.js'></script>
<script src="https://code.angularjs.org/1.3.9/angular.min.js"></script>
<script src="https://code.angularjs.org/1.3.9/angular-route.js"></script>
-->
<style type='text/css'>
</style>
<script type='text/javascript'>
var obj=[
{
question: "На одной из последних работ Эдуарда Мане была изображена строящеяся Эйфелева башня",
answer: [
"Нет, такой картины у него нет",
"Нет,он родился и детство провел в Париже. В экзотических странах он жил уже только в зрелом возрасте",
"Да, все эти выдающиеся художники родились на территории Беларуси",
"Да, он очень дружил с Гоголем и попросил его позировать для картины",
"Альфред Сислей"
],
correct: 0,
img: '111.jpg'
},
{
question: "Детство Поля Гогена прошло в Перу",
answer: [
"Да, но это была одна из его ранних картин",
"Да, и это возможно и повлияло на его творческого мирооощущение",
"Нет, Валентин Волков и Леон Бакст родились за пределами современной Беларуси",
"Нет, так как этот персонаж есть на его набросках еще до того, как он познакомился с писателем",
"Камиль Писсарро"
],
correct: 1,
img: '112.jpg'
},
{
question: "Хаим Сутин, Юдаль Пэн, Марк Шагал, Леон Бакст, Валентин Волков, Язэп Дроздович - все эти художники родились на территории современной Беларуси",
answer: [
"Да, конечно, Мане писал башню, как Моне вокзал Сен-Лазар",
"Нет, его детство прошло в Чили",
"Нет, Валентин Волков и Юдаль Пэн родились за пределами современной Беларуси",
"На картине нет персонажа похожего на Гоголя, да и Иванов не был с ним даже знаком",
"Фредерик Базиль"
],
correct: 2,
img: '113.jpg'
},
{
question: "На одной из самых больших картин мира \"Явление Христа народу\", Александр Иванов одного из персонажей написал с Гоголя",
answer: [],
correct: 1,
img: '114.jpg'
},
{
question: "Дега любил писать балерин, Моне пруды и кувшинки, а кого называли \"художником воды\"",
answer: [],
correct: 0,
img: '115.jpg'
}
];
</script>
</head>
<body>
</body>
</html>
|
|
06.01.2017, 12:28
|
|
Интересующийся
|
|
Регистрация: 10.07.2016
Сообщений: 21
|
|
|
Да, ваш вариант выглядит хорошо! Но я уже перепробовала несколько вариантов хранения, а проблема заключается в том, что я никак не могу заставить их (картинки) меняться!
|
|
06.01.2017, 12:30
|
|
CacheVar
|
|
Регистрация: 19.08.2010
Сообщений: 14,124
|
|
|
Darya_kod, скорее всего тебе в раздел "Работа"... Назови свою цену, может и найдутся желающие сделать тебе программку.
|
|
06.01.2017, 12:32
|
|
Интересующийся
|
|
Регистрация: 10.07.2016
Сообщений: 21
|
|
|
Нет, мне не надо делать работу. Я просто спрашивала в чем ошибка. А не как написать код!
|
|
06.01.2017, 12:36
|
|
CacheVar
|
|
Регистрация: 19.08.2010
Сообщений: 14,124
|
|
|
Сообщение от Darya_kod
|
|
Я просто спрашивала в чем ошибка.
|
Для получения ответа нужно сделать простенький тестовый пример. У тебя его пока нет... |
|
06.01.2017, 12:43
|
|
Интересующийся
|
|
Регистрация: 10.07.2016
Сообщений: 21
|
|
Вот тот пример, который я уже выкладывала выше. По очень дельным советам наших комментаторов я его подправила. И просто хочу понять, в чем тут нестыковка. Почему картинки не меняются.
Либо под тестовым вы имели ввиду что-то иное?
<!DOCTYPE html>
<html>
<head>
<title>test</title>
</head>
<body>
<div style="margin-top: 10px;">
<div id="area" class="wrapper1">
<button id="start" class="myBut" onclick="check(countQuest)">Пройти тест</br>"Художники и окружение"</button>
<center>
<img src="111.jpg" id="question-image">
<p id="question"></p>
<!-- <button onclick="check(0)" class="myButton" id="option1" hidden></button> </br>
<button onclick="check(1)" class="myButton" id="option2" hidden></button> </br>
<button onclick="check(2)" class="myButton" id="option3" hidden></button> </br>-->
<ul style="list-style-type:none;">
<li><button onclick="check(0)" id="option1"><name="answers" ><span></span> </li>
<li><button onclick="check(1)" id="option2"><name="answers" > <span></span> </li>
<li><button onclick="check(2)" id="option3"><name="answers" > <span></span> </li>
</ul>
</center>
<div id="rez"></div>
</div>
</div>
//делаем отображение вопросов-ответов невидимыми при входе
document.getElementsByTagName("center")[0].style.display = "none";
//Массив вопросов
var questions = ["1. На одной из последних работ Эдуарда Мане была изображена строящеяся Эйфелева башня",
"2. Детство Поля Гогена прошло в Перу","3. Хаим Сутин, Юдаль Пэн, Марк Шагал, Леон Бакст, Валентин Волков, Язэп Дроздович - все эти художники родились на территории современной Беларуси",
"4. На одной из самых больших картин мира \"Явление Христа народу\", Александр Иванов одного из персонажей написал с Гоголя", "5. Дега любил писать балерин, Моне пруды и кувшинки, а кого называли \"художником воды\""];
//Массивы вариантов ответов
var number1 = ["Нет, такой картины у него нет", "Нет,он родился и детство провел в Париже. В экзотических странах он жил уже только в зрелом возрасте","Да, все эти выдающиеся художники родились на территории Беларуси", "Да, он очень дружил с Гоголем и попросил его позировать для картины", "Альфред Сислей"];
var number2 = ["Да, но это была одна из его ранних картин","Да, и это возможно и повлияло на его творческого мирооощущение","Нет, Валентин Волков и Леон Бакст родились за пределами современной Беларуси", "Нет, так как этот персонаж есть на его набросках еще до того, как он познакомился с писателем", "Камиль Писсарро"];
var number3 = ["Да, конечно, Мане писал башню, как Моне вокзал Сен-Лазар","Нет, его детство прошло в Чили","Нет, Валентин Волков и Юдаль Пэн родились за пределами современной Беларуси", "На картине нет персонажа похожего на Гоголя, да и Иванов не был с ним даже знаком", "Фредерик Базиль"];
//Массив правильных ответов
var answer = [0,1,2,1,0];
var countQuest = 0;
var plus = 0;
//var images = [];
var Im = ['111.jpg','112.jpg','113.jpg','114.jpg','115.jpg'];
for (var i=0; i<=5; i++) {
Im.img.src = Im.src;
};
function check(num){
if (num == 0)
{
//при первом входе делаем видимыми наши вопрос-ответы
document.getElementsByTagName("center")[0].style.display = "block";
}
if(num == answer[countQuest]) plus++;
if (countQuest == questions.length)
{ //вывод результата
//делаем отображение вопросов-ответов невидимыми при выводе результата
document.getElementsByTagName("center")[0].style.display = "none";
rez.innerHTML = rez.innerHTML + "<br/>Правильных ответов:" + plus +" из 5";
}
else
{//вывод текущих вопросов
document.getElementById('question').innerHTML = questions[countQuest];
document.getElementById('option1').getElementsByTagName("span")[0].innerHTML = number1[countQuest];
document.getElementById('option2').getElementsByTagName("span")[0].innerHTML = number2[countQuest];
document.getElementById('option3').getElementsByTagName("span")[0].innerHTML = number3[countQuest];
document.getElementById('question-image').src = images[countQuest];
countQuest++;
}
}
|
|
06.01.2017, 12:49
|
|
CacheVar
|
|
Регистрация: 19.08.2010
Сообщений: 14,124
|
|
|
Сообщение от Darya_kod
|
|
Вот тот пример, который я уже выкладывала выше.
|
Это не пример того как не меняются у тебя картинки... 
Это можно назвать неработающей задачкой в целом.
На данный момент у тебя есть полностью не работающая задачка с плохим хранением данных... И ты пытаешься выспрашивать о мелких неработающих деталях.
Это тебе ничего не даст.
Нужно либо по маленьким проблемам писать отдельные тестовые примеры... Либо сразу брать нормальное хранение данных и шаг за шагом делать задачку целиком.
Т.е. на фигне ты ничего нормально не построишь. |
|
06.01.2017, 12:52
|
|
Интересующийся
|
|
Регистрация: 10.07.2016
Сообщений: 21
|
|
|
Так, хорошо, сейчас я больше поняла про проблему! Спасибо
|
|
06.01.2017, 12:52
|
|
CacheVar
|
|
Регистрация: 19.08.2010
Сообщений: 14,124
|
|
|
Сообщение от Darya_kod
|
|
И просто хочу понять, в чем тут нестыковка. Почему картинки не меняются.
|
Ладно, будь по твоему... 
Где в твоем коде (по твоему мнению) идет "смена картинок"? По какому событию она происходит? |
|
06.01.2017, 13:01
|
|
Интересующийся
|
|
Регистрация: 10.07.2016
Сообщений: 21
|
|
Есть цикл, он пару раз видоизменялся и я честно запуталась: (там есть счетчик, ограничение, то что цикл действует 5 раз, т.к. 5 вопросов и обращение к массиву картинок)
вот варианты циклов:
for (var i=0; i<=5; i++) {
Im.img.src = Im.src;
};
for (var i=1; i<=5; i++ ) {
Im[i]= document.createElement("img");
Im[i].src = "11"+i+".jpg";
};
for (var i=0; i<=5; i++) {
Im[i].img.src = Im[i].src;
};
И второе
document.getElementById('question-image').src = images[countQuest];
здесь мы вызываем элемент по id и получается, что говорим менять их по мере смены вопросов.
Я, наверно, косо это рассказываю, но я так понимаю. |
|
|
|
