[RESOLVED] Javascript to PHP

[thewebportfolio]

Hello,

I have some Javascript that i want to call when the PHP $SESSION[id] is set.

I have tried this and have had no result:

<?
if(isset($_SESSION['id']))
{
echo "<script type='text/javascript'>
adminbarheaderloggedinevencountdown.style.visibility=='visible';
underadminbarquicklinks.style.paddingTop=='30px';
document.getElementById('logintab').innerHTML == 'Log Out';
document.getElementById('loginorregisterkeyseperator').innerHTML= = '';
document.getElementById('registerkey').innerHTML == '';
document.getElementById('logintab').onclick ==
function(){adminbarheaderloggedout();}
alert('You will now be shown as LOGGED IN. Please Note: this is a DEMO');
</script>";
}
?>




the javascript i wish to run is:


<script type='text/javascript'>
adminbarheaderloggedinevencountdown.style.visibility=='visible';
underadminbarquicklinks.style.paddingTop=='30px';
document.getElementById('logintab').innerHTML == 'Log Out';
document.getElementById('loginorregisterkeyseperator').innerHTML= = '';
document.getElementById('registerkey').innerHTML == '';
document.getElementById('logintab').onclick ==
function(){adminbarheaderloggedout();}
alert('You will now be shown as LOGGED IN. Please Note: this is a DEMO');
</script>


I would be extremely grateful if someone could help me with this as i have tried many things over the past few days and non have worked.

Many Thanks

[hyperionXS]

It should work if indeed $_SESSION['id'] is set and your javascript code is valid.
First of all, check is $_SESSION['id'] is set: do a print_r($_SESSION) to check.
If this is ok, then you have a problem with javascript and you should debug it.

[Jeff Mott]

Don't forget, single = is assignment; double == is comparison.

[thewebportfolio]

Thank you, i have got this to work with just having my "alert" in as script.

echo "<script type='text/javascript'>alert('LOGGED IN');</script>";

Do you know how i could get my JavaScript to also function with this?

the fields i want to make visible and update are on my "index.php" file.

i have placed this is the head:

<?
require "include/bottom.php";
?>

this works great and calls the page to say:

<?
if(isset($_SESSION['id'])){
echo "<script type='text/javascript'>alert('LOGGED IN');</script>";
echo mysql_error();}
else{
echo "<script type='text/javascript'>alert('NOT SIGNED IN');</script>";
}
?>

[notice i have remove all javascript except the alert]

i wish to add the following javascript to this code except i can't seem to do it and make it work:

adminbarheaderloggedinevencountdown.style.visibility="visible";
underadminbarquicklinks.style.paddingTop='30px';
document.getElementById('logintab').innerHTML = 'Log Out';
document.getElementById('loginorregisterkeyseperator').innerHTML = '';
document.getElementById('registerkey').innerHTML = '';
document.getElementById('logintab').onclick = function(){adminbarheaderloggedout();}


if i call the script from an on click function within the "index.php" file this will work although i wish to call it from the "bottom.php" file within the code stated above.

Hope this makes sense

Many Thanks

[hyperionXS]

This is because maybe you are trying to access some objects before they are loaded.

<script type="text/javascript">
document.getElementById('index').innerHTML = 'this is test';
</script>
<div id="index"></div>

will not work, because you try to access the node before it is ready. Instead you must put js after the html, like

<div id="index"></div>
<script type="text/javascript">
document.getElementById('index').innerHTML = 'this is test';
</script>

Best way to avoid this is to defer execution. Put all in a function and load it after document finished loading.

<script type="text/javascript">
function inititlaLoad(){
   document.getElementById('index').innerHTML = 'this is test';
   /*...*/
}
window.onload = inititlaLoad
</script>

or jQuery equivalent (and way better solution)

<script type="text/javascript">
$(function(){
    document.getElementById('index').innerHTML = 'this is test';
    /*...*/
})
/* make sure to include jQuery library in order for this to work */
</script>

In the last 2 examples you can put HTML code and JS code wherever you want in the page.