Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #11 (permalink)  
Старый 26.02.2014, 19:22
Аспирант
Отправить личное сообщение для Alex_dark74 Посмотреть профиль Найти все сообщения от Alex_dark74
 
Регистрация: 10.04.2012
Сообщений: 72

<form>
  <table>
    <tr>
      <td style="width: 230 px;"></td>
      <td>
        <div style="position: relative;z-index: 2;" ><img id="d" src="../pic/disk/clear.gif" width="230" height="297" /></div>
        <div style="position: relative;z-index: 1; top: -297px;"><img id="b" src="../pic/disk/non_box.gif" width="230" height="297" /></div>
      </td>
      <td style="text-align: left; padding-left: 20px; vertical-align: top;">
        <p style="font-weight: bold; color: white; margin-bottom: 0px;">Количество</p>
        <input style="border: silver solid 1px;" name="number" class="calc" id="number" />
        <p style="font-weight: bold; color: white; margin-bottom: 0px;">Тип диска</p>
        <select name="type_disc" class="calc" id="type_disc">
          <option value="cd">CD диск (700 мб)</option>
          <option value="dvd">DVD диск (1.4 гб)</option>
        </select>
        <p style="font-weight: bold; color: white; margin-bottom: 0px;">Выберите услугу</p>
        <input onclick="print_for_disc()" id="print" name="print" type="checkbox" />Печать на диске<br />
        <input onclick="burn()" id="burn" name="burn" type="checkbox" />Запись на диск
        <p style="font-weight: bold; color: white; margin-bottom: 0px;">Упаковка</p>
        <select onchange="box(this.value)" id="box" name="box">
          <option value="non">Без упаковки</option>
          <option value="cd_lite">Коробка для CD тонкая</option>
          <option value="cd_standart">Коробка для CD стандартная</option>
          <option value="dvd">Коробка для DVD</option>
          <option value="paper">Конверт бумажный с окном</option>
          <option value="poly">Конверт прозрачный полиэтиленовый</option>
        </select><br />
        <div id="poligraf"></div>
        <br /><button onclick="get_id()">Расчитать</button>
      </td>
    </tr>
  </table>
</form>
<script>
  function print_for_disc(){
    if ($("#print").is(':checked')){
      img = (img + 1);
      //alert(img);
    }
    else {
      img = (img - 1);
      //alert(img);
    }
    replace_img(img);
  }
  function burn(){
    if ($("#burn").is(':checked')){
      img = (img + 2);
      //alert(img);
    }
    else {
      img = (img - 2);
      //alert(img);
    }
    replace_img(img);
  }
  function replace_img (img){
    switch (img){
      case 0:
        $("#d").attr("src",'../pic/disk/clear.gif');
        break;
      case 1:
        $("#d").attr("src",'../pic/disk/print.gif');
        break;
      case 2:
        $("#d").attr("src",'../pic/disk/write.gif');
        break;
      case 3:
        $("#d").attr("src",'../pic/disk/write_print.gif');
        break;
    }
  }
  
  function box(box){
    switch (box){
      case "non":
        $("#b").attr("src",'../pic/disk/non_box.gif');
        $('#temp_polygraf').remove();
        break;
      case "cd_lite":
        $("#b").attr("src",'../pic/disk/cd_box.gif');
        if($("#temp_polygraf").length){}else{$('#poligraf').append('<div id="temp_polygraf"><input type="checkbox" name=""/>Полиграфия для упаковки</div>');}
        break;
      case "cd_standart":
        $("#b").attr("src",'../pic/disk/cd_box.gif');
        if($("#temp_polygraf").length){}else{$('#poligraf').append('<div id="temp_polygraf"><input type="checkbox" name=""/>Полиграфия для упаковки</div>');}
        break;
      case "dvd":
        $("#b").attr("src",'../pic/disk/dvd_box.gif');
        if($("#temp_polygraf").length){}else{$('#poligraf').append('<div id="temp_polygraf"><input type="checkbox" name=""/>Полиграфия для упаковки</div>');}
        break;
      case "paper":
        $("#b").attr("src",'../pic/disk/paper_enviloper.gif');
        $('#temp_polygraf').remove();
        break;
      case "poly":
        $("#b").attr("src",'../pic/disk/poly_enviloper.gif');
        $('#temp_polygraf').remove();
        break;
    }
    alert();
  }
var img = 0;
</script>

есть такой код!
Проблема возникает кода ввожу тег form
При выборе select не отрабатывает функцию box
Ответить с цитированием
  #12 (permalink)  
Старый 26.02.2014, 19:38
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,075

Alex_dark74,
<select onchange="box(this.value)" id="box" name="box"> догадайтесь почему это недолжно работать
Ответить с цитированием
  #13 (permalink)  
Старый 26.02.2014, 22:09
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,124

Сообщение от Alex_dark74
есть такой код!
Пипец...
Ответить с цитированием
  #14 (permalink)  
Старый 27.02.2014, 08:22
Аспирант
Отправить личное сообщение для Alex_dark74 Посмотреть профиль Найти все сообщения от Alex_dark74
 
Регистрация: 10.04.2012
Сообщений: 72

Пытаюсь сообразить, но не получается!
Ведь без тега form он работает!!!
Ответить с цитированием
  #15 (permalink)  
Старый 27.02.2014, 08:53
Аспирант
Отправить личное сообщение для Alex_dark74 Посмотреть профиль Найти все сообщения от Alex_dark74
 
Регистрация: 10.04.2012
Сообщений: 72

ага! понял!
одинаковые названия id и функции! они конфликтуют!
Рони спасибо!
Это лучшая подсказка. теперь запомню!
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
checkbox = checkbox Слейп jQuery 2 30.01.2013 15:24
jqgrid tree and checkbox gaz2003 jQuery 0 17.12.2011 15:59
Проверить заполнение radio и checkbox в форме webkstu Events/DOM/Window 10 16.07.2011 18:16
Функция disable для нескольких checkbox allforweb Элементы интерфейса 4 19.12.2010 17:51
проверить элементы checkbox выбраны ли они bushstas Общие вопросы Javascript 4 28.08.2009 17:39