[3.8.x] Как передать переменную в Javascript?

03-30-2013, 08:44 PM

Возникла задача при проведении кокунрсов на сайте воткнуть 2 таймера в первый пост темы:
Сколько осталось до начала конкурса
Сколько осталось до завершения конкурса.
При этом создание подобной темы должно быть доступно без правки кода.

Мы не ищем легких путей и все делаем через нее, родимую. А именно:

http://photoshopia.ru/178168-testovi...t-taimera.html

Для начала установлен ProvB - Extra Threadfields, который дал возможность в определенном разделе форума при создании темы задавать год, месяц, число, время начала и время окончания (блиц-конкурсы, продолжительность несколько часов).

Затем выясниось, что (как и положено) конструкция

PHP Code:


			
<if condition="$forum[forumid] == 107">



<if condition="!$GLOBALS['FIRSTPOSTID']">



<if condition="$thread[field1] == 'Да'">



Отладочная информация:<br />

<b>Год проведения конкурса : </b>$thread[field2]<br />

<b>Месяц проведения конкурса : </b>$thread[field3]<br />

<b>Число месяца : </b>$thread[field4]<hr>

<b>Время начала : </b>$thread[field5]:00<hr>

<b>Время окончания : </b>$thread[field6]:00<hr>



<!--СОбственно скрипт таймера -->



</if>

</if>

</if>

исправно выводит все, что требуется. Но:

В собственно скрипте таймера

PHP Code:


			
        <script language="javascript" type="text/javascript">

            jQuery(document).ready(function() {

                $('#countdown_dashboard').countDown({

                    targetDate: {

                        'day':         30,

                        'month':     3,

                        'year':     2015,

                        'hour':     19,

                        'min':         00,

                        'sec':         0

                    }

                });

                

            });

        </script>

необходимо подставить вместо конкретной цифири переменные, то есть привести к виду

PHP Code:


			
                        'year':     $thread[field2],

или что-то вроде того. Данная окнструкция не срабатывает.

Попытка (правда, без особой надежды) воткнуть Let Php Live и выводить

PHP Code:


			
                        'year':     <?php echo $thread[field2]; ?>,

[/PHP]

также успехом не уыенчалась. Вопрос - как можно передать переменную в Javascript?

Заранее премного благодарен!

03-30-2013, 08:56 PM

а если вместо $thread[field2] => $post[field2] ?

03-30-2013, 09:05 PM

Неа, тоже не срабатывает

Я попробовал

PHP Code:


			
var startyear='2015'

- работает, если подставить startyear вместо числа года.

