Gorod.dp.ua » Міські форуми / Городские форумы
Всього знайдено 4, показано з 1 по 4.

Тема: Помогите довести html код до ума...

  1. #1
    arhangel.dp.ua
    Guest

    Типово Помогите довести html код до ума...

    Щоб збільшити малюнок, клацніть по ньому
Назва:  картинка.jpg
Переглядів: 16
Розмір:  23,2 КБ
ID:	472082




    Помогите довести до ума! На HTML (это важно…без сss и т.д.)


    понимаю, что где-то рядом...но глаза замылены...не делал этого лет 7...решил вспомнить когда понадобилось...


    Реализовал с цветом фона: (при нажатии на мелкие квадраты меняется цвет фона на верхнем рисунке, звезда остается черной)

    <table border="0" align="center">
    <tr>
    <td bgcolor="#ff0000" width="20" height="20" onClick="color1.bgColor='#ff0000'"></td>
    <td bgcolor="#ffff00" width="20" height="20" onClick="color1.bgColor='#ffff00'"></td>
    <td bgcolor="#ff00ff" width="20" height="20" onClick="color1.bgColor='#ff00ff'"></td>
    <td bgcolor="#0000ff" width="20" height="20" onClick="color1.bgColor='#0000ff'"></td>
    </tr>
    </table>

    <table border="0" align="center">
    <tr>
    <td bgcolor="ff0000" width="100" height="100" id="color1"><img src="proba.gif"></td>
    </tr>
    </table>




    Необходимо сделать: при нажатии на мелкие квадратики (в таблице), рисунок (звезда) оставался прежним, а фон ячейки в таблице (background) изменялся.




    <table border="0" align="center">
    <tr>

    <td bgcolor="ffff00" width="20" height="20" onClick="document.getElementById('image1').backgro und='proba1.gif';return false;"></td>
    <td bgcolor="ffff00" width="20" height="20" onClick="document.getElementById('image1').backgro und='proba2.gif';return false;"></td>
    <td bgcolor="ffff00" width="20" height="20" onClick="document.getElementById('image1').backgro und='proba3.gif';return false;"></td>
    <td bgcolor="ffff00" width="20" height="20" onClick="document.getElementById('image1').backgro und='proba4.gif';return false;"></td>

    </tr>

    </table>

    <table border="0" align="center">
    <tr>
    <td background="proba4.gif" bgcolor="ff0000" width="100" height="100" id="image1"><img src="proba.gif"></td>
    </tr>
    </table>

    Не уверен в правильности написания вот этой строки


    <td bgcolor="ffff00" width="20" height="20" onClick="document.getElementById('image1').backgro und='proba1.gif';return false;"></td>


    Направьте пожалуйста в какую сторону мысль держать!

    Идея заключается в следующем: будет картинка кухни с прозрачной фасадной частью, при нажатии на цвета будет меняться цвет фасадов, но обязательно фоном, так как будут блики, отражения и т.д.


    Заранее большое спасыб!

  2. #2
    Модератор Аватар для turist_ua
    Реєстрація
    01 жовтень 2006
    Звідки Ви
    Дніпро
    Дописів
    16 100

    Типово

    Причем тут SEO?

    По теме:

    1. Обязательно с CSS - то что есть сейчас это говнокод.

    2. Это легко и удобно реализовать с помощью jQuery

  3. #3
    arhangel.dp.ua
    Guest

    Типово

    Цитата Допис від turist_ua Переглянути допис
    Причем тут SEO?

    По теме:

    1. Обязательно с CSS - то что есть сейчас это говнокод.

    2. Это легко и удобно реализовать с помощью jQuery
    Спасибо! бум пробовать!

  4. #4
    Модератор Аватар для turist_ua
    Реєстрація
    01 жовтень 2006
    Звідки Ви
    Дніпро
    Дописів
    16 100

    Типово

    Цитата Допис від arhangel.dp.ua Переглянути допис
    Спасибо! бум пробовать!
    не получится, напишу пример

Bookmarks

Bookmarks

Ваші права у розділі

  • Ви НЕ можете створювати нові теми
  • Ви НЕ можете відповідати у темах
  • Ви НЕ можете прикріплювати вкладення
  • Ви не можете редагувати свої повідомлення
  •  
  Головна | Афіша | Новини | Куди піти | Про місто | Фото | Довідник | Оголошення
Контакти : Угода з користивачем : Політика конфіденційності : Додати інформацію
Главная страница сайта  
copyright © gorod.dp.ua.
Всі права захищені. Використання матеріалів сайту можливо тільки з дозволу власника.
Про проєкт :: Реклама на сайті