VPF::создание баннеров на лету - Форум программистов

Igor_CH

Дата 11.10.2006, 13:21 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 288
Регистрация: 20.3.2005

Репутация: нет
Всего: нет

Помогите организовать такое:
1. Список картинок, выбираем картинку она появляется рядом
2. Щелкаем по кнопке выпадает палитра цветов, выбираем цвет, код цвета прописывается в ячейке, рядом появляется квадрат с такой заливкой

А потом пишем слово в input, выбираем цвет слова, он тоже прописывается в ячейке рядом – это слово пишется над квадратом из пункта 1 или 2, в своей цветовой гамме.

JavaScripts не знаю, помогите пожалуйста.

GIK

Дата 11.10.2006, 15:52 (ссылка)

(нет голосов)

Загрузка ...

Добрый человек

Профиль
Группа: Участник
Сообщений: 985
Регистрация: 3.6.2005
Где: я только не небыв ал

Репутация: 6
Всего: 14

Вот так взять и написать весь код неочень то охота smile

Ты хотябы набросок приведи какой нибуть для начала.....

--------------------

Математика=>пиво=> програмирование, три вещи последовательны и совместимы !!!
Программирование - это не деятельнось! Программирование - это состояние души!
Бог - самый крутой программист.

Aliance

Дата 11.10.2006, 18:42 (ссылка)

(нет голосов)

Загрузка ...

I ♥ <script>

Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

Репутация: 55
Всего: 137

2 пункт я реализовавыл с помощью XML. Цветов получилось много +))
Первый - вообще примитив. Где проблемы?

--------------------

• Все о событиях
• Объекты и массивы
• ОКНА И ФРЕЙМЫ

JAVA ≠ JavaScript

Igor_CH

Дата 11.10.2006, 20:14 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 288
Регистрация: 20.3.2005

Репутация: нет
Всего: нет

проблемы в том что я вообще не знаю JavaScripts smile

попробую что нибудь попробывать

UpL1nK

Дата 12.10.2006, 05:34 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 102
Регистрация: 3.12.2005
Где: Тюмень

Репутация: нет
Всего: нет

Примерно набрасал, так надо?

Код


<table><tr><td>
<ul>
<li><a href="#" onclick="img.src='img1.gif'">картинка1</a></li>
<li><a href="#" onclick="img.src='img2.gif'">картинка2</a></li>
<li><a href="#" onclick="img.src='img3.gif'">картинка3</a></li>
<li><a href="#" onclick="img.src='img4.gif'">картинка4</a></li>
<li><a href="#" onclick="img.src='img5.gif'">картинка5</a></li>
</ul>
</td><td><img id="img" name="img" src="" alt="здесь картинка"></td>
</table>

--------------------

Макс

12345c

Дата 12.10.2006, 13:02 (ссылка)

(нет голосов)

Загрузка ...

Круглый

Профиль
Группа: Vingrad developer
Сообщений: 2018
Регистрация: 26.12.2005
Где: наша не пропадала ?

Репутация: 57
Всего: 101

2-я задача сделана здесь во множестве примеров, со статьёй, как это делать. Но надо знание программирования на JS, иначе только копировать готовые коды сможешь. И для начала все эти приимеры довольно сложные.

http://js2.ru/subs/subs006.shtml
Примеры - http://js2.ru/subs/subs006xmp.shtml

В предыдущей статье в конце - наиболее простой пример генерации палитры: http://js2.ru/subs/subs005.shtml#part2

1-я задача демонстрируется в примере http://js2.ru/example/JsPrimeryCode-67.htm (с подписями к картинкам; тоже можно скопировать коды).

Добавлено @ 13:08
А вот ссылка на выборщик цветов из соседнего раздела. Имеется демонстрация выбранного цвета в отдельном окошке и фрейме, но нет всплывания палитрыпо клику: http://abc-192.mosuzedu.ru/colorchooser.html

Это сообщение отредактировал(а) 12345c - 3.3.2008, 13:37

--------------------

Google Code Playground - онлайн-отладка своих примеров HTML+JS без регистрации, с сохранением по URL, без кириллицы. Go

Igor_CH

Дата 13.10.2006, 10:17 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 288
Регистрация: 20.3.2005

Репутация: нет
Всего: нет

Большое спасибо!!! Сейчас смотрю пытаюсь переделывать, пока не очень получается, застопорюсь напишу.

