Question

Добрый день. Может я не правильно сделал, что сюда написал, поэтому заранее извини пожалуйста. Задача была такая сделать игру на сайте для детей из лагеря. Игра с кодами. Дети ходят, ищут коды, вводят коды на сайты и потом нажимают на кнопку для проверки и им на карте показывается метка с местом где новый код и т.д. Скрипт есть, все работает технически, но  при нажатии кнопки без кода, появляется первая картинка ( которая без меток ) эта первая беда, потому что я не знаю как сделать чтобы кнопка работала только с правильными кодами, а с неправильными или вообще с пустым окном не работала вообще. Проблема вторая я сделал коды и при нажатии на кнопку с кодом выходит картинка с меткой, но она эта картинка с меткой не смещается, а не встает вместо первой ( которая без метки ) следующие вообще появляются ниже и так все остальные все ниже. Помогите как-то решить эту проблему. Хотя бы узнать проблема в скрипте или что-то с сайтом.  страница пример : http://cks43.ru/index/3_otrjad/0-31 пароль от нее: 3  коды:  1 картинка: 111  2 картинка: 222  3 картинка: 333  Спасибо большое заранее, если даже просто прочитали это.

Answer 1

Вообщем написал для вас более качественный код, просто замените свой текущий на следующий:

<input id="wPassword" type="password" /> <input onclick="wProverit()" type="button" value="Проверить" />
<div id="wIMG" style="background:url(/pics/primer.png); width:750px;height:407px;"></div>
<script>
// автор Вовчик by webo4ka.ru
function wProverit(){
var wParol = $('#wPassword').val();
if(wParol == '') {alert('Введите пароль!');} else {
if(wParol == 111) {$('#wIMG').html('<div id="wIMG" style="background:url(/pics/metki/primer1.png); width:750px;height:407px;"></div>');}
if(wParol == 222) {$('#wIMG').html('<div id="wIMG" style="background:url(/pics/metki/primer2.png);width:750px;height:407px;"></div>');}
if(wParol == 333) {$('#wIMG').html('<div id="wIMG" style="background:url(/pics/metki/primer3.png);width:750px;height:407px;"></div>');}
if(wParol == 111 || wParol == 222 || wParol == 333) {} else {alert('Такого пароля нет!');}
}
}
$('#wPassword').bind("change keyup input click", function() {if (this.value.match(/[^0-9]/g)) {alert('Вводите числа!'); this.value = this.value.replace(/[^0-9]/g, '');}});
</script>

Comments

Спасибо большое) Я посмотрю. Но если я свой тоже доделал кое-ка. Но вроде все работает)

---

Александр Чирков,

Этот код намного функциональнее, он и запрещает вводить буквы и разные символы, проверяет пусто ли поле, и правильность пароля... ну вообщем как хочешь))

---

Вовчик,

<input id="wPassword" type="password" /> <input onclick="wProverit()" type="button" value="Проверить" />
<div id="wIMG" style="background:url(/pics/primer.png); width:750px;height:407px;"></div>
<script>
function wProverit(){
var wParol = $('#wPassword').val();
if(wParol == '') {alert('Введите пароль!');} else {
if(wParol == 111) {$('#wIMG').html('<div id="wIMG" style="background:url(/pics/metki/primer1.png); width:750px;height:407px;"></div> <br> <div style="background:url(ССЫЛКА НА ИЗОБРАЖЕНИЕ); width:750px;height:407px;"></div>');}
if(wParol == 222) {$('#wIMG').html('<div id="wIMG" style="background:url(/pics/metki/primer2.png);width:750px;height:407px;"></div> <br> <div style="background:url(ССЫЛКА НА ИЗОБРАЖЕНИЕ); width:750px;height:407px;"></div>');}
if(wParol == 333) {$('#wIMG').html('<div id="wIMG" style="background:url(/pics/metki/primer3.png);width:750px;height:407px;"></div> <br> <div style="background:url(ССЫЛКА НА ИЗОБРАЖЕНИЕ); width:750px;height:407px;"></div>');}
if(wParol == 111 || wParol == 222 || wParol == 333) {} else {alert('Такого пароля нет!');}
}
}
$('#wPassword').bind("change keyup input click", function() {if (this.value.match(/[^0-9]/g)) {alert('Вводите числа!'); this.value = this.value.replace(/[^0-9]/g, '');}});
// автор Вовчик by webo4ka.ru
</script>

Answer 2

Это нестандартное решение, тут нужно дорабатывать скрипт

Попробуйте обратиться на официальную биржу фриланса

Comments

Спасибо большое)

Answer 3

По поводу смещения картинки виноват скрипт а именно appendChild  document.getElementById('container').appendChild(layer);

Comments

Спасибо большое) Да да, я уже понял) сделал все вроде бы)