CODEWITHSUNDEEP
javascriptphpjqueryhtml
William
William

Reputation: 1069

Grab HTML tag value and assign to PHP variable

I have JavaScript to change the value of an input tag whenever I open my popup in which it all executes successfully. When I inspect the tag, the value is exactly what it should be every time. Now within that popup I have, I just want to echo out the value using my PHP variable but this doesn't seem to work. I understand the whole concept of PHP is server side and JavaScript it client side but because the value is changed it should not matter as the value is there and PHP should be able to pick it up even when I reopen the popup.

Any idea how to achieve this?

My code is below. I can't have the page reload (e.g., use post methods and such).

HTML input tag:

<td class="alarmvalue" style="">
    <input type="checkbox" name="tracknameneeds" id="tracknameneeds" style="text-align:center;" class="form-control" value="">
</td>

Code trying to echo input tags value:

<?php 
$trackname = "<script>document.getElementByID('tracknameneeds').value;</script>";
?>   


<!-- Play Options localstorage etc -->
<div class="context-menu">
    <div id="modal-pl-playpopup" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="modal-pl-playpopup-label" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h3 class="modal-title" id="modal-pl-clear-label">Play Options</h3>
                </div>
                <div class="modal-body">
                    Choose from the following...<br>
                    <p>You Chose: <?php echo $trackname;?></p>
                    <br> 
                    <br>
                    <a href="javascript:;" class="btn btn-default btn-lg" style="width:100%" data-cmd="add" data-dismiss="modal"><i class="fa fa-plus-circle sx"></i> Add To Queue</a><br> <div style="padding-top:5px"></div>
                    <a href="javascript:;" class="btn btn-default btn-lg" style="width:100%" data-cmd="addplay" data-dismiss="modal"><i class="fa fa-play sx"></i> Add And Play</a><br><div style="padding-top:5px"></div>
                    <a href="javascript:;" class="btn btn-default btn-lg" style="width:100%" data-cmd="addreplaceplay" data-dismiss="modal"><i class="fa fa-share-square-o sx"></i> Add, Replace And Play</a>
                </div>
            </div>
        </div>
    </div>
</div>

My JS:

var tracknamepopup;
tracknamepopup = o.data("path"); //assign song name to variable
document.getElementById('tracknameneeds').value = tracknamepopup; //assign the grabbed song name to inputs value to try grab that in php

Upvotes: 0

Views: 2654

Answers (3)

William
William

Reputation: 1069

What i did might not be the best solution but worked perfectly.

Have a blank tag (In my case i used a header (h1,h2 etc tag)) and give it an id. Use js to manipulate the Inner-HTML to display the current track.

HTML:

<h2 id="songbacktag"></h2>

JS:

var tracknamepopup;
tracknamepopup = o.data("path");
document.getElementById("songbacktag").innerHTML = tracknamepopup;

Upvotes: 0

B.G.
B.G.

Reputation: 6026

I think easiest way is to just use a get variable:

window.open("http://www.yoursite.com/popup.php?trackname=".concat(document.getElementByID('tracknameneeds').value));

and then use 

$_GET['trackname']

But you should escape all get variables before posting!

Upvotes: 3

Haresh Vidja
Haresh Vidja

Reputation: 8496

All HTML code and Javscript execution is done (on client side) after PHP execution is complete on Server Side and response is sent to the client.

So you can not bind or assign HTML tag value to PHP directly.

But you can set it by AJAX and store it in session for next script execution on PHP.

Code in JS should be : 

var tracknamepopup;
tracknamepopup = o.data("path"); //assign song name to variable
document.getElementById('tracknameneeds').value = tracknamepopup; //assign the grabbed song name to inputs value to try grab that in php
// you can write code for call update session varible using ajax
updateServerSession('tracknameneeds',tracknamepopup);
function updateServerSession(session_index,value) {
  var xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
     document.getElementById("demo").innerHTML = this.responseText;
    }
  };
  xhttp.open("GET", "update_ajax?index"+session_index+"&value="+value, true);
  xhttp.send();
}

Code in update_ajax.php

<?php
session_start();
$_SESSION[$_GET['index']]=$_GET['value'];

Upvotes: 3

Related Questions