Одесса: 11°С (вода 9°С)
Киев: 3°С
Львов: 2°С

Тема: JavaScript

Ответить в теме
Показано с 1 по 9 из 9
  1. Вверх #1

    По умолчанию JavaScript

    Добрый день!
    Мне нужна ваша помощь,у меня проблема с измением стилей.Вот пример моего кода:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <html>
    <head>
    <style>
    .read {width: 140px; height: 100px; background-color: blue;}
    .read2{width: 140px; height: 100px; background-color: red;}
    </style>
    <script>
    var flag=1;
    function cl(){
    if(flag == 1)
    {
    document.getElementById('read').className = 'read2';
    flag = 0;
    }
    else
    {
    document.getElementById('read').className = 'read';
    flag = 1;
    }
    }

    var chek =1;
    function clic(){
    if(chek == 1)
    {
    document.img1.src = 'img/chek1.png';
    chek = 0;
    }
    else
    {
    document.img1.src = 'img/chek0.png';
    chek = 1;
    }
    }
    </script>
    </head>
    <body>

    <div class="read" id="read">
    <img src="img/chek0.png" onmousedown="cl(); clic()"/>
    </div>

    <div class="read" id="read">
    <img src="img/chek0.png" onmousedown="cl(); clic()"/>
    </div>

    <div class="read" id="read">
    <img src="img/chek0.png" onmousedown="cl(); clic()"/>
    </div>



    </body>
    </html>

    .......только все эти функции работаю только для 1го div,изменяют внем фон 1го div и картинку. Пробовал создавать отдельную функцию для замены картинки, но в этом случае картинка заменятеся не сразу, а на второй клик. Как сделать чтобы обе функции заработали для всех блоков?

    Заранее спасибо!
    Вложения
    • Тип файла: zip img.zip (2.7 Кб, Просмотров: 4)


  2. Вверх #2
    Постоялец форума Аватар для Илья Царюк
    Пол
    Мужской
    Адрес
    Одесса
    Возраст
    35
    Сообщений
    1,523
    Репутация
    694
    Записей в дневнике
    3
    Советую вам уставновить Firefox и JavaScript Debugger к нему. Отладить ваш скрипт, и понять как он себя ведет, если вы не представляете это в процессе написания. Тогда все проблемы сами-собой исчезнут. Не ленитесь использовать дебаггер для JavaScript.

    Запомните раз и навсегда. ID элемента должен быть уникальным на странице. В вашем же случае используется первый элемент потока который имеет ID = "read". Остальные соответственно игнорируются, так как три одинаковых ID есть ошибка. Это и есть ответ на ваш вопрос. Используйте событие onmouseclick чтобы заменялось сразу и THIS для того чтобы указать какой именно элемент выстреливает событие. Тогда в функции вы сможете обращаться к нему, и не искать его по ID. И не будет проблем.

    Зарубите на носу - !необходимо! проводить валидацию документа. В вашем случае валидатор бы сразу указал на ошибку, о которой вы не подозревали. Опять таки, поставьте расширения на FF, там естьи валидация и консоль и всё что нужно веб-разработчику.
    Последний раз редактировалось Илья Царюк; 04.09.2007 в 19:11.

  3. Вверх #3
    Постоялец форума Аватар для tanyusha
    Пол
    Женский
    Адрес
    Одесса
    Возраст
    37
    Сообщений
    1,657
    Репутация
    372
    help help!!!
    ищю себе учителя по JavaScript кто знает такого подскажите!!!!!!

  4. Вверх #4
    Постоялец форума Аватар для Илья Царюк
    Пол
    Мужской
    Адрес
    Одесса
    Возраст
    35
    Сообщений
    1,523
    Репутация
    694
    Записей в дневнике
    3
    Купи книжку JavaScript 10 минут на урок. И будешь рада.

  5. Вверх #5
    Никогда не понимал надобность репетитора

    tanyusha, единственное, что могу сказать: не покупай книги Вадима Дунаева.
    Если дадите мне доллар за каждую найденную ошибку у него в книге - я разбогатею.

  6. Вверх #6
    Постоялец форума Аватар для tanyusha
    Пол
    Женский
    Адрес
    Одесса
    Возраст
    37
    Сообщений
    1,657
    Репутация
    372
    Спасибо ребята, но в том то и дело что книг уже 100 штук, а толку от них.... Надо чтоб над головой сидели. Или все не то покупаю, есть проверенные?

  7. Вверх #7
    Постоялец форума Аватар для Илья Царюк
    Пол
    Мужской
    Адрес
    Одесса
    Возраст
    35
    Сообщений
    1,523
    Репутация
    694
    Записей в дневнике
    3
    Над головой сидят тогда, когда надо заставлять. Вас ведь не нужно заставлять? 100 штук по JavaScript это слишком много. Вам достаточно будет одной. 10 минут на урок. Нужно ознакомится с основами. А все остальное прийдется искать на форумах, руководствах, справочнике. После основ желательно изучить какой-то фреймворк, Prototype например. Тогда разработка будет занимать у вас не так много времени.

  8. Вверх #8
    Постоялец форума Аватар для tanyusha
    Пол
    Женский
    Адрес
    Одесса
    Возраст
    37
    Сообщений
    1,657
    Репутация
    372
    Спасибо, буду стараться,а если что поможите?

  9. Вверх #9
    Постоялец форума Аватар для Илья Царюк
    Пол
    Мужской
    Адрес
    Одесса
    Возраст
    35
    Сообщений
    1,523
    Репутация
    694
    Записей в дневнике
    3
    Изучите основы. Cинтаксис языка, DOM и основные функции которые есть в JavaScript. Узнайте его возможности и что на нем можно делать. А остальное само-собой пойдет.


Ответить в теме

Похожие темы

  1. JavaScript: проблема
    от NoXX в разделе Программирование
    Ответов: 66
    Последнее сообщение: 08.09.2007, 18:20
  2. JavaScript - Окно выбора файла
    от levis в разделе Программирование
    Ответов: 3
    Последнее сообщение: 07.09.2007, 16:19
  3. Стыковка PHP и JavaScript
    от mel в разделе Программирование
    Ответов: 11
    Последнее сообщение: 20.02.2007, 15:37
  4. Помогите со скриптом JavaScript
    от Emm в разделе Программирование
    Ответов: 7
    Последнее сообщение: 23.12.2006, 20:01
  5. JAVASCRIPT
    от Aksash в разделе Программирование
    Ответов: 5
    Последнее сообщение: 09.10.2005, 16:28

Социальные закладки

Социальные закладки

Ваши права

  • Вы не можете создавать новые темы
  • Вы не можете отвечать в темах
  • Вы не можете прикреплять вложения
  • Вы не можете редактировать свои сообщения