Hello, I am really new to coding in javascript, and i have been tasked with migrating an app (Javascript embedded in HTML embedded in PHP) from a linux web server to a windows server. Unfortunately the migration hasn't worked and coding changes appear to be required. I am getting the 'style.display' null or not an object on this function:

 function greyOut(theBB){
 if($(theBB).style.display=="none"){
   $(theBB).style.display="block";
   }
 else{
   $(theBB).style.display="none";
   }
 }

where the code referencing this function is:
<a href="javascript:greyOut('bb<?php echo $thisDiv ?>')">X</a>

$thisDiv represents the microtime() function built into php.

Does anyone know what may be causing this?
Thanks in advance,
Sheel Shah

There's nothing with the JavaScript, you need to show the page's actual HTML source. Unless PHP is running on the server then the line: will not have been processed by the PHP library and so the id of the div will not have been inserted.

--

Joe (Microsoft MVP - XML)

Hello Joe,

Thanks for answering. Here's the full code for the page:

<?php
include "PEAR.php";
require_once "Date.php";
header("Content-Type: text/xml");
echo "<"."?xml version=\"1.0\" encoding=\"ISO-8859-1\"?".">";
?>
<ajax-response>
        <response type="element" id="gameBoard">

<?php

$beginDate = $_POST['startDate'];
$endDate = $_POST['endDate'];

$dateParts1=explode("/", $beginDate);
$dateParts2=explode("/", $endDate);

$numberOfDays = Date_Calc::dateDiff($dateParts1[0], $dateParts1[1], $dateParts1[2],$dateParts2[0], $dateParts2[1], $dateParts2[2]);
$numberOfDays = $numberOfDays+1;
#echo "<h3>For a ".$numberOfDays." day event starting ".$dateParts1[1]."/".$dateParts1[0]."/".$dateParts1[2]." and ending ".$dateParts2[1]."/".$dateParts2[0]."/".$dateParts2[2].".</h3>";
$getNextDay = Date_Calc::prevDay($dateParts1[0],$dateParts1[1],$dateParts1[2],'%m/%d/%Y');
for($i = 0; $i <= $numberOfDays; $i++){

$thisDiv = microtime();
?>



<div class="boundingBox" id="bb<?= $thisDiv ?>">

<label for="hotelID">Sleeping Room</label>
<input type="hidden" name="hotelID[]" value="hotelroom" />



<label for="date">Day and Date:</label>
<input type="text" name="stayDate[]" value=<?php echo $getNextDay ?> />



<label for="date">number of Rooms:</label>
<input type="text" name="numberOfRooms[]" value="1" />

<a href="javascript:greyOut('bb<?php echo $thisDiv ?>')">X</a>

</div>


<?php
$dateItem = explode("/", $getNextDay);

$getNextDay = Date_Calc::nextDay($dateItem[1],$dateItem[0],$dateItem[2],'%m/%d/%Y');
}

?>
        </response></ajax-response>

That's not what you need. You need to view-source and show the part of interest.

--

Joe (Microsoft MVP - XML)

Hii sheel331!!

your CurrentCode is like
<div class="boundingBox" id="bb<?= $thisDiv ?>">
<a href="javascript:greyOut('bb<?php echo $thisDiv ?>')">X</a>
</div>
Ur javascript function looking for theBB as an object,and since theBB is not at all object,its a value,you need to modify this code.
<script language="javascript">
function greyOut(theBB){
 if($(theBB).style.display=="none"){
   $(theBB).style.display="block";
   }
 else{
   $(theBB).style.display="none";
   }
 }
</script>

at Client Side(in browser) this would look like
<div class="boundingBox" id="bb123">
<a href="javascript:greyOut('bb123')">X</a>
</div>
to execute this code you will only modify the script

<script language="javascript">
function greyOut(theBB){
 theBBObj=document.getElementById(theBB);

 if(theBBObj.style.display=="none"){
   theBBObj.style.display="block";
   }
 else{
  theBBObj.style.display="none";
   }
 }
</script>

************
So you need to cut copy past above javascript function only ,it will work.
Hope this will help you.

Cheers :)

vinod

Hello again everyone,

I have resolved my own issue, but thanks to everyone for your help!

The issue was in the boundingbox, the reference to $thisDiv was incorrect. It was

<div class="boundingBox" id="bb<?= $thisDiv ?>">

when it should have been

<div class="boundingBox" id="bb<?php echo $thisDiv ?>">

really odd that it failed on that, but relieved that it works now!

Thanks again!