Puxar valores de div para php

Olá, eu tenho um código em java que é no modelo de um controlador de volume. Quando arrasta a bolinha dentro do controlador ele vai dando o valor, só que o script estipula o valor para uma div id, e quando eu dou "$volume = ('<div id="valor"></div>');" no outro código aparece o código da div. Irei mostrar onde eu queria que aparecesse esse valor:

<script type="text/javascript" src="http://gerador.hostseries.com.br/player.js"></script>
<script type="text/javascript">
new WHMSonic({
path : "http://gerador.hostseries.com.br/HostSeriesPlayer.swf",
source : "http://192.99.181.93:9960",

volume : 50, //aqui, no lugar do 50, eu queria o valor gerado pelo meu script

autoplay : true,
width: 372,
height: 60,
twitter : "http://twitter.com/HostSeries",
facebook : "http://facebook.com/HostSeries",
logo : "http://www.hostseries.com.br",
});
</script>

Eu acredito que deva colocar tudo isso com echo, só que não sei tirar o valor da div para colocar um echo ali.

JS:

<script type='text/javascript'>//<![CDATA[ 
window.onload=function(){
var slider = document.querySelector('.controlar .bola');
var limites = document.querySelector('.controlar').getBoundingClientRect();
var valor = document.getElementById('valor');
// arrastar slider
var ativo = false;
var offset = 0;


function toggleAtivo(e) {
    if (e.target != slider) return;
    ativo = (e.type == 'mousedown');
    var sliderPosition = slider.getBoundingClientRect().left;
    offset = sliderPosition - e.pageX;
}
window.addEventListener('mousedown', toggleAtivo);
window.addEventListener('mouseup', toggleAtivo);
window.addEventListener('mousemove', function (e) {
    if (!ativo) return;
    var position = e.pageX + offset;
    if (position < limites.left || position > limites.right) return;
    slider.style.left = position + 'px';
    valor.innerHTML = position * limites.width / 100;
});
}//]]>  


</script>