Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
PHP Puzzles. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5/6. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель PHP 5 / 6 (3 издание). Авторы: Кузнецов М.В., Симдянов И.В. Программирование. Ступени успешной карьеры. Авторы: Кузнецов М.В., Симдянов И.В. MySQL на примерах. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: "Рисовалка" - Java script
 
 автор: ae212   (26.06.2005 в 00:22)   письмо автору
 
 

Возникла надобность сделать что-то вроде мини-графического редактора с помощью Java script (именно script). При том, что я с этими делами на "Вы". Дотумкал только до того, как перетаскивать div'ы - тасовать с места на место картинки и текстовые блоки. А вот как динамично менять цвет, размер и т.п. шрифта (конкретно выбранного блока)? Может подскажет кто...

   
 
 автор: glsv (Дизайнер)   (27.06.2005 в 09:32)   письмо автору
 
   для: ae212   (26.06.2005 в 00:22)
 

Ох… большую вы тему подняли. Давайте начнем с чего-нибудь малого. Большой объемный вопрос, для ответа на который нужно много примеров кода отпугивает даже желающих ответить.

   
 
 автор: ae212   (27.06.2005 в 13:43)   письмо автору
 
   для: glsv (Дизайнер)   (27.06.2005 в 09:32)
 

Действительно, не подумал, что что кода может быть много... Но мне
хотя б идейку... Собственно, вся страница состоит из таких вот
кусочков. Все переменные "приезжают" из родительского окна:

<script>
.............
document.write('<div id="id_001" 
style="position:absolute;left:'+l_001+';top:'+t_001+';"><p 
name="id_001"  onClick="func_001()" 
style="color:#'+font_col_001+';font-family:'+font_fam_001+';fontsize:'+font_siz_001+'pt">'+text_001+'</a></div>
.............
<div id="id_999" style="position:absolute;left:'+l_999+';top:'+t_999+';">
<img src="999.gif" name="id_999" width="'+w_999+'" height="'+h_999+'" 
border=0 onClick="func_999()></div>')
.............
</script>

Пока я могу только перетаскивать текст и img, функция func_ххх()
ничего пока не делает. Предполагалось, что она будет активировать
кликнутый div для динамического изменения переменных в нём. Но вот
как организовать интерфейс для этого изменения???
P.S. Все переменные ( в изменённом виде) в конечном итоге поедут в
php-файл.

   
 
 автор: glsv (Дизайнер)   (28.06.2005 в 06:01)   письмо автору
 
   для: ae212   (27.06.2005 в 13:43)
 

>Но вот как организовать интерфейс для этого изменения???
Так здесь выбора, практически, нет. Используйте формы.
Например, выбрали или написал что-то в форме, нажали кнопку "Изменить". По событию нажатия кнопки вызывается функция JavaScript, которая вносит изменения на страницу.
Алгоритм примерно такой. Или мы о разных вещах говорим?

   
 
 автор: ae212   (30.06.2005 в 20:40)   письмо автору
 
   для: glsv (Дизайнер)   (28.06.2005 в 06:01)
 

Уважаемый Дизайнер, помогите... (или еще кто-нибудь) Я уже говорил,
что с javaScript я "в контрах"... Измучился уже до посинения! Есть
страница с div'ами. Половина из них - объекты (img и тексты, в
каждом div - один img или одна строка текста), параметры которых
нужно изменять, а вторая половина - формы для, собственно, внесения
этих изменений. Нужно, чтобы по click на конкретном div'е
(объекте), к примеру, с id="id_001", отрабатывалась функция
func_001(), которая:
а) делает видимой (или показывает поверх других) форму (div
id="id_001/1", form_001) для внесения изменений в свойства (или
параметры, не знаю, как правильнее сказать) кликнутого объекта
б) она же или другая function по onChange или onSubmit вносит
изменения. Так, чтобы они визуально отображались :) Кажется, именно
здесь я споткнулся, на динамике изменений... Оказалось, что как раз
с идеями у меня как раз всё в порядке, а вот с воплощением... :(
Да, все div'ы внутри скрипта, описываются через document.write,
соответственно, все параметры представлены в виде переменных.

Почти разобрался, только вот в чем проблема: как обратиться к элементу стиля, если он описан через дефис? (в смысле font-size, font-...) document.all.txt_004.style.????? Или как по-другому его (стиль) описать? Тьфу.

   
 
 автор: glsv (Дизайнер)   (02.07.2005 в 08:53)   письмо автору
 
   для: ae212   (30.06.2005 в 20:40)
 

>как обратиться к элементу стиля, если он описан через дефис?
Правило записи для свойств, пишущихся через дефис такое

document.all.txt_004.style.fontSize
document.all.txt_004.style.fontWeight
document.all.txt_004.style.lineHeight

   
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования