HTML元素动态定位

Question

Im trying to dynamically position html elements based on whether or not certain session variables have been set. My code is as follows:

<?php if(!empty($_SESSION['fromARPE'])) : ?>

    <script>
        document.getElementById("provenance").style.top = "80%";
    </script>

    <div style="font-size:30px;">Provenance / <br/> Provient de ARPE : </div>
    <div style="position:absolute;left:40%;font-size:70px;" id="provenance"><?=$_SESSION['fromARPE']?></div>
    <div style="border-bottom:1px solid black; margin-left:35%; width:70%;"></div>';

<?php endif; ?>

Can it be done this way? If so, what am i missing?

Thank you

Answer 1

Yes it is fine, you just have to correct some mistakes, see code below:

<?php if(!empty($_SESSION['fromARPE'])) { ?>

    <div style="font-size:30px;">Provenance / <br/> Provient de ARPE : </div>
    <div style="position:absolute;left:40%;font-size:70px;" id="provenance"><?php echo $_SESSION['fromARPE']; ?></div>
    <div style="border-bottom:1px solid black; margin-left:35%; width:70%;"></div>';

    <script>
        document.getElementById("provenance").style.top = "80%";
    </script>

<?php } ?>