Тема: Додавання додаткового поля в діючу форму
Підкажіть будь ласка, зіткнувся з тим, що є форма за допомогою якої можна додати оголошення, але одне але, немає або забули додати поле для введення номера телефона, звичайно Користувачем.
Я більш чи менш орієнтуюся в html і css, але php в процесі вивчення. Але поки, не можу в'їхати, як це все правильно зробити.
Не буду тут, тягнути кота за хвіст. Ось форма: https://hotplus.com.ua/new-ad/
Це код даної форми з налаштованими полями, але без поля для номера телефону:
[code=PHP]
<?php if($catError != '') { ?>
<span class="error" style="color: #d20000; margin-bottom: 20px; font-size: 18px; font-weight: bold; float: left;">
<?php echo $catError; ?>
</span>
<div class="clearfix"></div>
<?php } ?>
<fieldset class="input-title">
<label for="edit-title" class="control-label"><?php _e('Title *', 'agrg') ?></label>
<input type="text" id="postTitle" name="postTitle" value="" size="60" maxlength="255" class="form-text required" />
</fieldset>
<div id="edit-field-category">
<div class="form-item">
<label for="edit-field-category-und" class="control-label"><?php _e('Category *', 'agrg') ?></label>
<?php wp_dropdown_categories( 'show_option_none=Category&hide_empty=0&hierarchical=1&id=catID' ); ?>
</div>
</div>
<?php
$args = array(
'hide_empty' => false,
'orderby' => count,
'order' => 'ASC'
);
$inum = 0;
$categories = get_categories($args);
foreach($categories as $category) {;
$inum++;
$user_name = $category->name;
$user_id = $category->term_id;
$tag_extra_fields = get_option(MY_CATEGORY_FIELDS);
$wpcrown_category_custom_field_option = $tag_extra_fields[$user_id]['category_custom_fields'];
if(empty($wpcrown_category_custom_field_option)) {
$catobject = get_category($user_id, false);
$parentcat = $catobject->category_parent;
$wpcrown_category_custom_field_option = $tag_extra_fields[$parentcat]['category_custom_fields'];
}
?>
<div id="cat-<?php echo $user_id; ?>" class="wrap-content" style="display: none;">
<?php for ($i = 0; $i < (count($wpcrown_category_custom_field_option)); $i++) { ?>
<fieldset class="input-title">
<label for="edit-title" class="control-label">
<?php
if(!empty($wpcrown_category_custom_field_option[$i][0]))
echo $wpcrown_category_custom_field_option[$i][0];
?>
</label>
<input type="hidden" class="custom_field"
id="custom_field_<?php echo $user_id; ?>[<?php echo $i; ?>][0]"
name="custom_field_<?php echo $user_id; ?>[<?php echo $i; ?>][0]"
value="<?php
if(!empty($wpcrown_category_custom_field_option[$i][0]))
echo $wpcrown_category_custom_field_option[$i][0];
?>" />
<input type="text" class="custom_field"
id="custom_field_<?php echo $user_id; ?>[<?php echo $i; ?>][1]"
name="custom_field_<?php echo $user_id; ?>[<?php echo $i; ?>][1]" />
</fieldset>
<?php } ?>
</div>
<?php } ?>
<div id="price-field">
<label for="edit-field-category-und" class="control-label"><?php _e('Цена', 'agrg') ?></label>
<input type="text" id="post_price" name="post_price" value="" size="12" class="form-text required" />
<p class="help-block"><?php _e('Залиште поле порожнім за домовленістю', 'agrg') ?></p>
</div>
<fieldset class="input-title">
<label for="edit-title" class="control-label"><?php _e('Location', 'agrg') ?></label>
<input type="text" id="post_location" name="post_location" value="" size="12" maxlength="110" class="form-text required" />
</fieldset>
<label for="edit-title" class="control-label"><?php _e('Опис *', 'agrg') ?></label>
<?php
$settings = array(
'wpautop' => true,
'postContent' => 'content',
'media_buttons' => false,
'tinymce' => array(
'theme_advanced_buttons1' => 'bold,italic,underline,blockquote,separator,strikethrough,bullist,numlist,justifyleft,justifycenter,justifyright,undo,redo,link,unlink,fullscreen',
'theme_advanced_buttons2' => 'pastetext,pasteword,removeformat,|,charmap,|,outdent,indent,|,undo,redo',
'theme_advanced_buttons3' => '',
'theme_advanced_buttons4' => ''
),
'quicktags' => array(
'buttons' => 'b,i,ul,ol,li,link,close'
)
);
wp_editor( $postContent, 'postContent', $settings );
?>
<div class="hr-line"></div>
<label for="tel" class="control-lab"><?php _e('Телефон *', 'agrg') ?></label>
<input class="control-label" id="tel" type="tel" name="tel" value="" pattern="2[0-9]{3}\-[0-9]{3}" placeholder="Введіть свій номер телефону..." required />
<p class="help"><?php _e('Введіть свій дійсний номер телефону.', 'agrg') ?></p>
<div class="hr-line"></div>
<label for="edit-title" class="control-label"><?php _e('Address', 'agrg') ?></label>
<div id="map-container">
<input id="address" name="address" type="textbox" value="" />
<p class="help-block"><?php _e('Почніть вводити адресу і виберіть з випадаючого списку.', 'agrg') ?></p>
[/code]
Область, де я по аналогії, зробив додаткове поле:
[code=PHP]
<label for="tel" class="control-lab"><?php _e('Телефон *', 'agrg') ?></label>
<input class="control-label" id="tel" type="tel" name="tel" value="" pattern="2[0-9]{3}\-[0-9]{3}" placeholder="Введіть свій номер телефону..." required />
<p class="help"><?php _e('Введіть свій дійсний номер телефону.', 'agrg') ?></p>
[/code]
Як об'єднати дане поле, щоб номер телефону з'являвся в тілі оголошення? Може бути, потім можна за допомогою JQuery, підключити цікаве відображення в потрібному мені місці? Дякую