<![CDATA[webpd slider onchange]]>I`ve just started using webpd and I would be happy if someone showed me how to properly write a very simple HTML & javascript code connected to the pd patch, which has a slider that fires the moment when the value of the element is changed.

<!doctype HTML>
<html>
<head>
<meta charset="utf-8">
<script type="text/javascript" src="../js/jquery-2.1.0.min.js"></script>
<script type="text/javascript" src="../js/webpd-latest.js"></script>
<script type="text/javascript" src="../js/elindit.js"></script>
</head>

<body>

<button id="startButton">Start</button>

<div id="controls">
  <form>
    <input type="text" id="freqInput" />
    <input type="submit" value="Set frequency" />
  </form>
</div>


<script type="text/javascript">
  
  webPdLali.init()

  $('form').submit(function(event) {
    event.preventDefault()
    Pd.send('freq', [parseFloat($('#freqInput').val())])
  })

  var patch
  $.get('pd/main.pd', function(mainStr) {
    // Loading the patch
    patch = Pd.loadPatch(mainStr)

    webPdLali.patchLoaded(mainStr)
  })

</script>

</body>
</html>

]]>http://forum.pdpatchrepo.info/topic/12014/webpd-slider-onchangeRSS for NodeThu, 16 Jul 2026 16:13:37 GMTTue, 23 Apr 2019 20:44:01 GMT60<![CDATA[Reply to webpd slider onchange on Mon, 29 Apr 2019 23:13:15 GMT]]>I`ve just started using webpd and I would be happy if someone showed me how to properly write a very simple HTML & javascript code connected to the pd patch, which has a slider that fires the moment when the value of the element is changed.

<!doctype HTML>
<html>
<head>
<meta charset="utf-8">
<script type="text/javascript" src="../js/jquery-2.1.0.min.js"></script>
<script type="text/javascript" src="../js/webpd-latest.js"></script>
<script type="text/javascript" src="../js/elindit.js"></script>
</head>

<body>

<button id="startButton">Start</button>

<div id="controls">
  <form>
    <input type="text" id="freqInput" />
    <input type="submit" value="Set frequency" />
  </form>
</div>


<script type="text/javascript">
  
  webPdLali.init()

  $('form').submit(function(event) {
    event.preventDefault()
    Pd.send('freq', [parseFloat($('#freqInput').val())])
  })

  var patch
  $.get('pd/main.pd', function(mainStr) {
    // Loading the patch
    patch = Pd.loadPatch(mainStr)

    webPdLali.patchLoaded(mainStr)
  })

</script>

</body>
</html>

]]>http://forum.pdpatchrepo.info/topic/12014/webpd-slider-onchangehttp://forum.pdpatchrepo.info/topic/12014/webpd-slider-onchangeMon, 29 Apr 2019 23:13:15 GMT