Форматирование заголовков полей в форме обратной связи

[Heidel]

Если зайти в исходный код, то видно, что форма выводится в таком виде

<span id="nc_capfld_2415">Имя (*):</span>
<input size="50" maxlength="255" type="text" name="f_Name" />



<span id="nc_capfld_2412">Телефон (*):</span>
<input size="50" maxlength="255" type="text" name="f_Telephone" />



<span id="nc_capfld_2414">Email (*):</span>
<input size="50" maxlength="255" type="text" name="f_Email" />



<span id="nc_capfld_2413">Текст письма (*):</span>
&lt;textarea cols="40" rows="8" name="f_Text" id="f_Text">&lt;/textarea><br /><br /><br />

В макете дизайна прописан такой код.
CSS задает:
- ширину спанов, в которых лежат заголовки полей
- жирный шрифт для некоторых заголовков
- выравнивание текста по верхнему края для конкретного спана

JQuery скрипт вставляет текст перед некоторыми конкретными спанами

<? if( $sub == 346) {
		?>
<style type="text/css">
	span[id^='nc_capfld'] {
	display: inline-block;
	width: 300px;
		}
	
	span[id='nc_capfld_2416'],
	span[id='nc_capfld_2424'],
	span[id='nc_capfld_2430'],
	span[id='nc_capfld_2451'],
	span[id='nc_capfld_2462'],
	span[id='nc_capfld_2463']{
	font-weight: bold;
		}
	
	span[id='nc_capfld_2413']{
		vertical-align: top;
		}
</style>
	
<sсript type="text/javasсript">
    $(document).ready(function(){
        $("#nc_capfld_2431").before("<p><i>Для конвейера указать:</i></p>");
		$("#nc_capfld_2440").before("<p><i>Для трубопровода указать:</i></p>");
		$("#nc_capfld_2443").before("<p><i>Для бункера указать:</i></p>");
		$("#nc_capfld_2447").before("<p><i>Для самотека (лотка):</i></p>");
		$("#nc_capfld_2415").before("<h3>Ваши персональные данные:</h3>");
    }); 
</sсriрt>
		<?
	}
 		?>	

@темы: Поля, NetCat, Компоненты