Как расположить калькулятор в нужном блоке?

Question

[Владимир Горбунов]

Есть вот такой html код:

<section class="container">
            <div class="content">
                <div class="row">
                        <div class="col-md-9">
                                        <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
                            <div class="wrapper_s">
                                           <div class="wrapper_p">
                                            <div class="title_p">
                                           <?php the_post_thumbnail("large"); ?>
                                               </div>
                                            <h4 class="media-heading"><?php the_title(); ?></h4>
                                           
                                            <?php the_content(); ?>
                                           <?php if( is_page( 19 ) || is_page( 'ID2' ) ) : ?> 
                                           <div class="calc">
                                        <script type="text/javascript"> 
                                            var section = document.getElementsByTagName("section")[0];
                                            var cont = document.createElement("div");
                                            var div_p = document.createElement("div");
                                            var div_f = document.createElement("div");
                                            section.appendChild(cont);
                                            cont.appendChild(div_p);
                                            cont.appendChild(div_f);

                                            cont.style.width = 520;
                                            cont.style.height = 250;
                                            cont.style.position = 'relative';
                                            cont.style.border = 'outset';
                                            div_p.style.width = '50%';
                                            div_p.style.position = 'absolute';
                                            div_p.style.Float = 'left';
                                            div_p.style.marginTop = 20;
                                            div_p.style.marginLeft = 20;
                                            div_f.style.Float = 'right';
                                            div_f.style.marginTop = 20;
                                            div_f.style.marginLeft = 280;
                                            div_f.style.width = '50%';
                                            div_f.style.position='relative';

                                            div_p.innerHTML = "Сумма кредита:<br>Общий годовой процент по кредиту:<br>Срок кредита:<br><br><br>"+
                                                "Ваш ежемесячный платеж:<br>Общая сумма платежей:<br>Переплата по кредиту составляет:";

                                            div_f.innerHTML = "<form name='credit'><input name='sum' type='text' value='' size=12>"+
                                                "<select type='menu' name='usr' id='curr'><option value='rub'> ман.<option value='USD'>дол."+
                                                "<option value='Eur'>евро</select><br><input name='perc' type='text' value='' size=12>%<br>"+
                                                "<input type='text' value='' name='term' size=12><select type='menu' name='ust' id='ust'>"+
                                                "<option value='month'>  мес.<option value='year'>  год</select>"+
                                                "</form><button onclick='count()' value='' style='float:left; margin-top:-10'>Считать</button><br>"+
                                                "<form name='result'  ><input name='month_p' type='text' value='' size=24 ' onfocus='this.blur()'><br>"+
                                                "<input name='total_p' type='text' value='' size=24 onfocus='this.blur()'><br>"+
                                                "<input name='over_p' onfocus='this.blur()'type='text' value='' size=24>";

                                            function count() {
                                                var sum = document.credit.sum.value;
                                                var perc = document.credit.perc.value;
                                                var i = new Array(1,12);
                                                var term = document.credit.term.value*i[document.credit.ust.selectedIndex];

                                                var p = perc/1200;

                                                var a = p*Math.pow((1+p),term)/(Math.pow((1+p),term)-1); //Math.pow - возведение в степень (арг-т, степень)
                                                a = (Math.ceil(a*10000))/10000;

                                                var month_p = a*sum;
                                                var total_p = term*month_p;
                                                var over_p = total_p-sum;
                                                var sel_val = new Array ("ман.", "долл.", "евро");
                                                var val = sel_val[document.credit.usr.selectedIndex];

                                                document.result.month_p.value = (Math.round(month_p*100))/100+" "+val;
                                                document.result.total_p.value = (Math.round(total_p*100))/100+" "+val;
                                                document.result.over_p.value = (Math.round(over_p*100))/100+" "+val;

                                            }
                                        </script>
										</div>
                                            <?php endif; ?>
                                        
                                            </div>
                                            
                                </div>
                                <?php endwhile; ?>
                                 <?php endif; ?>
                                 </div>

Надо чтобы этот скрип выводился именно в
<div class="wrapper_p">.
Сейчас он выводится в section. Что нужно поменять в скрипте?

Comments

[Илья Шатохин]

Именно в чем? Вы потеряли название тега.

[Владимир Горбунов]

Илья Шатохин: поправил

Answer 1

[Сергей delphinpro]

Добавьте ID
<div class="wrapper_p" id="calc">

и поменяйте строку

//var section = document.getElementsByTagName("section")[0];
 var section = document.getElementById("calc");

Comments

[Владимир Горбунов]

спасибо, все получилось! но, почему то не применяются 2 правила

cont.style.width = 520;
cont.style.height = 250;

может вы знаете в чем может быть проблема?