|
|
|
| Возникла надобность сделать что-то вроде мини-графического редактора с помощью Java script (именно script). При том, что я с этими делами на "Вы". Дотумкал только до того, как перетаскивать div'ы - тасовать с места на место картинки и текстовые блоки. А вот как динамично менять цвет, размер и т.п. шрифта (конкретно выбранного блока)? Может подскажет кто... | |
|
|
|
|
|
|
|
для: ae212
(26.06.2005 в 00:22)
| | Ох… большую вы тему подняли. Давайте начнем с чего-нибудь малого. Большой объемный вопрос, для ответа на который нужно много примеров кода отпугивает даже желающих ответить. | |
|
|
|
|
|
|
|
для: 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-файл. | |
|
|
|
|
|
|
|
для: ae212
(27.06.2005 в 13:43)
| | >Но вот как организовать интерфейс для этого изменения???
Так здесь выбора, практически, нет. Используйте формы.
Например, выбрали или написал что-то в форме, нажали кнопку "Изменить". По событию нажатия кнопки вызывается функция JavaScript, которая вносит изменения на страницу.
Алгоритм примерно такой. Или мы о разных вещах говорим? | |
|
|
|
|
|
|
|
для: 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.????? Или как по-другому его (стиль) описать? Тьфу. | |
|
|
|
|
|
|
|
для: ae212
(30.06.2005 в 20:40)
| | >как обратиться к элементу стиля, если он описан через дефис?
Правило записи для свойств, пишущихся через дефис такое
document.all.txt_004.style.fontSize
document.all.txt_004.style.fontWeight
document.all.txt_004.style.lineHeight
|
| |
|
|
|