Прошу помочь с кодом - Движки для разработки игр и сложные системы разработки - Движки для браузерных игр

Дата: Среда, 15 Августа 2012, 07:12 | Сообщение # 1

был не раз

Сейчас нет на сайте

Вот код:

Этот код я хочу использовать при регистрации, но не знаю как сделать так, что бы при выборе нужной строки под выбором появлялась соответственная картинка.
Буду признателен за помощь happy

На сколько я понимаю, для этого используется яваскрипт, если нет, то поправьте. Яваскрипт я начал изучать совсем недавно и сразу возникает вопрос. Есть ли что то подобное htmlbook только для яс?

Сообщение отредактировал NoExist - Среда, 15 Августа 2012, 07:13

Racot

Дата: Среда, 15 Августа 2012, 10:10 | Сообщение # 2

постоянный участник

Сообщений: 476

Сейчас нет на сайте

Посмотри тут или Тут

Quote (NoExist)

Яваскрипт я начал изучать совсем недавно и сразу возникает вопрос

Вопросы это хорошо, но учи все по порядку и будут тебе печеньки happy

Специалист "во всем" - специалист "ни в чем"
------------------------------------
Script Reference для Unity3D
Помогу со скриптами for Unity3D

Сообщение отредактировал Racot - Среда, 15 Августа 2012, 10:11

Дата: Среда, 15 Августа 2012, 12:39 | Сообщение # 3

был не раз

Сейчас нет на сайте

Я так понима нужно использовать этот скрипт:

Вместо (variable) нужно поставить переменную selecter`a country-selector, а вместо value_1 нужно поставить value "hi" из селектора. Правильно я понимаю?
Скрипт подключил в пхп, но по всей видимости я не правильно думал...

Не работает...

Сообщение отредактировал NoExist - Среда, 15 Августа 2012, 12:39

Дата: Среда, 15 Августа 2012, 13:32 | Сообщение # 4

постоянный участник

Сейчас нет на сайте

картинки назови соответственно "0.jpg" для hi, "1.jpg" для kaze ну и т.д
Либо используй switch, переменная Х - номер выбранного элемента списка(hi = 0 kaze = 1 ... kusa = 9)
Код выше ты сам привел, его просто чутка исправить

Добавлено (15.08.2012, 13:32)
---------------------------------------------
Вот примерно так

Сообщение отредактировал IIyxMASTER - Среда, 15 Августа 2012, 13:23

Дата: Среда, 15 Августа 2012, 13:36 | Сообщение # 5

был не раз

Сейчас нет на сайте

О спасибо! Значит, смотря на последний код, я чуть чуть ошибся) Ну яваскрипт я только учу, учу на ошибках =)
А вот тоже самое, что с картинкой, можно сделать с текстом?

Дата: Среда, 15 Августа 2012, 13:58 | Сообщение # 6

постоянный участник

Сейчас нет на сайте

знаешь, я js не люблю и не знаю, он меня бесит, как салат wink

Учись гуглить, все на поверхности лежит.

Сообщение отредактировал IIyxMASTER - Среда, 15 Августа 2012, 14:02

Дата: Среда, 15 Августа 2012, 14:12 | Сообщение # 7

был не раз

Сейчас нет на сайте

Code

Поставил 2 этих кода, начинают конфликтовать... 1й код меняет картинку у 2го, а второй у себя... пробовал айдишки приписать, что то не выходит.

Дата: Среда, 15 Августа 2012, 14:37 | Сообщение # 8

постоянный участник

Сейчас нет на сайте

у тебя обе функции называются val, естественно все тупить будет.
Назови одну HeroSelector, другую CountrySelector, и, соответственно, используй вместо

Code

<select onchange="val(this)"

Code

Для первого
<select onchange="HeroSelector(this)"

Для второго

Code

<select onchange="CountrySelector(this)"

Дата: Среда, 15 Августа 2012, 14:42 | Сообщение # 9

был не раз

Сейчас нет на сайте

ааа значит val и есть id как у div`a спс) На счет текста не очень понял, он его выводит сразу, а как сделать в зависимости от картинки соответственный текст?
На счет гугла, я не знаю как поиск сформулировать, ибо не знаю как называется этот скрипт)