Но то же самое с подстановкой переменной - опять нет :(

03-30-2013, 09:14 PM

а эти поля заполнены в профиле пользователя, от которого размещен пост?
в шаблонах постбитов, обрабатывается именно $post[fieldx], т.к. запрос отправляется в таблицы, связанные с аккаунтом узера и соотв. вся инфа в массиве $post

03-30-2013, 09:56 PM

СТоп, а при чем тут юзер?

Поля отправляются в таблицу threads

откуда и берутся. Тем более, если в теме в дебаге выводятся все значения - значит, они есть и не пустые!

полностью:

PHP Code:


			
<!--Часы-->

<if condition="$forum[forumid] == 107">



<if condition="!$GLOBALS['FIRSTPOSTID']">



<if condition="$thread[field1] == 'Да'">



Отладочная информация:<br />

<b>Год проведения конкурса : </b>$thread[field2]<br />

<b>Месяц проведения конкурса : </b>$thread[field3]<br />

<b>Число месяца : </b>$thread[field4]<hr>

<b>Время начала : </b>$thread[field5]:00<hr>

<b>Время окончания : </b>$thread[field6]:00<hr>





    <div id="container">



        <h2>ДО НАЧАЛА КОНКУРСА</h2>

        <h3 class="subtitle">Вы готовы принять участие?</h3>



        <!-- Countdown dashboard start -->

        <div id="countdown_dashboard">

            <div class="dash weeks_dash">

                <span class="dash_title">weeks</span>

                <div class="digit">0</div>

                <div class="digit">0</div>

            </div>



            <div class="dash days_dash">

                <span class="dash_title">days</span>

                <div class="digit">0</div>

                <div class="digit">0</div>

            </div>



            <div class="dash hours_dash">

                <span class="dash_title">hours</span>

                <div class="digit">0</div>

                <div class="digit">0</div>

            </div>



            <div class="dash minutes_dash">

                <span class="dash_title">minutes</span>

                <div class="digit">0</div>

                <div class="digit">0</div>

            </div>



            <div class="dash seconds_dash">

                <span class="dash_title">seconds</span>

                <div class="digit">0</div>

                <div class="digit">0</div>

            </div>



        </div>

        <!-- Countdown dashboard end -->







        <h2>ДО ОКОНЧАНИЯ КОНКУРСА</h2>

        <h3 class="subtitle">Вы уже выставили свою работу?</h3>







        <!-- Countdown dashboard start -->

        <div id="countdown_dashboard2">

            <div class="dash weeks_dash">

                <span class="dash_title">weeks</span>

                <div class="digit">0</div>

                <div class="digit">0</div>

            </div>



            <div class="dash days_dash">

                <span class="dash_title">days</span>

                <div class="digit">0</div>

                <div class="digit">0</div>

            </div>



            <div class="dash hours_dash">

                <span class="dash_title">hours</span>

                <div class="digit">0</div>

                <div class="digit">0</div>

            </div>



            <div class="dash minutes_dash">

                <span class="dash_title">minutes</span>

                <div class="digit">0</div>

                <div class="digit">0</div>

            </div>



            <div class="dash seconds_dash">

                <span class="dash_title">seconds</span>

                <div class="digit">0</div>

                <div class="digit">0</div>

            </div>



        </div>

        <!-- Countdown dashboard end -->





        <script language="javascript" type="text/javascript">



var startyear = '2014'





            jQuery(document).ready(function() {

                $('#countdown_dashboard').countDown({

                    targetDate: {

                        'day':         30,

                        'month':     3,

                        'year':     startyear,

                        'hour':     19,

                        'min':         00,

                        'sec':         0

                    }

                });

                

            });

        </script>





        <script language="javascript" type="text/javascript">

            jQuery(document).ready(function() {

                $('#countdown_dashboard2').countDown({

                    targetDate: {

                        'day':         5,

                        'month':     4,

                        'year':     2013,

                        'hour':     19,

                        'min':         00,

                        'sec':         0

                    }

                });

                

            });

        </script>

    

    </div>









<br />

</if>

</if>

</if>

<!--Часы-->

Gostemilov добавил 30.03.2013 в 20:39
А может, хук какой создать и туда повесить $timer1="<javascript.....".$thread[field1]."..." и так далее...? Я в Javascript совсем практически не разбираюсь, задача-то вроде и не самая сложная, а вот поди заставь работать

Gostemilov добавил 30.03.2013 в 20:56
Я, конечно, предполагал что через Ж, но не думал, что настолько

В модуль Extra Threadfields - Postbit -> Show Fields

PHP Code:


			
$timer1="targetDate: {'day':".$thread[field4].",'month':".$thread[field3].",'year':".$thread[field2].",'hour':".$thread[field5].",'min':00,'sec':0

                    }

";



$timer2="targetDate: {'day':".$thread[field4].",'month':".$thread[field3].",'year':".$thread[field2].",'hour':".$thread[field6].",'min':00,'sec':0

                    }

";

Сам скрипт

PHP Code:


			
        <script language="javascript" type="text/javascript">



            jQuery(document).ready(function() {

                $('#countdown_dashboard').countDown({



$timer1

                });

                

            });

        </script>





        <script language="javascript" type="text/javascript">

            jQuery(document).ready(function() {

                $('#countdown_dashboard2').countDown({

$timer2                });

                

            });

        </script>

Где бы записать, чтоб не забыть сие "гениальное" решение?

03-30-2013, 10:09 PM

Quote:

Originally Posted by Gostemilov

Как передать переменную в Javascript?

Ровно также как в обычном случае...
Упростите свой вопрос до "ёжиков и яблок" и тогда больше вероятности что ответят разумно. ;)

03-30-2013, 11:51 PM

Ок. Ежик тащит некую хрень, а мне надо, чтоб он тащил яблоко. Как это сделать в postbit_legacy?

Я постарался максимально подробно изложить суть вопроса. Ничего плохого в этом не вижу. Решение, кстати, найдено

Gostemilov добавил 30.03.2013 в 22:51
Кстати, раз пошла такая пьянка - как бы еще сделать так, чтобы по обнулении счетчика скрипт переставал выводиться?

03-31-2013, 12:21 AM

Quote:

Originally Posted by Gostemilov

а при чем тут юзер?

при том, что изначально не было указано, что поля дописываются в таблицу thread =)