如何获得

Question

I'm working at a web GUI for an audio mixer. Therefor I have lot of repetitive faders. All looking the same, just differing by ID. The ID is a three digit number. The first digit is provide by the main php page, the other are repetitive in each fader section. I'm trying to get the result back from the server and posting it into a span field. The problem is that the span id depends on the full id.

The span id should be “result111”.Not hardcoded as it is but dynamically generated by the provide id followed by the identifier 11.

 GUI php <script> function transfer(value,id) { if (window.XMLHttpRequest) { // AJAX nutzen mit IE7+, Chrome, Firefox, Safari, Opera xmlhttp=new XMLHttpRequest(); } else { // AJAX mit IE6, IE5 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); } xmlhttp.onreadystatechange=function() { if (xmlhttp.readyState==4 && xmlhttp.status==200) { document.getElementById("result"+id).innerHTML=xmlhttp.responseText; } } xmlhttp.open("GET","backEnd.php?v="+value+"&id="+id,true); xmlhttp.send(); return; } </script> 

 backEnd.php <?php $id = 10; $value = 7; $result = 6; if ( isset($_GET['id']) ) { $id = $_GET['id']; } if ( isset($_GET['v']) ) { $value = $_GET['v']; $result = $value; } echo ("$id + $result"); ?> GUI.php <?php $id = 1; include 'fader.php'; ?> 

  fader.php <script> var id = <?php echo "$id"; ?>; function setName (id2){ var fullId =""+ id + id2; return fullId; } function setNameReturn (id2){ var fullIdReturn =""+ id + id2; return fullIdReturn; } </script> <form oninput="transfer(auswertung.value,setName(11))"> <input type="range" name="auswertung" min="0" max= "63" value="30" orient="vertical"> <br> <span id="setNameReturn (11)">na</Span> </form> 

Answer 1

You passing value to your function in next way

transfer(auswertung.value,setName(11))

11 , while expecting 111

is this your problem?

Update: Just to be clear, everything you generated in PHP stays in PHP, you need to geenrate JS assignment to pass value to JS. You currently have hardcoded value of 11 at your transfer function, and span result111.

Answer 2

This might work or it might not. It is just an attempt, because you asked me for it in the comments. Have a try and see, what happens.

GUI.php

<?php
$id = 1;

function getSpanId($addedid){
    $spanid = $id + $addedid;
    return $spanid;
}
?>

<script>
function transfer(value,id)
{
    if (window.XMLHttpRequest)
    {
        // AJAX nutzen mit IE7+, Chrome, Firefox, Safari, Opera
        xmlhttp=new XMLHttpRequest();
    }
    else
    {
        // AJAX mit IE6, IE5
        xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
    }
    xmlhttp.onreadystatechange=function()
    {
      if (xmlhttp.readyState==4 && xmlhttp.status==200)
      {
        document.getElementById("result"+id).innerHTML=xmlhttp.responseText;
      }
    }
    xmlhttp.open("GET","backEnd.php?v="+value+"&id="+id,true);
    xmlhttp.send();
    return;
}
</script>

<?php
include 'fader.php';
?>

fader.php

<form oninput="transfer(auswertung.value,<?php getSpanId(11); ?>)">
    <input type="range" name="auswertung" min="0" max= "63" value="30" orient="vertical">
    <br>
    <span id="<?php getSpanId(11); ?>">n.a.</Span>
</form>