Дата: Среда, 15 Августа 2012, 15:48 | Сообщение # 10

постоянный участник

Сейчас нет на сайте

Юзай библиотеку jQuery

Дата: Среда, 15 Августа 2012, 20:55 | Сообщение # 11

был не раз

Сейчас нет на сайте

Подключил.

Но возвращаясь к предыдущему своему посту, как реализовать такой текст?

Дата: Среда, 15 Августа 2012, 21:08 | Сообщение # 12

постоянный участник

Сейчас нет на сайте

создаёшь значит див, напр.:

Code

Дата: Среда, 15 Августа 2012, 21:22 | Сообщение # 13

был не раз

Сейчас нет на сайте

чавото у меня не получается =Р

Code

    <table align="center">
   <b>Выберите страну</b><br>
    <span id="attention">Внимание! После выбора страны изменить ее нельзя! Выбирайте мудро!</span><br>
   <script id="country-selector">
   function CountrySelector(a) {
   var x = a.selectedIndex;
   var path = "/images/country-map/";
   var imgSrc = path + x + ".png";
   document.getElementById("country-selector").src=imgSrc;
   }
   </script>
   <select onchange="CountrySelector(this)" name="country-selector">
                          <option value="hi">Выбрать Страну Огня.</option>
                          <option value="kaze">Выбрать Страну Ветра.</option>
                          <option value="mizu">Выбрать Страну Воды.</option>
                          <option value="kaminari">Выбрать Страну Молнии.</option>
                          <option value="tsuchi">Выбрать Страну Земли.</option>
                          <option value="ta">Выбрать Страну Рисовых Полей.</option>
                          <option value="ame">Выбрать Страну Дождя.</option>
                          <option value="taki">Выбрать Страну Водопада.</option>
                          <option value="uzu">Выбрать Страну Водоворота.</option>
                          <option value="kusa">Выбрать Страну Травы.</option>
        <option value="kawa">Выбрать Страну Реки.</option>
                       </select><br>
         <img src = "/images/country-map/0.png" id="country-selector" />
    <br>
   </br>
   <b>Описание страны:</b>
    </table>
    <br>
   </br>

Вот код, в который я пытался твой вставить, после описания страны нужно собственно описание) В селекторе выбирается страна, показывается картинка и под ней описание.
Так сложно wacko

Сообщение отредактировал NoExist - Среда, 15 Августа 2012, 21:26

Дата: Среда, 15 Августа 2012, 21:23 | Сообщение # 14

постоянный участник

Сейчас нет на сайте

У тебя жквери подключен?

Дата: Среда, 15 Августа 2012, 21:25 | Сообщение # 15

был не раз

Сейчас нет на сайте

Конечно)

<script type="text/javascript" src="/js/jquery-1.8.js"></script>

Дата: Среда, 15 Августа 2012, 21:27 | Сообщение # 16

постоянный участник

Сейчас нет на сайте

сразу после title документа подключение?

Сообщение отредактировал Lord135 - Среда, 15 Августа 2012, 21:28

Дата: Среда, 15 Августа 2012, 21:30 | Сообщение # 17

был не раз

Сейчас нет на сайте

Сообщение отредактировал NoExist - Среда, 15 Августа 2012, 21:31

Indev

Дата: Среда, 15 Августа 2012, 23:05 | Сообщение # 18

частый гость

Сообщений: 47

Сейчас нет на сайте

/js/jquery-1.8.js У тебя хоть есть этот файл? =)

Добавлено (15.08.2012, 23:05)
---------------------------------------------
Попробуй так (вместо своего):

Code

