2010-07-31

Textual description of firstImageUrl

Как сделать окошко для вставки кодов textarea

книги





Очень часто мы ставим под картинками или рамками коды и не задумываемся над тем, что это такое и как это сделать.

Код конкретно для этой формы:




Что в этом коде и с чем едят:

Подробнее:
textarea - область с текстом.

rows - количество строк,

cols - ширина окошка, равная количеству символов в строке

readonly - чтобы случайно пользователь не изменил код и не перезагружал страничку.

также есть параметр disabled, запрещающий выделять и копировать код из textarea.

text-align: center; - расположение текста внутри формы, так же можно написать: сenter, left, right

Мы берем любое изображение


Теперь пишем:


А на место слов: Ваш текст ставим код этого изображения
..




В результате у нас получается:

;

Как это может выглядеть:





12 комментариев :

Анонимный комментирует...

Всё наглядно показано и написано.Большое спасибо.

Анонимный комментирует...

Что значит пустым?Просто написала кратко о своём мнении,то есть,что мне всё понравилось на вашем сайте.

Mycrib комментирует...

Последний комментатор (извините, не знаю вашего имени), я вас не поняла...

Kimulechka комментирует...

Как сделать, чтобы окошко с кодом не вылазило за поля панели?

Mycrib комментирует...

Уменьшить значение cols

Kimulechka комментирует...

Спасибо! Получилось)

Анонимный комментирует...

Добрый вечер! Какой ставится знак для окошка кода для флешки плюс или минус и где подскажите пожалуйста.

Mycrib комментирует...

Вообще-то, этот код подойдет и для кодов флэшек. Вместо надписи "Ваш текст", подставьте код флэшки.

Лариса комментирует...

Видела картинки с кодами и удивлялась - теперь немного разобралась. Спасибо!

Анонимный комментирует...

Подскажите, пожалуйста, как добиться выделения текста в окне одним нажатем мыши?

Mycrib комментирует...

Для того, чтобы сделать выделение одним кликом мышки в поле texture воспользуйтесь кодом:

<textarea onfocus="this.select()">выделить текст в текстовом поле</textarea>

Если вам нужно сделать так, чтобы код можно было выделить кликом по ссылке, то вам пригодиться код:

<SCRIPT>
<!--
function highlight(x){
document.forms[x].elements[0].focus()
document.forms[x].elements[0].select()
}
//-->
</SCRIPT>
<FORM action= method=post>
<A href="javascript:highlight(0)" onmouseover="window.status='';return true">Выделить все</A><br>
<TEXTAREA cols=45 rows=3 style="WIDTH:250" wrap=virtual>
Для того, чтобы выделить содержание формы нажмите Выделить всеl</TEXTAREA></FORM>

Анонимный комментирует...

Спасибо большое, за ответ.

Отправить комментарий

Комментарии, содержащие ненормативную лексику, спам, оскорбления, публиковаться не будут. Ели вы хотите опубликовать код в комментарии, то воспользуйтесь encoder HTML
Публикуя комментарии, вы соглашаетесь с политикой конфиденциальности