Форум PHP программистов

[ Поиск ] - [ Пользователи ] - [ Календарь ]

Xakep

26.11.2011 - 00:22

Доброго времени суток.
Извиняюсь за нубство, но че то я не помню одного момента. с JS я уже очень давно не работал.

есть такой стиль:


table .c { color: red }
.a .c { color: green }

и такая таблица:


<table id="t">

    <tr>

        <td class="c">Текст</td>

    </tr>

</table>

вот надо с помощью js в <td> сменить класс с table .c на .a .c

я это раньше делал, но не помню как хоть убей user posted image

делаю вот так:


<td class="c" onClick="this.className='a';">Текст</td>

но это если только в стиле будет так:


.a { color: green }

а не так:


.a .c { color: green }

Спустя 18 минут, 2 секунды (25.11.2011 - 23:40) killer8080 написал(а):

так?

<td class="c" onClick="this.className='a c';">Текст</td>

Спустя 4 минуты, 37 секунд (25.11.2011 - 23:45) Xakep написал(а):

да пробовал я так. результат=0

может все из за того что и там и тут есть .c?
мне кажется там надо условием проверять. Типа если стоит c то поставить a. А если стоит a то поставить с

Спустя 5 минут, 41 секунда (25.11.2011 - 23:50) killer8080 написал(а):

Xakep
если нужно назначить элементу несколько классов, они просто пишутся через пробел.
Попробуй вручную вписать их в атрибут, и посмотри будет ли работать, скорей всего что со стилями не так.

Спустя 33 секунды (25.11.2011 - 23:51) TranceIT написал(а):

На jQuery


$(document).ready(function(){
    $(".t tr td").click(function(){
        $(this).addClass("a");
    });
});

Или


$(document).ready(function(){
    $(".t tr td").click(function(){
        $(this).parent().html("<td class='a c'>Текст</td>");
    });
});

Спустя 1 минута, 58 секунд (25.11.2011 - 23:53) killer8080 написал(а):

TranceIT
тянуть тяжелую либу только ради смены класса?

Спустя 1 минута, 24 секунды (25.11.2011 - 23:54) TranceIT написал(а):

killer8080
Ну мало ли она уже используется =)

Спустя 2 минуты, 52 секунды (25.11.2011 - 23:57) Xakep написал(а):

killer8080

ну вот же пробую вот так:

<html>
<head>
<style>
    table .c { color: red; }
    .a .c { color: green; }
</style>
</head>
<body>
<table id="t">

    <tr>

        <td class="c" onClick="this.className='a c';">Текст</td>

    </tr>

</table>
</body>
</html>

Спустя 2 минуты, 16 секунд (25.11.2011 - 23:59) Xakep написал(а):

TranceIT
честно говоря я JQuery пользоваться не умею...так что я понятия не имею как ее использовать

Спустя 47 секунд (26.11.2011 - 00:00) killer8080 написал(а):

Xakep
а толку, у тебя же эти классы вообще ничем не отличаются

Оба задают зелёный цвет шрифта. Что ты хочешь получить?

Спустя 2 минуты, 51 секунда (26.11.2011 - 00:03) Xakep написал(а):

killer8080
у одного цвет красный а у другого зеленый. Да и дело не в этом. Главное что в стиле ничего менять нельзя. Надо использовать именно этот стиль и с помощью js осуществить смену стиля и тремя способами

Спустя 1 минута, 59 секунд (26.11.2011 - 00:05) killer8080 написал(а):

Цитата (Xakep @ 25.11.2011 - 23:03)

у одного цвет красный а у другого зеленый.

Хочу себе красную машину, но чтоб обязательно была зеленой

И как по твоему должен выглядеть результат?

Спустя 2 минуты, 56 секунд (26.11.2011 - 00:08) killer8080 написал(а):

Цитата (Xakep @ 25.11.2011 - 23:03)

и с помощью js осуществить смену стиля и тремя способами

есть только 2 способа в нативном JS

<td class="c" onClick="this.className='a c';">Текст</td>
<td class="c" onClick="this.setAttribute('class', 'a c');">Текст</td>

Спустя 1 минута, 18 секунд (26.11.2011 - 00:09) Xakep написал(а):

Дано:


<style>
    table .c { color: red }
    .a .c { color: green }
</style>


<table id=”t”>

    <tr>

        <td class=”c”>Текст</td>

    </tr>

</table>

Задача: написать JavaScript код, делающий “Текст” зелёным, предложите как минимум три варианта (можно больше) (1-2 могут использовать JS библиотеки) только самого кода (копировать задание в ответ не нужно).

Спустя 5 минут, 41 секунда (26.11.2011 - 00:15) killer8080 написал(а):

так что ли?

<style>
    table .c { color: red }
    .a, .c { color: green }
</style>
<table id="t">

    <tr>

<td class="c" onclick="this.className='a'">Текст</td>
<td class="c" onclick="this.setAttribute('class', 'a')">Текст</td>
<td class="c" onclick="this.style.color='green'">Текст</td>

    </tr>

</table>

PS ты в стиле забыл запятую в перечислении классов

Спустя 4 минуты, 16 секунд (26.11.2011 - 00:19) Xakep написал(а):

Цитата

так что ли?

вот незнаю так или не так

Цитата

PS ты в стиле забыл запятую в перечислении классов

я ничего не забыл. я просто скопировал задание. там так написано

Спустя 6 минут, 6 секунд (26.11.2011 - 00:25) killer8080 написал(а):

Цитата (Xakep @ 25.11.2011 - 23:19)

я ничего не забыл. я просто скопировал задание. там так написано

ну так и скажи преподу, что в задании ошибка была

Спустя 6 минут, 5 секунд (26.11.2011 - 00:31) Xakep написал(а):

а может это и не ошибка вовсе а так надо?

Спустя 1 минута, 43 секунды (26.11.2011 - 00:33) Xakep написал(а):

killer8080

вот смотри, попробуй зайти сюда:
http://job.lightsoft.ru/makeTest?key=98496...85362ed6b297eb6

там все увидишь.

4 задания и мне их надо сделать

Спустя 25 минут, 29 секунд (26.11.2011 - 00:58) inpost написал(а):

.style.color = "green"; всё, стал зеленым, не надо трогать даже классы.

Спустя 5 минут, 20 секунд (26.11.2011 - 01:04) Xakep написал(а):

Цитата

.style.color = "green"; всё, стал зеленым, не надо трогать даже классы.

ага....

вот как раз их мне только и надо трогать

Спустя 10 часов, 42 минуты, 45 секунд (26.11.2011 - 11:47) inpost написал(а):

Xakep
Странно, что надо, потому что в задании ничего не говорилось, что менять надо через классы.

Спустя 2 часа, 39 минут, 33 секунды (26.11.2011 - 14:26) Xakep написал(а):

а для чего тогда они там?

Спустя 42 минуты, 51 секунда (26.11.2011 - 15:09) inpost написал(а):

Xakep
Всмысле? По фен-шую всё, занесли в классы, а если динамически менять, то конкретно стили объекта, а не всего класса. Зачем всего класса, чтобы потом другой объект на странице, который мог его же использовать - тоже подвергнется изменениям.

Быстрый ответ:

Здесь расположена полная версия этой страницы.