Display message including the session name

Question

Is there a way, when clicking on a button, using HTML and PHP, to display an alert message containing the name of the session started, a radio button checked and the date and time choose? The button is included in a form, so I am looking if there is way to get these things done...

Here's my code:

<?php

if (!isset($_SESSION)) {
    session_start();
}

echo $_SESSION["uname"]; ?>

</div>

<br>

<form id="form1" action="welcome.php" method="post" >

    Blood Type Needed :
    <br>
    <br>
    <input id="input1" type="Radio" value="A+" name="bn"/> A

    <input id="input1" type="Radio" value="B+" name="bn"/> B

   <input type="hidden" id="sessionId" value="<?php echo $_SESSION['uname']; ?>" />

$('input[@name="bn"]:checked').val();

var radios = document.getElementsByName('bn');

if (radios.checked) {
    function showSession(){


 var x=document.getElementById("sessionId");


var y=new Date();


 alert(x.value+" wants "+radios.value+y);

}
}

            </script>
                 <input id="done" class="button1" type="button" onClick="showSession();"  value="   DONE   ">


            </form>

javascript has no concept of, and couldn't care less about PHP sessions. If you want JS to be able to display PHP session state, you will have to have some mechanism of TELLING js that a session's been started, e.g. `session_start(); echo 'var started = true';`?> inside a js ` — Marc B, Apr 09 '13 at 17:11
You can do this through ajax, make an ajax request to the file containing the session code and depending on the respond populate your check boxes and text boxes using javascript....look for jquery ajax() function. — Jay Bhatt, Apr 09 '13 at 17:15

Alex Abreu Mulet · Accepted Answer · 2013-04-09T20:23:10.070

0

I will use a INPUT hidden and a javascript function, after attack it to onClick event on your button, but suggest you use Jquery to make all cross-browser:

HTML input

<input type="hidden" id="sessionId" value="<?php echo $_SESSION['uname']; ?>" />

JAVASCRIPT

function showSession(){
   var x=document.getElementById("sessionId");
   alert(x.value);
}

HTML BUTTON

<input type="button" value="Click me" onClick="showSession();" />

FULL SCRIPT

<?php
    if (!isset($_SESSION)) session_start();
    echo "Session ID: ".$_SESSION["uname"]; 
?>
</div><br/>
<script>
    function showData(){
        var sessionId = document.getElementById("sessionId").value;
        var today = new Date();
        var x = document.getElementsByName('bn')
        var selected = false;
        // Check the selected value

        for(var k=0;k<x.length;k++)
          if(x[k].checked){
            alert(' '+ sessionId + " wants " + x[k].value + " " +today);
            selected = true;
          }
        if (!selected) alert('Select something please...');
    }
</script>
<form id="form1" action="welcome.php" method="post" ><br/>
    Blood Type Needed :<br/><br/>
    <input id="AP" type="Radio" value="A+" name="bn"/><label for="AP"> A</label><br/>
    <input id="BP" type="Radio" value="B+" name="bn"/><label for="BP"> B</label><br/><br/>
    <input id="done" type="button" onClick="showData();" value="   DONE   " class="button1">
    <input type="hidden" id="sessionId" value="<?php echo $_SESSION['uname']; ?>" />
</form>

edited Apr 09 '13 at 20:23

answered Apr 09 '13 at 17:19

Alex Abreu Mulet

118
1
1
9

man your code worked for me but how can i add the value of the radio button checked and the date and time in the alert box ? – Charbel Apr 09 '13 at 18:20
@Charbel this get the DATE var date=new Date(); and check this to get the value of a radio http://stackoverflow.com/questions/9618504/get-radio-button-value-with-javascript – Alex Abreu Mulet Apr 09 '13 at 18:44
can you please check my edited question please ? beacuse it gives me undefined in place of the radio button value – Charbel Apr 09 '13 at 19:05
Try this: var radioValue = document.getElementById('input1').value; – Alex Abreu Mulet Apr 09 '13 at 19:12
it worked, but i always get the value of the first radio button :s – Charbel Apr 09 '13 at 19:22
Try change the id of the radio, but don't touch the name like this: B – Alex Abreu Mulet Apr 09 '13 at 19:38
if you have JQuery use this: $('input:radio[name=bn]:checked').val() – Alex Abreu Mulet Apr 09 '13 at 19:41
and what does this can help me ? i mean what can i do after doing that ? – Charbel Apr 09 '13 at 19:42
an okay, i will try it now – Charbel Apr 09 '13 at 19:46
i got in the alert message [object NodeList] if you want heres my javascript : $('input:radio[name=bn]:checked').val() var radios = document.getElementsByName('bn'); if (radios.checked) { function showSession(){ var x=document.getElementById("sessionId"); var y=new Date(); alert(x.value+" wants "+radios.value+". Updated At "+y); } } – Charbel Apr 09 '13 at 19:52
don't worry ja,ja,ja.. Im making script to you – Alex Abreu Mulet Apr 09 '13 at 20:14

Tapas Pal · Answer 2 · 2013-04-09T18:05:13.247

0

You can do this by using simple Javascript

<script>
   function showValue()
   {
       var sessionVal=<?php echo $_SESSION['uname']; ?>;
       var selectedDate=documnet.form1.dt.value;
       var selectedRadio=document.form1.bn.value;
       alert(sessionVal+" "+selectedRadio+" "+selectedDate); //what ever format you want to show.
       document.form1.actiom='welcome.php';
       document.form1.submit();
   }
 </script>

In your html add onsubmit function

  <form id="form1" action="" onsubmit="return showValue();" method="post" >

edited Apr 09 '13 at 18:05

answered Apr 09 '13 at 17:25

Tapas Pal

7,073
8
39
86

i think your code is logic, but it didint work for me :s , i tried to put type="button" it was the same thing – Charbel Apr 09 '13 at 17:35
and what about the button ? i keep it like this ? – Charbel Apr 09 '13 at 17:57
the same thing, nothing happens when i click on the button :s – Charbel Apr 09 '13 at 17:59

Display message including the session name

2 Answers2