function htmlEditor()
{
global $basins;
$s = '
<input type="hidden" value="' . $this->id . '" name="id">
<p><b>Name of Storm Event:</b> <input type="text" name="name" value="' . $this->name . '">
<script LANGUAGE="JavaScript1.2" type="text/javascript">
//<!--
function setDay()
{
for (i=0; i<13; i++)
{
document.estorm["r_day_"+ i].selectedIndex = document.estorm.gday.selectedIndex;
}
}
function setHour()
{
for (i=0; i<13; i++)
{
document.estorm["r_hour_"+ i].selectedIndex = document.estorm.ghour.selectedIndex;
}
}
-->
</script>
<p><b>Date Defaults:</b>
<br /><i>Modify these items to set all times at once:</i>
<br /><b>Relative Day:</b>
<select name="gday" onchange="javascript: setDay();">
<option value="0">Day0
<option value="1">Next Day
<option value="2">Day 2
</select>
<b>Hour:</b>
<select name="ghour" onchange="javascript: setHour();">
<option value="0">Midnight
<option value="1">1 AM
<option value="2">2 AM
<option value="3">3 AM
<option value="4">4 AM
<option value="5">5 AM
<option value="6">6 AM
<option value="7">7 AM
<option value="8">8 AM
<option value="9">9 AM
<option value="10">10 AM
<option value="11">11 AM
<option value="12">Noon
<option value="13">1 PM
<option value="14">2 PM
<option value="15">3 PM
<option value="16">4 PM
<option value="17">5 PM
<option value="18">6 PM
<option value="19">7 PM
<option value="20">8 PM
<option value="21">9 PM
<option value="22">10 PM
<option value="23">11 PM
</select>
<p><b>Enter Rainfall Totals:</b>
<table class="ruler">
<thead>
<tr>
<th>ID:</th>
<th>Basin:</th>
<th>Storm Precip:</th>
<th>Day:</th>
<th>Hour:</th>
<th>Duration (hrs):</th>
</tr>
</thead>
<tbody>
';
for ($i = 0; $i < 13; $i++) {
$s .= "<tr class=\"row" . $i % 2 . "\"><th>{$i}</th>\n\t\t <th>" . $basins[$i]["name"] . "</th>\n\t\t <td><input type=\"text\" size=\"5\" name=\"r_stp_{$i}\" value=\"" . $this->data[$i]["precip"] . "\"></td>\n <td>" . dayOffsetSelect(date("d", $this->data[$i]["sts"]) - 1, "r_day_{$i}") . "</td>\n <td>" . localHourSelect(date("G", $this->data[$i]["sts"]), "r_hour_{$i}") . "</td>\n\t\t <td><input type=\"text\" size=\"5\" name=\"r_dur_{$i}\" value=\"" . $this->data[$i]["dur"] . "\"></td>\n\t\t </tr>";
}
$s .= '</tbody></table>';
$s .= '<p><b>Notes on event:</b><br>
<textarea name="notes" cols=60 rows=5>' . $this->notes . '</textarea>';
return $s;
}
function htmlEditor()
{
global $basins;
$s = '
<input type="hidden" value="' . $this->id . '" name="id">
<p><b>Name of Storm Event:</b> <input type="text" name="name" value="' . $this->name . '">
<script LANGUAGE="JavaScript1.2" type="text/javascript">
//<!--
function setMonth()
{
for (i=0; i<13; i++)
{
document.estorm["r_month_"+ i].selectedIndex = document.estorm.gmonth.selectedIndex;
}
}
function setDay()
{
for (i=0; i<13; i++)
{
document.estorm["r_day_"+ i].selectedIndex = document.estorm.gday.selectedIndex;
}
}
function setHour()
{
for (i=0; i<13; i++)
{
document.estorm["r_hour_"+ i].selectedIndex = document.estorm.ghour.selectedIndex;
}
}
-->
</script>
<p><b>Date Defaults:</b>
<br /><i>Modify these items to set all times at once:</i>
<br /><b>Month:</b>
<select name="gmonth" onchange="javascript: setMonth();">
<option value="1">January
<option value="2">February
<option value="3">March
<option value="4">April
<option value="5">May
<option value="6">June
<option value="7">July
<option value="8">August
<option value="9">September
<option value="10">October
<option value="11">November
<option value="12">December
</select>
<b>Day:</b>
<select name="gday" onchange="javascript: setDay();">
<option value="1">1 <option value="2">2 <option value="3">3
<option value="4">4 <option value="5">5 <option value="6">6
<option value="7">7 <option value="8">8 <option value="9">9
<option value="10">10 <option value="11">11 <option value="12">12
<option value="13">13 <option value="14">14 <option value="15">15
<option value="16">16 <option value="17">17 <option value="18">18
<option value="19">19 <option value="20">20 <option value="21">21
<option value="22">22 <option value="23">23 <option value="24">24
<option value="25">25 <option value="26">26 <option value="27">27
<option value="28">28 <option value="29">29 <option value="30">30
<option value="31">31
</select>
<b>Hour:</b>
<select name="ghour" onchange="javascript: setHour();">
<option value="0">Midnight
<option value="1">1 AM
<option value="2">2 AM
<option value="3">3 AM
<option value="4">4 AM
<option value="5">5 AM
<option value="6">6 AM
<option value="7">7 AM
<option value="8">8 AM
<option value="9">9 AM
<option value="10">10 AM
<option value="11">11 AM
<option value="12">Noon
<option value="13">1 PM
<option value="14">2 PM
<option value="15">3 PM
<option value="16">4 PM
<option value="17">5 PM
<option value="18">6 PM
<option value="19">7 PM
<option value="20">8 PM
<option value="21">9 PM
<option value="22">10 PM
<option value="23">11 PM
</select>
<p><b>Enter Rainfall Totals:</b>
<table class="ruler">
<thead>
<tr>
<th>ID:</th>
<th>Basin:</th>
<th>Storm Precip:</th>
<th>Month:</th>
<th>Day:</th>
<th>Hour:</th>
<th>Duration (hrs):</th>
</tr>
</thead>
<tbody>
';
for ($i = 0; $i < 13; $i++) {
$s .= "<tr class=\"row" . $i % 2 . "\"><th>{$i}</th>\n\t\t <th>" . $basins[$i]["name"] . "</th>\n\t\t <td><input type=\"text\" size=\"5\" name=\"r_stp_{$i}\" value=\"" . $this->data[$i]["precip"] . "\"></td>\n <td>" . monthSelect(date("m", $this->data[$i]["sts"]), "r_month_{$i}") . "</td>\n <td>" . daySelect(date("d", $this->data[$i]["sts"]), "r_day_{$i}") . "</td>\n <td>" . localHourSelect(date("G", $this->data[$i]["sts"]), "r_hour_{$i}") . "</td>\n\t\t <td><input type=\"text\" size=\"5\" name=\"r_dur_{$i}\" value=\"" . $this->data[$i]["dur"] . "\"></td>\n\t\t </tr>";
}
$s .= '</tbody></table>';
$s .= '<p><b>Year of Event:</b>
<input type="text" value="2005" name="year" size="5">
<p><b>Notes on event:</b><br>
<textarea name="notes" cols=60 rows=5>' . $this->notes . '</textarea>';
return $s;
}
