use variable from php as an alert for javascript

Question

how can i use the variable from my php-sql to become the message for my javascript alert?

heres my code

<?php

    $select = "SELECT * FROM post";
    $result = mysql_query($select) or die("couldn't select table");


    while ($rows = mysql_fetch_array($result))
    {
        echo"<input type='button' class=term onclick='return terms()' value=Terms >";

        echo"<input type='hidden' value='$rows[terms]' id='term' name='term'>";
    }
?>  

<script language="JavaScript">
    function terms() 
    {
        var readers = document.getElementById("term"); 
        alert(readers.value);
    }
</script>

It works, the alert message displays. But I got the problem on displaying the right message for specific fetch of row. All got the same message (message from the first row).

I tried to use getElementByName but the alert doesn't pop-up, so i dont have to try making the input name="term[]" --------(into its array form)

Help please!

Justin John · Accepted Answer · 2012-07-22 02:53:56Z

1

I think it will be find if you change this line of script

 echo"<input type='button' class=term onclick='terms()' value=Terms >";

onclick='terms()' here, instead of onclick='return terms()'

EDIT:

<?php   echo"<input type='button' class=term onclick='terms(this)' data-result ='". $rows['terms'] ."' value=Terms >"; ?>
      /* Remove the hidden field */
<script language="JavaScript">
    function terms(e) 
    {
        var readers = e.getAttribute('data-result'); 
        alert(readers);
    }
</script>

edited Jul 22, 2012 at 2:53

answered Jul 21, 2012 at 9:25

Justin John

9,74814 gold badges73 silver badges131 bronze badges

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

4 Comments

Ivo San Over a year ago

i changed, but alert doesn't showed when i used getElementByName

Ivo San Over a year ago

sorry i don't know what you mean console is... newbie here

Ivo San Over a year ago

by the way @JustinJohn is data-result a reserve word or just a variable? I googled it and there is no such result. :)

Justin John Over a year ago

@ivory-santos: It's an attribute name. You can use any other word except the reserve words like name, class etc for that attribute. The data-result is data attribute. You can check about data attributes. You should learn basics of html elements.

pat34515 · Accepted Answer · 2012-07-21 09:21:32Z

1

Change your second echo statement inside the while loop to:

echo"<input type='hidden' value='". $rows['terms'] ."' id='term' name='term'>";

answered Jul 21, 2012 at 9:21

pat34515

1,97912 silver badges13 bronze badges

Comments

luke · Accepted Answer · 2012-07-21 09:27:06Z

1

I usually do the following:

<?php
  function alert($text){
    echo '<script type="text/javascript">alert("'.$text.'")</script>';
  }

  alert("test");
?>

Hope that helps.

answered Jul 21, 2012 at 9:27

luke

4072 silver badges12 bronze badges

2 Comments

Ivo San Over a year ago

i dont get it, is "test" diff from "$text" ?

luke Over a year ago

$text is a variable, "test" is the value that you set $text to.

Ahmad · Accepted Answer · 2012-07-21 09:21:26Z

0

You are overwriting the value or "term" in your HTML code after each iteration of While-loop. This way it will only get the last value

answered Jul 21, 2012 at 9:21

Ahmad

12.8k7 gold badges53 silver badges98 bronze badges

Comments

Michael Krelin - hacker · Accepted Answer · 2012-07-21 09:22:18Z

0

All of your input elements have the same id. If you want to distinguish them, give them different identifiers. And pass the identifier to the terms function.

answered Jul 21, 2012 at 9:22

Michael Krelin - hacker

144k25 gold badges200 silver badges177 bronze badges

Comments

pokopang · Accepted Answer · 2012-07-21 10:25:10Z

0

You must give different id for each element. I think simple way to do that is by using auto increment for the id.

answered Jul 21, 2012 at 10:25

pokopang

5071 gold badge12 silver badges29 bronze badges

Collectives™ on Stack Overflow

use variable from php as an alert for javascript

6 Answers 6

4 Comments

Comments

2 Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

4 Comments

Comments

2 Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related