Делаю шаблон компонента "заполнение веб-формы" на основе вёрстки. Проблема в том, что неправильно отображается стиль текста вопросов. И при отправке заполненной формы выдаётся ошибка 404, хотя результаты сохраняются правильно. Подскажите пожалуйста, что я сделал не так. И ещё, где можно настраивать параметры полей для ввода текста, например высоту и шрифт? И как сделать кнопку "обновить картинку" для captcha?
Исходная вёрстка:
Мой шаблон:
Исходная вёрстка:
| Код |
|---|
<div class="order"> <h4>заголовок формы:</h4> <fo rm action=""> <div class="row"> <label>вопрос1</label> <input type="text" class="txt" /> </div> <div class="row"> <label> вопрос2</label> <input type="text" class="txt yellow" /> </div> <div class="row"> <label>вопрос3</label> <input type="text" class="txt yellow" /> </div> <div class="row"> <label>вопрос4</label> <input type="text" class="txt yellow" /> </div> <div class="row"> <label>вопрос5</label> <input type="text" class="txt" /> </div> <div class="row"> <label> Ваш комментарий <a href="#">?</a></label> <textarea class="yellow" rows="" cols=""></textarea> </div> <div class="clear"></div> <div class="captcha"> <div class="left"><a href="#">Обновить картинку</a></div> <img src="content/captcha.jpg" alt="" /> <input type="text" class="txt" /> <p>Введите код с картинки </p> <div class="clear"></div> </div> <input type="s ubmit" class="btn" value="Отправить »" /> </form> </div><!--order--> |
| Код |
|---|
<div class="order">
<?
if(!defined("B_PROLOG_INCLUDED") || B_PROLOG_INCLUDED!==true)die();
?>
<?=$arResult["FORM_NOTE"]?>
<?if ($arResult["isFormNote"] != "Y")
{
?>
<?=$arResult["FORM_HEADER"]?>
<?
if ($arResult["isFormDescription"] == "Y" || $arResult["isFormTitle"] == "Y" || $arResult["isFormImage"] == "Y")
{
?>
<?
/***********************************************************************************
form header
***********************************************************************************/
if ($arResult["isFormTitle"])
{
?>
<h4><?=$arResult["FORM_TITLE"]?></h4>
<?if ($arResult["isFormErrors"] == "Y"):?><?=$arResult["FORM_ERRORS_TEXT"];?><?endif;?>
<?
} //endif ;
if ($arResult["isFormImage"] == "Y")
{
?>
<a href="<?=$arResult["FORM_IMAGE"]["URL"]?>" target="_blank" alt="<?=GetMessage("FORM_ENLARGE")?>"><img src="<?=$arResult["FORM_IMAGE"]["URL"]?>" <?if($arResult["FORM_IMAGE"]["WIDTH"] > 300):?>width="300"<?elseif($arResult["FORM_IMAGE"]["HEIGHT"] > 200):?>height="200"<?else:?><?=$arResult["FORM_IMAGE"]["ATTR"]?><?endif;?> hspace="3" vscape="3" border="0" /></a>
<?//=$arResult["FORM_IMAGE"]["HTML_CODE"]?>
<?
} //endif
?>
<?
} // endif
?>
<br />
<?
/***********************************************************************************
form questions
***********************************************************************************/
?>
<fo rm action="">
<?
foreach ($arResult["QUESTIONS"] as $FIELD_SID => $arQuestion)
{
?>
<div class="row">
<label><?=$arQuestion["CAPTION"]?></label>
<?=$arQuestion["IS_INPUT_CAPTION_IMAGE"] == "Y" ? "<br />".$arQuestion["IMAGE"]["HTML_CODE"] : ""?>
<?=$arQuestion["HTML_CODE"]?>
</div>
<?
} //endwhile
?>
<?
if($arResult["isUseCaptcha"] == "Y")
{
?>
<div class="clear"></div>
<div class="captcha">
<div class="left"><a href="#">Обновить картинку</a></div>
<input type="hidden" name="captcha_sid" value="<?=htmlspecialchars($arResult["CAPTCHACode"]);?>" /><img src="/bitrix/tools/captcha.php?captcha_sid=<?=htmlspecialchars($arResult["CAPTCHACode"]);?>" width="180" height="40" />
<p>Введите код с картинки </p>
<input type="text" name="captcha_word" size="30" maxlength="50" value="" class="inputtext" />
<div class="clear"></div>
</div>
<?
} // isUseCaptcha
?>
<input <?=(intval($arResult["F_RIGHT"]) < 10 ? "disabled=\"disabled\"" : "");?> type="s ubmit" class="btn" name="web_form_submit" value="<?=strlen(trim($arResult["arForm"]["BUTTON"])) <= 0 ? GetMessage("FORM_ADD") : $arResult["arForm"]["BUTTON"];?>" />
<?=$arResult["FORM_FOOTER"]?>
<?
} //endif (isFormNote)
?>
</form>
</div>
|
