Дополнение о кнопке перепоста в ЖЖ

Вслед моему посту тут (http://vdas NULL.livejournal NULL.com/3768838 NULL.html#cutid1) или тут о “Кнопке перепоста”.

Если у кого не получилось – тут пояснения:

Берём код и смотрим по косточкам…

Copy Source | Copy HTML

  1. <form method="post" action=http://www.livejournal.com/update.bml name="updateForm">
  2. <div style="display:none;visible:false">
  3. <input type="text" maxlength="100" name="subject" id="subject" class="text" size="43" value="Текст темы сообщения"/>
  4. <textarea rows="1" cols="1" name="event">Текст сообщения</textarea>
  5. </div><input type="submit" value="Опубликовать у себя в блоге..."></form>

Поехали…

Copy Source | Copy HTML

  1. <form method="post" action=http://www.livejournal.com/update.bml name="updateForm">
  2.  
  3. ...
  4.  
  5. </form>

тэг форма – он позволяет отметить блок, который будет что-то делать. Что будет делаться отмечается в тэге form в аттрибуте action. Т.е. когда вы нажмёте кнопку (submit) – управление будет передано на страницу, указанное в action. Для ЖЖ это страница нового комментария:

action=http://www.livejournal.com/update.bml – это не надо менять. Надо просто запомнить (или записать)

Далее. Внутри формы есть:

Copy Source | Copy HTML

  1. <div style="display:none;visible:false">
  2. ...
  3. </div>

Это просто блок, где слово display:none;visible:false сообщает, что этот кусок показывать на странице НЕ надо.

Смотрите – мы хотим, чтобы при нажатии кнопки вам открылся диалог нового поста с уже заполненными полями. Темой и телом сообщения. Т.е. мы их подготовили заранее, но показывать еще раз в теле сообщения о перепосте совсем не обязательно – мы так и делаем – скрытые поля, которые хранят то, что мы хотим, но не показываем их посетителям. Именно внутри будут главные поля – тема сообщения, которое будет перепощено и его текст.

Что же внутри этого скрытого контейнера? Две вещи.

Тема (subject):

Copy Source | Copy HTML

  1. <input type="text" maxlength="100" name="subject" id="subject" class="text" size="43" value="Текст темы сообщения"/>

На что тут обратить внимание? по порядку: Это текст, максимум 100 символов, это будет тема сообщения, остальное кроме value – служебная информация… Value – это “значение”. Т.е. значение поля “subject” (“тема”). Что мы там напишем – будет темой сообщения, которое перепостят ваши друзья…

Ничего запоминать, как я и писал не надо – достаточно поменять значение между кавычками аттрибута value.

NB: Обратите внимание, что в этом тексте НЕ МОЖЕТ БЫТЬ кавычек. Можете поменять на знак апострофа либо в коде либо в тексте. Поясню.

Компьютер должен понимать где кончается ваш текст и начинается информация для него.
” Я всё понял “ – всё понятно – между кавычками текст. А если так
” Я всё ” понял ” “ – это как? Я всё или Я всё ” понял “?

Компьютер не понимает неоднозначностей. Или решает их как ему захочется, что может разительно отличаться от того, что мы имеем ввиду… Исскусственный интеллект пока только в самом зачатке :)

Поэтому принято “не пересекать символы кавычек и апострофов. Т.е.
‘Я всё ” понял ” ‘ или
“Я всё ‘ понял ‘ “ будет компьютеру (в подобных случаях) понятно… Так что следите за этим. Одна лишняя кавычка или апостроф и весь смысл меняется…

Далее.

Copy Source | Copy HTML

  1. <textarea rows="1" cols="1" name="event"> ... </textarea>

Это собственно текст сообщения (вместо многоточия), которе будет перепощено. Можно внутрь вставлять всё что угодно. Вставите текст – будет текст. Вставите ссылку – будет ссылка. Следите за тем, чтобы всё, что вы напишете оказалось внутри.

Т.е. <textarea…> что-то там, ссылка </textarea> – правильно. А вот <textarea…> что-то там</textarea>, ссылка приведёт к неожиданному результату ибо уже не будет являться куском ТЕКСТА сообщения…

Если хочешь вставить туда картинку – это будет так:
<textarea…> <img src=”адрес картинки”> </textarea>

Лучше добавить и на себя ссылку
<textarea…> <img src=”адрес картинки”>
<a href=”адрес своей страницы или журнала”>Это мой журнал</a></textarea>

Как вставлять картинки и ссылки внутрь – я расписал подробно вот тут:

  • вставляем картинки (http://vdas NULL.livejournal NULL.com/3435131 NULL.html)
  • чуть подробнее вставляем картинки (http://vdas NULL.livejournal NULL.com/3436823 NULL.html)
  • вставляем ссылки (http://vdas NULL.livejournal NULL.com/3441798 NULL.html)
  • Следите, чтобы то, что вы напишете не имело “пересекающихся кавычек или апострофов”. Если непонятно – могу еще раз попробовать обьяснить.

    Ну и последний кусок:
    <input type=“submit” value=“Опубликовать у себя в блоге…”>

    Это собственно кнопка, нажав которую передаётся управление на то ,что указано в form action… Текст на кнопке регулируется аттрибутом value…

    Вот и всё :)

    ©vdasus.com. Копировать разрешаю.

    • Pingback: Tweets that mention Дополнение о кнопке перепоста в ЖЖ | vdasus blog -- Topsy.com()

    • Mark

      Редко попадешь на удобную тему для WP. Бывают достаточно симпатичные, но непростые в настройке. Пробовал из недавних переведенные шаблоны Aparatus, My Office, Press 88 ставил также Heatmap – простенькая, но сделанная под adsense. Нечасто можно найти что-то симпатичное, но простое и удобное одновременно.