Execute Javascript through PHP

Question

I'm using this PHP code to write a HTML table, but it takes time to load. I was thinking it would be a good idea to let JavaScript do the job, but the problem is that $width and $height are dynamic and is defined on the server-side. How do I get around that?

echo "<table>";

    for ($y = 0; $y < $height; $y++) {
        echo "<tr>";
        for ($x = 0; $x < $width; $x++) {
            echo '<td x="' . $x . ' y="' . $y . ' id="' . $x . '-' . $y . '"></td>';     //coordinates to be used for cropping later
        }
        echo '</tr>';
    }
    echo '</table>';

if you know AJAX, make a ajax call to yr server to get width and height dynamically i guess — clouddreams
– clouddreams, Commented Jan 25, 2014 at 17:40
Using AJAX would be overkill. Just echo the variables as @kevinAlbs suggests — MrVimes
– MrVimes, Commented Jan 25, 2014 at 17:43

kevinAlbs · Accepted Answer · 2014-01-25 17:42:24Z

1

I'm unsure if this is best practice, but you can echo from PHP directly into Javascript. For example:

<script>
var width = <?php echo $width; ?>;
var height = <?php echo $height; ?>;
//now build table here using the Javascript width and height variables
</script>

answered Jan 25, 2014 at 17:42

kevinAlbs

1,1242 gold badges11 silver badges20 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

amaro · Accepted Answer · 2014-01-25 17:41:27Z

0

Put PHP variables in javascript

<script>

var height = <?php echo $height ?>;

</script>

answered Jan 25, 2014 at 17:41

amaro

2611 silver badge4 bronze badges

Comments

simonedu · Accepted Answer · 2014-01-25 17:43:17Z

0

If no paramount forms are intented to exist in your page, you can store them in hidden HTML tags as hidden inputs, like this:

echo ="<form action ='#' name='form'>
<input type='hidden' name='v_height' id='v_height' value='".$height."'>
<input type='hidden' name='v_width' id='v_width' value='".$width."'>
</form>";

And then in Javascript get those variables and iterate with them.

jHeight = parseInt(document.form.v_height.value);

And so with the width.

answered Jan 25, 2014 at 17:43

simonedu

112 bronze badges

Collectives™ on Stack Overflow

Execute Javascript through PHP

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related