Не получается чтоб выбранная картинка становилась фоном нужной мне ячейки.

И еще вообще не найти пример когда пишу слова в input , чтоб эти слова появлялись в соседней ячейке (не input).

UpL1nK

Дата 13.10.2006, 15:22 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 102
Регистрация: 3.12.2005
Где: Тюмень

Репутация: нет
Всего: нет

Код


И еще вообще не найти пример когда пишу слова в input , чтоб эти слова появлялись в соседней ячейке (не input).

Код


<table>
<tr><td>
<form>
<input type="text" onchange="td.innerText=this.value" />
</form>
</td><td id="td" name="td">
</td></tr></table>

Работает, но почему заполнение ячейки идёт только после щелчка в окне? т.е не сразу как ввел строку? ведь событие onchange?

Это сообщение отредактировал(а) UpL1nK - 13.10.2006, 15:23

--------------------

Макс

12345c

Дата 13.10.2006, 16:13 (ссылка)

(нет голосов)

Загрузка ...

Круглый

Профиль
Группа: Vingrad developer
Сообщений: 2018
Регистрация: 26.12.2005
Где: наша не пропадала ?

Репутация: 57
Всего: 101

Код


<input type="text" onkeyup=document.getElementById('td').innerHTML=this.value.replace(/</,"&lt;")>

</td><td id="td">

Цитата(Igor_CH @ 13.10.2006, 10:17

)

Не получается чтоб выбранная картинка становилась фоном нужной мне ячейки.

Код

.style.backgroundImage="url(имя_файла_или_путь)".

Igor_CH

Дата 18.10.2006, 08:54 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 288
Регистрация: 20.3.2005

Репутация: нет
Всего: нет

ну вот пока у меня так:

Код


<script language="JavaScript">
<!--
blank = new Image(); blank.style.backgroundImage = "url(image/blank.gif)";
aqua = new Image(); aqua.style.backgroundImage = "url(image/aqua.gif)";
blue = new Image(); blue.style.backgroundImage = "url(image/blue.gif)";
brown = new Image(); brown.style.backgroundImage = "url(image/brown.gif)";
darkgreen = new Image(); darkgreen.style.backgroundImage = "url(image/darkgreen.gif)";
gold = new Image(); gold.style.backgroundImage = "url(image/gold.gif)";
green = new Image(); green.style.backgroundImage = "url(image/green.gif)";
grey = new Image(); grey.style.backgroundImage = "url(image/grey.gif)";
orange = new Image(); orange.style.backgroundImage = "url(image/orange.gif)";
pink = new Image(); pink.style.backgroundImage = "url(image/pink.gif)";
purple = new Image(); purple.style.backgroundImage = "url(image/purple.gif)";
red = new Image(); red.style.backgroundImage = "url(image/red.gif)";
yellow = new Image(); yellow.style.backgroundImage = "url(image/yellow.gif)";

function ChangeBars(sel,td) {
  eval("document.all.td.style.backgroundImage="+sel+".style.backgroundImage");
}

// -->
</script>

<select onChange="javascript:ChangeBars(options[selectedIndex].value)">
<option value="blank">---</option>
<option value="aqua">голубой</option>
<option value="blue">синий</option>
<option value="brown">коричневый</option>
<option value="darkgreen">темно-зеленый</option>
<option value="gold">золотой</option>
<option value="green">зеленый</option>
<option value="grey">серый</option>
<option value="orange">оранжевый</option>
<option value="pink">розовый</option>
<option value="purple">пурпурный</option>
<option value="red">красный</option>
<option value="yellow">желтый</option>
</select>
    
<table border=1><tr>
<input type="text" onkeyup=document.getElementById('td').innerHTML=this.value.replace(/</,"&lt;")> 
<td width=110 height=55 id="td" name="td" style="background-Image:url(image\yellow.gif)">Текст баннера</td>
</tr></table>

Осталось чтобы можно было менять цвет шрифта и выравнивание текста (valign, align) в ячейке где прописывается текст баннера. Подскажите пожалуйста.

12345c

Дата 18.10.2006, 15:48 (ссылка)

(нет голосов)

Загрузка ...

Круглый

Профиль
Группа: Vingrad developer
Сообщений: 2018
Регистрация: 26.12.2005
Где: наша не пропадала ?

Репутация: 57
Всего: 101

http://forum.vingrad.ru/index.php?showtopic=116345

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Общие вопросы \| Следующая тема »