Перейти к содержимому


Поле Ввода С Убирающейся Подсказкой


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 4

#1 Антон

Антон

    Пользователь

  • Пользователи
  • PipPip
  • 26 сообщений
  • ГородКазань

Отправлено 29 Январь 2013 - 13:10

как добавить в поле адрес подсказку например


#2 Koderhan

Koderhan

    Активный участник

  • Модератоpы
  • 6 227 сообщений

Отправлено 29 Январь 2013 - 13:27

В файле "Оформление заказа".
Найти код:
<textarea id="deliveryAddress" name="form[delivery][address]" class="back {% IF SETTINGS_ORDER_FIELDS_ADDRESS=1 %}required{% ENDIF %}">{ORDER_FORM_DELIVERY_ADDRESS}</textarea>
Заменить:
<textarea id="deliveryAddress" name="form[delivery][address]" class="back {% IF SETTINGS_ORDER_FIELDS_ADDRESS=1 %}required{% ENDIF %}" value="Адрес доставки">{ORDER_FORM_DELIVERY_ADDRESS}</textarea>
В конец файла, добавить код:
<script>
$("#deliveryAddress").click(function() {
if($("#deliveryAddress").attr('value')=='Адрес доставки') {
$("#deliveryAddress").attr('value','');
}});
</script>


#3 Антон

Антон

    Пользователь

  • Пользователи
  • PipPip
  • 26 сообщений
  • ГородКазань

Отправлено 29 Январь 2013 - 14:05

не работает :mellow:
http://tachka116.ru

#4 support 2.0

support 2.0

    Активный участник

  • Модераторы
  • 4 950 сообщений

Отправлено 29 Январь 2013 - 15:33

Просмотр сообщенияАнтон (29 Январь 2013 - 14:05) писал:

не работает :mellow:
http://tachka116.ru

Могу предложить следующий вариант:
в шаблоне Оформление заказа найдите блок (это блок шага №1)
	<!-- Шаг 1. Контакты -->
	{% IF ORDER_STAGE_NUM=1%}
	  <div class="privat padd">
		<table cellpadding="0" width="80%" cellspacing="0" class="tblinput fnt12n txtalgnlft">
		  <tr>
			<td width="40%"><label for="contactPerson">Представьтесь, пожалуйста:<span>*</span></lable></td>
			<td><input type="text"  id="contactPerson" name="form[contact][person]" value="{ORDER_FORM_CONTACT_PERSON}" class="required" /></td>
		  </tr>
		  <tr>
			<td><label for="contactPhone">Контактный телефон:<span>*</span></lable></td>
			<td><input type="text" id="contactPhone" name="form[contact][phone]" value="{ORDER_FORM_CONTACT_PHONE}" class="required" /></td>
		  </tr>
		  <tr>
			<td><label for="contactEmail">Электропочта:<span class="contactRegisterNeedElement" {% IFNOT ORDER_FORM_CONTACT_WANT_REGISTER %}style="display:none;"{% ENDIF %}>*</span></label></td>
			<td><input type="text id="contactEmail" name="form[contact][email]" class="email" value="{ORDER_FORM_CONTACT_EMAIL}" class="required" /></td>
		  </tr>

и замените на
	<!-- Шаг 1. Контакты -->
	{% IF ORDER_STAGE_NUM=1%}
	  <div class="privat padd">
		<table cellpadding="0" width="80%" cellspacing="0" class="tblinput fnt12n txtalgnlft">
		  <tr>
			<td width="40%"><label for="contactPerson">Представьтесь, пожалуйста:<span>*</span></lable></td>
			<td><input type="text" placeholder="Введите Ваше имя" id="contactPerson" name="form[contact][person]" value="{ORDER_FORM_CONTACT_PERSON}" class="required" /></td>
		  </tr>
		  <tr>
			<td><label for="contactPhone">Контактный телефон:<span>*</span></lable></td>
			<td><input type="text" placeholder="Введите номер" id="contactPhone" name="form[contact][phone]" value="{ORDER_FORM_CONTACT_PHONE}" class="required" /></td>
		  </tr>
		  <tr>
			<td><label for="contactEmail">Электропочта:<span class="contactRegisterNeedElement" {% IFNOT ORDER_FORM_CONTACT_WANT_REGISTER %}style="display:none;"{% ENDIF %}>*</span></label></td>
			<td><input type="text"placeholder="Введите эл.адрес"  id="contactEmail" name="form[contact][email]" class="email" value="{ORDER_FORM_CONTACT_EMAIL}" class="required" /></td>
		  </tr>

