Добавьте больше классов CSS в одну функцию - PullRequest
Новая
       73

Добавьте больше классов CSS в одну функцию

0 голосов
/ 19 января 2012

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

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

Если кто-нибудь может мне помочь, спасибо.

Ответы [ 2 ]

0 голосов
/ 20 января 2012

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

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

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

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

0 голосов
/ 19 января 2012

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

    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>
...