Добавить классы css в одну функцию

Мне нужно создать функцию с этим: onMouseDown, чтобы добавить этот класс, onChange, что другой класс и последний класс onBlur. С «.animate» более замечательно, но это нормально даже без.Добавить классы css в одну функцию

onMouseDown="this.className='styleDropDownClick'; 
onChange="this.className='styleDropDown'"; 
onBlur="this.className='styleDropDown';

Если anyoane может мне помочь, спасибо.

источник

2012-01-19 mcmwhfy

Попробуйте следующие функции:

function styleDropDownClick() { 

     var textForm = document.forms["textForm"]; 
     textForm.fname.setAttribute("class", "styleDropDownClick"); 
    } 
    function styleDropDown() { 
     var textForm = document.forms["textForm"]; 
     textForm.fname.setAttribute("class", "styleDropDown"); 
    }

Это работает со следующим HTML:

<form id="textForm"> 
     <input type="text" class="styleDropDown" name="fname" 
      onBlur="styleDropDown()" onChange="styleDropDown()" onMouseDown="styleDropDownClick()" value="test"/> 
     <input type="text" class="styleDropDown" name="fname2" value="test2"/> 
    </form>

источник

2012-01-19 14:13:29 wmorrison365

на самом деле не работает, смотрите пример: http://jsfiddle.net/DCjYA/130/. Выбор не распространяется на всю ширину значения для IE8 :( – mcmwhfy

Вы имеете в виду, что он не работает? В примере, который я дал, я тестировал текст имеет имя (не id) fname и завернуто в форму с именем .На самом деле, я отредактирую свой ответ. – wmorrison365

В вашем примере вы скопировали код дословно, даже если у вас нет формы так называемый textForm.Кроме того, класс в вашем элементе - это «styleDDC», а не «styleDropDownClick», как в вашем CSS. Скопируйте вышеуказанные функции и HTML в текстовый файл (с и ваш собственный CSS и т. д.). очень заметно, поэтому изменение очевидно (измените цвет или что-то в этом роде). Надеюсь, это поможет! – wmorrison365

Исправлено! Моя проблема заключалась в том, что дочерний элемент select не расширяется с автоматической шириной или заданной шириной.

$("select").click(function() { 
    $(this).children().addClass("cooling"); 
    });

вот пример, это работает только для IE

http://jsfiddle.net/DCjYA/132/

источник

2012-01-20 08:06:21 mcmwhfy

Добавить классы css в одну функцию

ответ

Смежные вопросы