Здесь должно быть видно и понятно, что Если написано: представьтесь пожалуйста, тогда на следующей строке выводится поле для ввода Имени.
Также и, если написано Электропочта, тогда след. строка кода выводит поле для ввода клиентом своей почты.
Соответственно Вы можете заменить, например, "Введите Ваше имя"на любую другую фразу.

Теперь поставим на шаге 2 найдите блок
<!-- Шаг 2. Доставка -->
	{% IF ORDER_STAGE_NUM=2%}
	  <table cellpadding="0" width="100%" cellspacing="0" class="position fnt12n txtalgnlft padd">
		{% FOR order_delivery %}
		  <tr rel="{order_delivery.ID}">
			<td width="4%" class="valign txtalgncnt"><input type="radio" id="deliveryId{order_delivery.ID}" name="form[delivery][id]" value="{order_delivery.ID}" class="deliveryRadio"
			  {% IFNOT ORDER_FORM_DELIVERY_ID %}
				{% IF order_delivery.first %}
				  checked="checked"
				{% ENDIF %}
			  {% ELSEIF order_delivery.ID = ORDER_FORM_DELIVERY_ID %}
				checked="checked"
			  {% ENDIF %}
			/></td>
			<td class="fnt11n txtalgnlft"><label for="deliveryId{order_delivery.ID}">
			<p class="fnt14n"><span>{order_delivery.NAME}</span></p>
			<p>{order_delivery.DESC}</p></label></td>
			<td width="18%" class="valign"><label for="deliveryId{order_delivery.ID}"><span class="fnt12i">
			<b>
			  + <span class="orderStageDeliveryDefaultPrice" {% IF order_delivery.ZONE_ID>0 %}style="display:none;"{% ENDIF%}>{order_delivery.END_PRICE | money_format}</span>
			  <span class="orderStageDeliveryZonePrice" {% IF order_delivery.ZONE_ID<1 %}style="display:none;"{% ENDIF%}>{order_delivery.ZONE_END_PRICE | money_format}</span><br />
			</b>
			</span></label></td>
		  </tr>
		  {% IFNOT order_delivery.zone_list_empty %}
			{% FOR zone_list %}
			  <!-- Заголовок внутри метода доставки, появляется только один раз--> 
			  {% IF order_delivery.zone_list.index=1 %}
				<tr>
				  <td></td>
				  <td>
					<label for="deliveryId{order_delivery.ID}"><p class="fnt12b"><span><i>Зоны доставки:</i></span></label></p>
				  </td>
				  <td></td>
				</tr>
			  {% ENDIF %}
			  <tr>
				<td></td>
				<td>
				  <input
					type="radio"
					class="deliveryZoneRadio"
					deliveryid="{order_delivery.ID}"
					id="deliveryZoneId{order_delivery.zone_list.ID}"
					name="form[delivery][zone_id]"
					value="{order_delivery.zone_list.ID}"
					{% IF order_delivery.zone_list.ID = ORDER_FORM_DELIVERY_ZONE_ID %}
					  checked="checked" rel="true"
					{% ENDIF %}
				  />
				  <label for="deliveryZoneId{order_delivery.zone_list.ID}">
					{order_delivery.zone_list.NAME}
				  </label>
				</td>
				<td width="18%">
				  <label for="deliveryZoneId{order_delivery.zone_list.ID}"><span class="fnt12i deliveryZonePrice"><b>+ {order_delivery.zone_list.END_PRICE | money_format}</b></span></label></td>
				</td>
			  </tr>
			{% ENDFOR %}
		  {% ENDIF %}
		{% ENDFOR %}							 
	  </table><br />
				 
	  {% IF SETTINGS_ISSET_ORDER_FIELDS %}
		<div class="headline" style="background:none;">
		  <div class="h1static clear"><h1 class="fnt18n">Укажите адрес доставки</div>
		</div>
		<div class="privat padd">
		  <table cellpadding="0" width="80%" cellspacing="0" class="tblinput fnt12n txtalgnlft">
		  <!-- Если поле страны доставки запрашивается -->
			{% IF SETTINGS_ORDER_FIELDS_COUNTRY<3 %}
			  {% IFNOT country_list_empty %}
			 
				<tr>
				  <td width="30%" class="valign">
					<label for="deliveryCountry">Страна:{% IF SETTINGS_ORDER_FIELDS_COUNTRY=1 %}<span>*</span>{% ENDIF %}</label>
				  </td>
				  <td class="selc color fnt10n">
					<select id="deliveryCountry" style="min-width:50% !important;" name="form[delivery][country_id]" {% IF SETTINGS_ORDER_FIELDS_COUNTRY=1 %}class="required"{% ENDIF %}>
					  {% FOR country_list %}
						<option value="{country_list.ID}" {% IF country_list.ID=ORDER_FORM_DELIVERY_COUNTRY_ID %}selected="selected"{% ENDIF %}>
						  {country_list.NAME}
						</option>
					  {% ENDFOR %}
					</select>
				  </td>
				</tr>
			  {% ENDIF %}
			{% ENDIF %} 
			<!-- Если поле почтового индекса запрашивается -->
			{% IF SETTINGS_ORDER_FIELDS_ZIP_CODE<3 %}
			  <tr>
				<td width="30%" class="valign">
				  <label for="deliveryZipCode">Почтовый индекс:{% IF SETTINGS_ORDER_FIELDS_ZIP_CODE=1 %}<span>*</span>{% ENDIF %}</label>
				</td>
				<td class="color fnt10n">
				  <input id="deliveryZipCode" name="form[delivery][zip_code]" value="{ORDER_FORM_DELIVERY_ZIP_CODE}" minlength="5" maxlength="6" type="text" class="digits {% IF SETTINGS_ORDER_FIELDS_ZIP_CODE=1 %}required{% ENDIF %}" />
				</td>
			  </tr>
			{% ENDIF %}
			<!-- Если поле области запрашивается -->
			{% IF SETTINGS_ORDER_FIELDS_REGION<3 %}
			  <tr>
				<td width="30%" class="valign">
				  <label for="deliveryRegion">Область:{% IF SETTINGS_ORDER_FIELDS_REGION=1 %}<span>*</span>{% ENDIF %}</label>
				</td>
				<td class="color fnt10n">
				  <input type="text" id="deliveryRegion" name="form[delivery][region]" value="{ORDER_FORM_DELIVERY_REGION}" {% IF SETTINGS_ORDER_FIELDS_REGION=1 %}class="required"{% ENDIF %} />
				</td>
			  </tr>
			{% ENDIF %}
			<!-- Если поле города запрашивается -->
			{% IF SETTINGS_ORDER_FIELDS_CITY<3 %}
			  <tr>
				<td width="30%" class="valign">
				  <label for="deliveryCity">Город:{% IF SETTINGS_ORDER_FIELDS_CITY=1 %}<span class="red">*</span>{% ENDIF %}</label>
				</td>
				<td class="color fnt10n">
				  <input type="text" id="deliveryCity" name="form[delivery][city]" value="{ORDER_FORM_DELIVERY_CITY}" {% IF SETTINGS_ORDER_FIELDS_CITY=1 %}class="required"{% ENDIF %} />
				</td>
			  </tr>
			{% ENDIF %}	
			{% IF SETTINGS_ORDER_FIELDS_ADDRESS<3 %}
			  <tr>
				<td width="30%" class="valign"><label for="deliveryAddress">Адрес доставки:{% IF SETTINGS_ORDER_FIELDS_ADDRESS=1 %}<span>*</span>{% ENDIF %}</label></td>
				<td class="fnt10n color"><textarea id="deliveryAddress" name="form[delivery][address]" class="back {% IF SETTINGS_ORDER_FIELDS_ADDRESS=1 %}required{% ENDIF %}">{ORDER_FORM_DELIVERY_ADDRESS}</textarea></td>
			  </tr>
			{% ENDIF %}
			<!-- Если запрашивается поле удобного времени доставки  -->
			{% IF SETTINGS_ORDER_FIELDS_CONVENIENT_TIME<3 %}
			  <tr>
				<td width="30%" class="valign">
				  <label for="deliveryConvenientDate">Удобное время доставки:{% IF SETTINGS_ORDER_FIELDS_CONVENIENT_TIME=1 %}<span>*</span>{% ENDIF %}</label>
				</td>
				<td class="fnt12n color selc">
				 дата <input type="text" id="deliveryConvenientDate" name="form[delivery][convenient_date]" value="{ORDER_FORM_DELIVERY_CONVENIENT_DATE}" {% IF SETTINGS_ORDER_FIELDS_CONVENIENT_TIME=1 %}class="required"{% ENDIF %} />
				  c <select style="" name="form[delivery][convenient_time_from]">
					<option></option>
					  {% FOR convenient_time_from_list %}
						<option value="{convenient_time_from_list.HOUR_INT}" {% IF convenient_time_from_list.SELECTED %}selected="selected"{% ENDIF %}>{convenient_time_from_list.HOUR}</option>
					  {% ENDFOR %}
					</select>
				  до
					<select name="form[delivery][convenient_time_to]">
					  <option></option>
					  {% FOR convenient_time_to_list %}
						<option value="{convenient_time_to_list.HOUR_INT}" {% IF convenient_time_to_list.SELECTED %}selected="selected"{% ENDIF %}>{convenient_time_to_list.HOUR}</option>
					  {% ENDFOR %}
					</select>
				</td>
			  </tr>
			{% ENDIF %}
			 
			<!-- Если поле адреса доставки запрашивается -->
			{% IF SETTINGS_ORDER_FIELDS_COMMENT<3 %}
			  <tr>
				<td width="30%" class="valign">
				  <label for="deliveryComment">Комментарии:{% IF SETTINGS_ORDER_FIELDS_COMMENT=1 %}<span>*</span>{% ENDIF %}</label>
				</td>
				<td color="color fnt10n">
				  <textarea id="deliveryComment" name="form[delivery][comment]" class="back {% IF SETTINGS_ORDER_FIELDS_COMMENT=1 %}required{% ENDIF %}">{ORDER_FORM_DELIVERY_COMMENT}</textarea>
				</td>
			  </tr>
			{% ENDIF %}
		   </table>
		 </div>
	   {% ENDIF %}
	{% ENDIF %}

