Javascript-форум (https://javascript.ru/forum/)
-   (X)HTML/CSS (https://javascript.ru/forum/xhtml-html-css/)
-   -   поменять картинку при клике на ссылко (https://javascript.ru/forum/xhtml-html-css/37810-pomenyat-kartinku-pri-klike-na-ssylko.html)

torsar 07.05.2013 23:14

поменять картинку при клике на ссылко
 
<ul class="menu">
            <li id="backTo" class="othCards">
                <table>
                    <tr>
                        <td>
                            <img id="backToImg" src="../core/images/menu/ic_back_disabled.png">
                        </td>
                        <td>
                            <span>Back to Review</span>
                        </td>
                    </tr>
                </table>
            </li>
</ul>



Нужно менять картинко при клике на li
те для img менять стиль background-image (url)
можно ли это сделать силами css
прописав url в css
ul.menu li.othCards:active{
color: #048fc6;
}

animhotep 08.05.2013 11:28

по моему на много быстрей попробовать можно ли

_0_ 10.05.2013 15:06

Можно попробовать при клике добавить элементу li.othCards класс "clicked", а в css прописать например:
li.othCards.clicked img:first-child{
   background-color:red;
}


а если потом кликать по другому li.othCards, но искать li.othCards.clicked, снимать с него класс "clicked" и ставить его на новый li.othCards .

Если не хочешь использовать JQuery, то ищи li.othCards.clicked

var clicked=document.querySelector("ul.menu li.othCards.clicked")
if( clicked ){
   remove_class(clicked,"clicked");
}


функцию remove_class возьми отсюда.

сам это не проверял.


Часовой пояс GMT +3, время: 18:30.