getting a variable value in an html page and using it in an external js

Question

hi have a php template that displays an html page. in it there is a call to a js file that initializes some jquery plugins.

on the template i have this code:

(function($) { 

 $(document).ready(function(){
     var adlow = <?php echo $jSeblod->disparities_tick_lower->value ?>;
     var adhigh = <?php echo $jSeblod->disparities_tick_upper->value ?>;
     var adtickno = <?php echo $jSeblod->disparities_tick_divisions->value ?>;

    });
})(jQuery);

then on the init.js page i call adlow, adhigh and adtickno. i get variable undefined errors.

the php is returning the correct values. but then the external init file is not getting them. do i need to do something special to get the init file to be able to use these variables? all i did was just plug them in...

thanks, i am a little hazy on the interaction between these pages.

Gabe Moothart · Accepted Answer · 2010-06-30 16:53:35Z

2

They need to be globals for other pages to use them. Try removing the var. Or namespace them, which is better practice:

$(document).ready(function(){
    MYAPP = {};
    MYAPP.adlow = <?php echo $jSeblod->disparities_tick_lower->value ?>;
    MYAPP.adhigh = <?php echo $jSeblod->disparities_tick_upper->value ?>;
    MYAPP.adtickno = <?php echo $jSeblod->disparities_tick_divisions->value ?>;

   });

answered Jun 30, 2010 at 16:53

Gabe Moothart

32.3k15 gold badges81 silver badges101 bronze badges

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

3 Comments

liz Over a year ago

hi, this is just what i meant. i didnt understand the whole global declaration thing. but balusc was correct as well. neither answer works without the other. you need to declare the globals before init.js loads.

liz Over a year ago

just so i am clear here. the MYAPP is the new namespace? and any variable i declare with that namespace will then be available globally?

Gabe Moothart Over a year ago

MYAPP is a global javascript object that is being used as a namespace. Since MYAPP is global, any variables added to it will be globally accessible as well, yes.

BalusC · Accepted Answer · 2010-06-30 16:59:47Z

2

You need to print them in global scope before init.js get loaded.

<script>
    var adlow = <?php echo $jSeblod->disparities_tick_lower->value ?>;
    var adhigh = <?php echo $jSeblod->disparities_tick_upper->value ?>;
    var adtickno = <?php echo $jSeblod->disparities_tick_divisions->value ?>;
</script>
<script src="init.js"></script>

Printing them during $(document).ready() makes no sense. The init.js already get loaded before that.

edited Jun 30, 2010 at 16:59

answered Jun 30, 2010 at 16:54

BalusC

1.1m377 gold badges3.7k silver badges3.6k bronze badges

1 Comment

liz Over a year ago

hi, while your answer was needed, (see above comment)... the above really got to the heart of my question, which was about passing the variables. if i could check two correct i would check your answer too.

Collectives™ on Stack Overflow

getting a variable value in an html page and using it in an external js

2 Answers 2

3 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related