Mam następujący plik obsługujący komponent spinner
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Counter Plugin</title>
<style>
<body>
{
font-family: sans-serif;
padding: 0;
margin: 0;
}
h4{
color: steelblue;
}
.counter {
display: flex;
margin-bottom: 20px;
}
.c1-btn,.c2-btn {
width: 100px;
height: 32px;
background-color: orange;
color: white;
border: none;
font-size: 14px;
cursor: pointer;
outline: none;
}
.c1-btn:hover,.c2-btn:hover{
background-color: #db8e00;
}
.c1-p,.c2-p {
color: gray;
font-size: 16px;
}
.c1-span,.c2-span {
color: green;
}
header, footer{
background-color: #80822f;
color: white;
padding: 10px;
}
header{
position: fixed;
top: 0;
width: 100%;
}
footer{
position: fixed;
bottom: 0;
width: 100%;
text-align: center;
}
footer a{
color: antiquewhite;
}
.container{
margin: 60px 30px;
}
</style>
</head>
<body>
<include 'zmienna.php'>
<div class="container">
<div class="counter2-container">
<div id="counter-two" class="counter" min="0" max="50" step="1"></div>
<button class="c2-btn" onclick="onC2BtnClick()">Get Value</button>
</div>
</div>
<footer> created by <a href="https://github.com/umarfarookm/counter-plugin" target="_blank">Umar Farook M</a></footer>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="plugin.js"></script>
<script type="text/javascript">
/*Start Number Input Spinner With Attributes*/
$("#counter-two").htmlNumberSpinner();
$('.counter2-container').append("<p class='c2-p'>The Spinner Value is : <span class='c2-span'>-</span></p>");
function onC2BtnClick() {
var value = $("#counter-two").getSpinnerValue();
$('.c2-p .c2-span').text(value);
}
/*End Number Input Spinner With Attributes*/
</script>
<form class="subform" method="post" action="https://serwer2232156.home.pl/zmienna.php" onSubmit="onC2BtnClick()">
<input type="submit" value="uruchom">
</form>
</body>
</html>
Poniżej wymyśliłem plik php, który ma za zadanie szczytać wartość spinner i podstawić ją za zmienną w php. Problem polega na tym, że nie wiem jak uruchomić plik php wewnątrz pliku html ? Zwracam się z uprzejmą prośbą o szczegółową informację jak to zrobić. Chodzi o plik poniżej szczytujący wartość z działania komponentu Spinner.
<script type="text/javascript">
var cos ='fewfewfew';
</script>
<?php
$cos = '<script type="text/javascript">document.write(cos)</script>';
echo $cos;
?>
Jak uruchamiam oddzielnie ten plik w php to już nie pamięta wartości zapisanej w zmiennej var value = $("#counter-two").getSpinnerValue();