Завел аккаунт в Твиттере, буду постить сообщения о разработке игры. Подписывайтесь)

Дата: Четверг, 16 Августа 2012, 07:39 | Сообщение # 19

постоянный участник

Сейчас нет на сайте

Code

<html>
  <script>
  function Select(a) {

//Получаем данные из списка
// countryName - название, указанное в value
// countryIndex - индекс, нужный для switch, начинается с 0
     var countryName = a.value;
     var countryIndex = a.selectedIndex;

// В самый конец я поставил надпись "Выберите страну"
// После выбора деревни надпись должна удалиться
// Для этого проверяем имя последнего элемента
// И если оно равно "delete" - удаляем
// P.S options - массив с набором элементов нажего объекта select
// Для обращения к последнему элементу мы должны от его размера
// a.options.length отнять 1, так как индекс деревни начинает свой счет с 0
// Говоря проще - если в массиве 2 деревни, то и размер будет равен 2, однако
// Индекс первой деревни - 0, а второй - 1, тоесть индекс последней равен "размер - 1"
// После того как получили индекс последнего элемента - узнаем его значение и сравниваем с эталонным "delete"
     if(a.options[a.options.length-1].value == "delete")
     {
       a.options[a.options.length-1] = null;
     }
// Переменные, которые я ввел для удобства работы с текстом и картинкой
// image дает нам доступ к картинке, text - к тексту, описывающим деревню
     var image = document.getElementById("myImage");
     var text = document.getElementById("text");

// Путь до картинки первой деревни примерно "/images/hi.jpg"
// Отличаются все картинки лишь именем самой деревни, "/images/" и ".jpg" неизменны
// Нам нужно просто поменять "hi" на имя нужной нам деревни
// Переменная countryName содержит в себе это имя, она берет его из списка,
// Поэтому для формирования пути мы складываем
// "/images/", который не меняется,
// countryName , который мы получаем при каждом изменении селекта
// и ".jpg" , который тоже неизменен

     image.src="/images/" + countryName + ".jpg";

// Меняем текст в подписи, для этого получаем индекс нужной нам деревни
// Первая деревня имеет индекс 0, вторая 1, третья 2, ну и так далее
// И затем просто через свич меняем этот текст
     switch(countryIndex) {
      case 0: {
// 0 - это первая страна в списке, деревня огня
            text.innerHTML='Страна Огня это, Уася, такая штука классная, да!';
        break;
      }
      case 1: {
// 1 - вторая страна в списке, страна ветра
           text.innerHTML='Страна Ветра это как Страна Огня, только Ветра.';
        break;
      }
      case 2: {
           text.innerHTML='Страна Воды это как Страна Ветра, только Воды.';
        break;
      }
  default:
      {
        text.innerHTML='Дальше влом писать';
        break;
      }
      }

     }
  </script>
  <select onchange="Select(this)" name="country-selector" >

                        <option value="hi">Выбрать Страну Огня.</option>
                         <option value="kaze">Выбрать Страну Ветра.</option>
                         <option value="mizu">Выбрать Страну Воды.</option>
                         <option value="kaminari">Выбрать Страну Молнии.</option>
                        <option value="tsuchi">Выбрать Страну Земли.</option>
                        <option value="ta">Выбрать Страну Рисовых Полей.</option>
                        <option value="ame">Выбрать Страну Дождя.</option>
                        <option value="taki">Выбрать Страну Водопада.</option>
                        <option value="uzu">Выбрать Страну Водоворота.</option>
                        <option value="kusa">Выбрать Страну Травы.</option>
                        <option value="delete" selected="selected">Выберите страну</option>
                     </select>
             <img src = "" id="myImage" />
             <p id = "text"></li>
  </html>

Написал комментарии к действиям, надеюсь поймешь и дальше сам уже будешь все делать

Дата: Суббота, 18 Августа 2012, 14:02 | Сообщение # 20

был не раз