JQuery прогрессбар с переменными PHP
Я хотел бы спросить, как я могу использовать свои собственные значения для индикатора выполнения, который покажет, сколько кредитов вы потратили до вашего предустановленного максимального бюджета?
Типы ввода — это текст, чтобы увидеть, приходит ли значение. Индикатор выполнения имеет некоторый прогресс, но это потому, что я вручную ввел оба значения.
http://postimg.org/image/fbjnrvvgn/
КОД:
<input type="text" id="max_budget" value="<?php include_once 'budget_calc.php'; echo $max_budget_echo; ?>">
<input type="text" id="calculated_budget" value="<?php include_once 'budget_calc.php'; echo $total ?>">
<script>
$(function() {
$( "#progressbar" ).progressbar({
max: 1000,
value: 100
});
});
</script>
<div id="progressbar"></div>
Я хотел бы получить максимум из пользовательского набора max в базе данных и рассчитать значение из $ total = $ i- $ o,
как это:
<script>
$(function() {
$( "#progressbar" ).progressbar({
max: $('#max_budget').val(),
value: $('calculated_budget').val()
});
});
</script>
Я тоже устал от этого:
<script>
var max_budget=<?php include_once 'budget_calc.php'; echo $max_budget_echo; ?>
var calculated_budget=<?php include_once 'budget_calc.php'; echo $total; ?>
$(function() {
$( "#progressbar" ).progressbar({
max: max_budget,
value: calculated_budget
});
});
</script>
Но ничего не работает 🙁
Как я могу решить эту проблему?
Спасибо за ваше время (:
Решение
Почему бы вам просто не «повторить» их там, где они вам нужны?
<?php include_once 'budget_calc.php'; ?>
<script>
$(function() {
$( "#progressbar" ).progressbar({
max: <?php echo $max_budget_echo; ?>,
value: <?php echo $total; ?>
});
});
</script>
Если это не сработает, проверьте ваш HTML / JS-код.
Другие решения
Привет ваши включения будут в верхней части файла php. Как это
<?php include_once 'budget_calc.php'; ?>
<input type="text" id="max_budget" value="<?php echo $max_budget_echo; ?>">
<input type="text" id="calculated_budget" value="<?php echo $total; ?>">
<div id="progressbar"></div>
<script>
$(function() {
$( "#progressbar" ).progressbar({
max: $('#max_budget').val(),
value: $('#calculated_budget').val()
});
});
</script>
Это будет работать Также второе решение может быть.
<?php include_once 'budget_calc.php'; ?>
<script>
var max_budget = "<?php echo $max_budget_echo; ?>";
var calculated_budget = "<?php echo $total; ?>";
$(function() {
$( "#progressbar" ).progressbar({
max: max_budget,
value: calculated_budget
});
});
</script>
Убедитесь, что у вас есть $ max_budget_echo и $ total в файле budget_calc.php. Надеюсь, что это поможет решить проблему.