transfer php-variable to javascript variable

Question

I have incorporated this simple datetimepicker : http://trentrichardson.com/examples/timepicker/#rest_examples

So it looks

<?php $tabname = "brightness"; ?>
<script type="text/javascript">
$('#datumstartbrightness').timepicker();
</script>
...
<input type="text" name="datumstart<?php echo $tabname; ?>" 
                id="datumstart<?php echo    $tabname; ?>"/> 
...

With this code it works and datetimepicker appears !

But with this ...

<?php $tabname = "brightness"; ?>
<script type="text/javascript">
$('#datumstart<?php echo $tabname; ?>').timepicker();
</script>
...
<input type="text" name="datumstart<?php echo $tabname; ?>" id="datumstart<?php echo     $tabname; ?>"/> 
...

DateTimePicker doesn't appear. What can be wrong with this line

$('#datumstart').timepicker();

Have you checked the actual output in your inspector/source? And you're JS is executed after the DOM is loaded right? — Tom Walters
– Tom Walters, Commented Jan 17, 2013 at 12:43
There is nothing wrong there: $('#datumstart<?php echo $tabname; ?>').timepicker(); — Bogdan Burym
– Bogdan Burym, Commented Jan 17, 2013 at 12:46
I noticed something else. datumstart and brightness are Dutch and English. You are using id's and classes with mixed up languages. It's not a big deal, but it's nice to have it all in English. Makes it more uniform and makes stuff a bit more descriptive/obvious for other programmers who don't speak the native language :) — Jelmer
– Jelmer, Commented Jan 17, 2013 at 21:35

wildhaber · Accepted Answer · 2013-01-17 12:57:36Z

3

You need to do the ready-state first before you can call jQuery-Functions: So try this:

<script type="text/javascript">
$(function() {
   $('#datumstart<?php echo $tabname; ?>').timepicker();
});
</script>

edited Jan 17, 2013 at 12:57

answered Jan 17, 2013 at 12:52

wildhaber

1,6611 gold badge18 silver badges23 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Hieu Le Over a year ago

I agree with the point that we need do the ready-state first. However, the echo will not output the space in the PHP code except this space is a string constant.

wildhaber Over a year ago

@Susanne92 you're welcome. You can thanking by "accepting" the answer. Simply click on the tick on the left.

Collectives™ on Stack Overflow

transfer php-variable to javascript variable

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related