и замените на
<!-- Шаг 2. Доставка -->
	{% IF ORDER_STAGE_NUM=2%}
	  <table cellpadding="0" width="100%" cellspacing="0" class="position fnt12n txtalgnlft padd">
		{% FOR order_delivery %}
		  <tr rel="{order_delivery.ID}">
			<td width="4%" class="valign txtalgncnt"><input type="radio" id="deliveryId{order_delivery.ID}" name="form[delivery][id]" value="{order_delivery.ID}" class="deliveryRadio"
			  {% IFNOT ORDER_FORM_DELIVERY_ID %}
				{% IF order_delivery.first %}
				  checked="checked"
				{% ENDIF %}
			  {% ELSEIF order_delivery.ID = ORDER_FORM_DELIVERY_ID %}
				checked="checked"
			  {% ENDIF %}
			/></td>
			<td class="fnt11n txtalgnlft"><label for="deliveryId{order_delivery.ID}">
			<p class="fnt14n"><span>{order_delivery.NAME}</span></p>
			<p>{order_delivery.DESC}</p></label></td>
			<td width="18%" class="valign"><label for="deliveryId{order_delivery.ID}"><span class="fnt12i">
			<b>
			  + <span class="orderStageDeliveryDefaultPrice" {% IF order_delivery.ZONE_ID>0 %}style="display:none;"{% ENDIF%}>{order_delivery.END_PRICE | money_format}</span>
			  <span class="orderStageDeliveryZonePrice" {% IF order_delivery.ZONE_ID<1 %}style="display:none;"{% ENDIF%}>{order_delivery.ZONE_END_PRICE | money_format}</span><br />
			</b>
			</span></label></td>
		  </tr>
		  {% IFNOT order_delivery.zone_list_empty %}
			{% FOR zone_list %}
			  <!-- Заголовок внутри метода доставки, появляется только один раз--> 
			  {% IF order_delivery.zone_list.index=1 %}
				<tr>
				  <td></td>
				  <td>
					<label for="deliveryId{order_delivery.ID}"><p class="fnt12b"><span><i>Зоны доставки:</i></span></label></p>
				  </td>
				  <td></td>
				</tr>
			  {% ENDIF %}
			  <tr>
				<td></td>
				<td>
				  <input
					type="radio"
					class="deliveryZoneRadio"
					deliveryid="{order_delivery.ID}"
					id="deliveryZoneId{order_delivery.zone_list.ID}"
					name="form[delivery][zone_id]"
					value="{order_delivery.zone_list.ID}"
					{% IF order_delivery.zone_list.ID = ORDER_FORM_DELIVERY_ZONE_ID %}
					  checked="checked" rel="true"
					{% ENDIF %}
				  />
				  <label for="deliveryZoneId{order_delivery.zone_list.ID}">
					{order_delivery.zone_list.NAME}
				  </label>
				</td>
				<td width="18%">
				  <label for="deliveryZoneId{order_delivery.zone_list.ID}"><span class="fnt12i deliveryZonePrice"><b>+ {order_delivery.zone_list.END_PRICE | money_format}</b></span></label></td>
				</td>
			  </tr>
			{% ENDFOR %}
		  {% ENDIF %}
		{% ENDFOR %}							 
	  </table><br />
				 
	  {% IF SETTINGS_ISSET_ORDER_FIELDS %}
		<div class="headline" style="background:none;">
		  <div class="h1static clear"><h1 class="fnt18n">Укажите адрес доставки</div>
		</div>
		<div class="privat padd">
		  <table cellpadding="0" width="80%" cellspacing="0" class="tblinput fnt12n txtalgnlft">
		  <!-- Если поле страны доставки запрашивается -->
			{% IF SETTINGS_ORDER_FIELDS_COUNTRY<3 %}
			  {% IFNOT country_list_empty %}
			 
				<tr>
				  <td width="30%" class="valign">
					<label for="deliveryCountry">Страна:{% IF SETTINGS_ORDER_FIELDS_COUNTRY=1 %}<span>*</span>{% ENDIF %}</label>
				  </td>
				  <td class="selc color fnt10n">
					<select id="deliveryCountry" style="min-width:50% !important;" name="form[delivery][country_id]" {% IF SETTINGS_ORDER_FIELDS_COUNTRY=1 %}class="required"{% ENDIF %}>
					  {% FOR country_list %}
						<option value="{country_list.ID}" {% IF country_list.ID=ORDER_FORM_DELIVERY_COUNTRY_ID %}selected="selected"{% ENDIF %}>
						  {country_list.NAME}
						</option>
					  {% ENDFOR %}
					</select>
				  </td>
				</tr>
			  {% ENDIF %}
			{% ENDIF %} 
			<!-- Если поле почтового индекса запрашивается -->
			{% IF SETTINGS_ORDER_FIELDS_ZIP_CODE<3 %}
			  <tr>
				<td width="30%" class="valign">
				  <label for="deliveryZipCode">Почтовый индекс:{% IF SETTINGS_ORDER_FIELDS_ZIP_CODE=1 %}<span>*</span>{% ENDIF %}</label>
				</td>
				<td class="color fnt10n">
				  <input id="deliveryZipCode" placeholder="Введите индекс" name="form[delivery][zip_code]" value="{ORDER_FORM_DELIVERY_ZIP_CODE}" minlength="5" maxlength="6" type="text" class="digits {% IF SETTINGS_ORDER_FIELDS_ZIP_CODE=1 %}required{% ENDIF %}" />
				</td>
			  </tr>
			{% ENDIF %}
			<!-- Если поле области запрашивается -->
			{% IF SETTINGS_ORDER_FIELDS_REGION<3 %}
			  <tr>
				<td width="30%" class="valign">
				  <label for="deliveryRegion">Область:{% IF SETTINGS_ORDER_FIELDS_REGION=1 %}<span>*</span>{% ENDIF %}</label>
				</td>
				<td class="color fnt10n">
				  <input type="text" id="deliveryRegion" placeholder="Введите текст" name="form[delivery][region]" value="{ORDER_FORM_DELIVERY_REGION}" {% IF SETTINGS_ORDER_FIELDS_REGION=1 %}class="required"{% ENDIF %} />
				</td>
			  </tr>
			{% ENDIF %}
			<!-- Если поле города запрашивается -->
			{% IF SETTINGS_ORDER_FIELDS_CITY<3 %}
			  <tr>
				<td width="30%" class="valign">
				  <label for="deliveryCity">Город:{% IF SETTINGS_ORDER_FIELDS_CITY=1 %}<span class="red">*</span>{% ENDIF %}</label>
				</td>
				<td class="color fnt10n">
				  <input type="text" placeholder="Введите текст" id="deliveryCity" name="form[delivery][city]" value="{ORDER_FORM_DELIVERY_CITY}" {% IF SETTINGS_ORDER_FIELDS_CITY=1 %}class="required"{% ENDIF %} />
				</td>
			  </tr>
			{% ENDIF %}	
			{% IF SETTINGS_ORDER_FIELDS_ADDRESS<3 %}
			  <tr>
				<td width="30%" class="valign"><label for="deliveryAddress">Адрес доставки:{% IF SETTINGS_ORDER_FIELDS_ADDRESS=1 %}<span>*</span>{% ENDIF %}</label></td>
				<td class="fnt10n color"><textarea id="deliveryAddress" placeholder="Введите текст" name="form[delivery][address]" class="back {% IF SETTINGS_ORDER_FIELDS_ADDRESS=1 %}required{% ENDIF %}">{ORDER_FORM_DELIVERY_ADDRESS}</textarea></td>
			  </tr>
			{% ENDIF %}
			<!-- Если запрашивается поле удобного времени доставки  -->
			{% IF SETTINGS_ORDER_FIELDS_CONVENIENT_TIME<3 %}
			  <tr>
				<td width="30%" class="valign">
				  <label for="deliveryConvenientDate">Удобное время доставки:{% IF SETTINGS_ORDER_FIELDS_CONVENIENT_TIME=1 %}<span>*</span>{% ENDIF %}</label>
				</td>
				<td class="fnt12n color selc">
				 дата <input type="text" id="deliveryConvenientDate" name="form[delivery][convenient_date]" value="{ORDER_FORM_DELIVERY_CONVENIENT_DATE}" {% IF SETTINGS_ORDER_FIELDS_CONVENIENT_TIME=1 %}class="required"{% ENDIF %} />
				  c <select style="" name="form[delivery][convenient_time_from]">
					<option></option>
					  {% FOR convenient_time_from_list %}
						<option value="{convenient_time_from_list.HOUR_INT}" {% IF convenient_time_from_list.SELECTED %}selected="selected"{% ENDIF %}>{convenient_time_from_list.HOUR}</option>
					  {% ENDFOR %}
					</select>
				  до
					<select name="form[delivery][convenient_time_to]">
					  <option></option>
					  {% FOR convenient_time_to_list %}
						<option value="{convenient_time_to_list.HOUR_INT}" {% IF convenient_time_to_list.SELECTED %}selected="selected"{% ENDIF %}>{convenient_time_to_list.HOUR}</option>
					  {% ENDFOR %}
					</select>
				</td>
			  </tr>
			{% ENDIF %}
			 
			<!-- Если поле адреса доставки запрашивается -->
			{% IF SETTINGS_ORDER_FIELDS_COMMENT<3 %}
			  <tr>
				<td width="30%" class="valign">
				  <label for="deliveryComment">Комментарии:{% IF SETTINGS_ORDER_FIELDS_COMMENT=1 %}<span>*</span>{% ENDIF %}</label>
				</td>
				<td color="color fnt10n">
				  <textarea id="deliveryComment" placeholder="Введите текст" name="form[delivery][comment]" class="back {% IF SETTINGS_ORDER_FIELDS_COMMENT=1 %}required{% ENDIF %}">{ORDER_FORM_DELIVERY_COMMENT}</textarea>
				</td>
			  </tr>
			{% ENDIF %}
		   </table>
		 </div>
	   {% ENDIF %}
	{% ENDIF %}


#5 Антон

Антон

    Пользователь

  • Пользователи
  • PipPip
  • 26 сообщений
  • ГородКазань

Отправлено 01 Февраль 2013 - 00:31

спасибо все получилось :)




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных