Menu
Community /Pin to ProfileBookmark
@daveyerwinAug 17.2012 — #you have a timing problem
the var MyText is in
the global scope
however
you access it Before
jquery has updated it
here is the solution ...
using jQuery.ajaxSetup({async:false});
causes the script to
wait until MyText has
been updated@daveyerwinAug 17.2012 — #
Global variables
Can someone explain what I am doing wrong with what I think is a global variable
the file reads OK and MyText inside MyFunction contains the value from the file but after exiting the function MyText disappears and I get “undefined”!
[CODE]
<html>
<head>
<script src=”http://code.jquery.com/jquery-latest.js”></script>
<script type=’text/javascript’>
var MyText;
function MyFunction(){
jQuery.get(‘test.txt’, function(data) {
MyText = data;
});
}
</script>
</head>
<body>
<script type=’text/javascript’>
MyFunction();
alert(MyText);
</script>
</body>
</html>
Thanks
Steve
Sign in
to post a comment3 Comments(s) ↴
0
@daveyerwinAug 17.2012 — #you have a timing problemthe var MyText is in
the global scope
however
you access it Before
jquery has updated it
here is the solution ...
[CODE]<!doctype html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type='text/javascript'>
var MyText = "";
function MyFunction(){
jQuery.ajaxSetup({async:false});
jQuery.get('test.txt', function(data) {
MyText = data;
});
}
</script>
</head>
<body>
<script type='text/javascript'>
MyFunction();
alert(MyText)
</script>
</body>
</html>[/CODE]using jQuery.ajaxSetup({async:false});
causes the script to
wait until MyText has
been updated
0
@daveyerwinAug 17.2012 — #[CODE]<!doctype html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type='text/javascript'>
var MyText;
function MyFunction(){
jQuery.ajaxSetup({async:false});
jQuery.get('test.txt', function(data) {
MyText = data;
});
}
</script>
<script type='text/javascript' src='https://www.google.com/jsapi'></script>
<script type='text/javascript'>
google.load('visualization', '1', {packages:['gauge']});
google.setOnLoadCallback(drawChart);
function drawChart() {alert(MyText)
var data = google.visualization.arrayToDataTable([
['Label', 'Value'],
['kW', [COLOR="Magenta"]Number(MyText)[/COLOR] ]
]);
var options = {
animation:{
duration: 1000,
easing: 'linear',
},
width: 1200, height: 360,
greenFrom: 0.7, greenTo: 1.5,
redFrom: 1.5, redTo: 2.0,
minorTicks: 0.1,
min: 0,max: 2.0
};
var chart = new google.visualization.Gauge(document.getElementById('chart_div'));
chart.draw(data, options);
}
</script>
</head>
<body>
<div id='chart_div'></div>
<script type='text/javascript'>
MyFunction();
</script>
</body>
</html>[/CODE]