1. Задавайте здесь вопросы о коде, которые не подходят в другие разделы, такие как:
    Дизайн > Верстка
    PHP > Как сделать на PHP
    Скрыть объявление

как передать команду Java-скрипту из раскрывающегося списка ?

Тема в разделе "Web Coding", создана пользователем madcap, 19 ноя 2007.

Статус темы:
Закрыта.
Модераторы: latteo
  1. madcap

    madcap Постоялец

    Заблокирован
    Регистр.:
    17 сен 2006
    Сообщения:
    147
    Симпатии:
    26
    Подскажите кто знает, как решить вот такую головоломку:

    Есть Java-скрипт для смены размера шрифта на экране-
    Код:
    <head>
    <script language=javascript>
    function ChangeSize(Size)
    {
      document.getElementById("PAR").style.fontSize = Size;
    }
    </script>
    </head>
    
    Если вызываю его вот таким методом-
    Код:
    <body>
    <INPUT onclick="ChangeSize('22pt')" type=radio name=Size>22pt<BR>
     <INPUT onclick="ChangeSize('24pt')" type=radio name=Size>24pt<BR>
     <INPUT onclick="ChangeSize('26pt')" type=radio name=Size>26pt<p>
     
    <TABLE><TBODY><TR>
    <TD id="PAR" style="FONT-SIZE: 14pt; FONT-FAMILY: Arial;">
    <H1 align=center>Привет лунатикам!</H1>
    <DIV>Так уж повелось на Руси, что встречать летающие тарелки выходили всем селом.</DIV>
    </TD></TR></TBODY></TABLE>
    </body>
    То ВСЁ работает на "УРА" - размер шрифта меняется на экране сразу после выбора нужной кнопки. И при том не только в эксплориере, но и в других браузерах включая и Лису.

    Но такой подход ужасно расточителен для пространства на экране - куча кнопок убъёт дизайн насмерть. :(

    А когда пытаюсь все варианты запихнуть в раскрывающийся список - ничего не получается....

    и чем я только не пытался передать скрипту эти параметры из раскрывающегося списка, и заставить его выполняться - беспалезна.. Целый день на него угрохал...

    Мозгом конечно понимаю, что всего 5-10 строк коротких там должно быть, но решения найти никак не могу.

    Вот чем пытаюсь его запустить:
    Код:
     <select size="1" name="Size">
     <option value='8pt' onchange="this.form.submit() onclick="ChangeSize(Size)">font 8</option>
     <option value='10pt' onchange="this.form.submit() onclick="ChangeSize('10pt')">font 10</option>
     <option value="12" onchange="this.form.submit() onclick="ChangeSize('12pt')">font 12</option>
     </select><br>
    Уже всё переставлял местами с ног на голову, а он всё равно не фурычить.....

    Гуру Java-скрипта, подскажите, как решить такую головоломку ?! :thenks:
     
  2. bueno

    bueno Читатель

    Заблокирован
    Регистр.:
    7 май 2007
    Сообщения:
    236
    Симпатии:
    69
    попробуй так:
    HTML:
    
     <select size="1" name="Size" onchange="ChangeSize(this.options[this.selectedIndex].value); return false;">
     <option value="8pt">font 8</option>
     <option value="10pt">font 10</option>
     <option value="12pt">font 12</option>
     </select>
    
    зы.. значения атрибутов html объектов надо заключать в двойные кавычки..
     
Статус темы:
Закрыта.