Добавление картинки в комментариях через аплоад-форму

Updated: вначале топик был вопросом, теперь небольшим хаком ;)

Добавил вот такой код в файл /templates/skin/new/actions/ActionBlog/comment.tpl

<a href="#" onclick="showImgUploadForm(); return false;" class="button"><img src="{$DIR_STATIC_SKIN}/images/panel/img.gif" width="20" height="20" title="изображение"></a>


и такой в самый верх:
<div class="login-popup" id="window_load_img">
	<div class="login-popup-top"><a href="#" class="close-block" onclick="return false;"></a></div>
	<div class="content">
		<form method="POST" action="" enctype="multipart/form-data" id="form_upload_img" >
		<h3>Вставка изображения</h3>

		<table  border="0">		
		<tr>
			<td align="right">Файл:</td>
			<td width="100%"><input type="file" name="img_file" style="width: 100%;" value=""></td>
		</tr>
		<tr>
			<td align="right">Ссылка:</td>
			<td><input type="text" name="img_url" value="http://" style="width: 100%;">

		</tr>
		<tr>
			<td align="right">Выравнивание:</td>

			<td>
				<select name="align">
					<option value="">нет</option>
					<option value="left">слева</option>

					<option value="right">справа</option>
				</select>
		</tr>
		<tr>
			<td align="right">Описание:</td>
			<td><input type="text" name="title" style="width: 100%;"></td>
		</tr>
		<tr>

			<td></td>
			<td>
				<input type="button" value="Загрузить" onclick="ajaxUploadImg(document.getElementById('form_upload_img'),'form_comment_text');">
				<input type="button" value="Отмена" onclick="hideImgUploadForm(); return false;">
			</td>
		</tr>
		</table>
		</form>
	</div>

	<div class="login-popup-bottom"></div>
</div>


Кнопка появилась, форма вызывается и даже работает)

10 комментариев

avatar
не проще ли отдельный файл формы заинклюдить?
avatar
<code>{include file='window_load_img.tpl' sToLoad='form_comment_text'}</code>

для меня это стало открытием чуть позже))
avatar
теперь при изменении любого кода в 1 файлике мы получаем одинаковую формочку и в комментариях и при создании топика ;)
Но я бы всё-таки вам не рекомендовала эту кнопочку в коментариях, так как картинка зачастую больше чем отведённый размер поля под комментарий в ветке ;)
avatar
а можно както ресайт прикрутить или thumbnail?
avatar
ресайз есть по умлочанию в ЛС, но он же не угодает как отресайзить чтобы не испортить дизайн ;)
avatar
можно просто задать более мене оптимальный ресайз под определённый диз
думаю это не проблема
avatar
Внёс изменения в /templates/skin/new/actions/ActionBlog/comment.tpl
А именно:
1. Добавил кнопку
<a href="#" onclick="lsPanel.putQuote('form_comment_text'); return false;" class="button"><img src="{$DIR_STATIC_SKIN}/images/panel/quote.gif" width="20" height="20" title="{$aLang.panel_quote}"></a>

2.Добавил в конец
{include file='window_load_img.tpl' sToLoad='topic_text'}


Форма аплоад не работает. Что недописал? Такое ощущение, что window_load_img.tpl работает но в коммент не вставляется, а уходит в другое место.
avatar
где можно посмотреть пример?
  • iko
  • +2
avatar
спасибо большое!
  • SP_
  • 0
avatar
Вот тут посмотри livestreet.ru/blog/1245.html все работает.
Только зарегистрированные и авторизованные пользователи могут оставлять комментарии.