Hallo,
ich möchte den Content meiner Box unter der Navi mit verlinkter Schrift und einem Farbwechsel bei Mauskontakt verbinden. Leider verschwindet meine Box, wenn ich dies versuche. Kann mir jemand sagen, wo der Fehler liegt?
Ich habe die beiden Codes mal aufgeführt.
Der Code für die Box lautet:
<script type="text/javascript">
var naviBoxHeaderContent = 'Header';
var naviBoxContentContent = 'Content';
var naviBoxFooterContent = 'Footer';
function addToTheNavTable()
{
var i;
var elementBefore;
var aNewTable = document.createElement('table');
var boxHeaderRow = document.createElement('tr');
var boxContentRow = document.createElement('tr');
var boxFooterRow = document.createElement('tr');
var boxHeaderTd = document.createElement('td');
var boxContentTd = document.createElement('td');
var boxFooterTd = document.createElement('td');
var newHeaderDiv = document.createElement('div');
var newContentDiv = document.createElement('div');
var newFooterDiv = document.createElement('div');
var allTds = document.getElementsByTagName('td');
newHeaderDiv.id='nhdiv_for_ie';
newContentDiv.id='ncdiv_for_ie';
newFooterDiv.id='nfdiv_for_ie';
for(i = 0; i < allTds.length; i++)
{
if(allTds[i].className == 'edit_below_nav')
{
elementBefore = allTds[i];
}
}
boxHeaderTd.appendChild(newHeaderDiv);
boxHeaderRow.appendChild(boxHeaderTd);
boxHeaderRow.id = 'nnavi_shout_box_header';
aNewTable.appendChild(boxHeaderRow);
boxContentTd.appendChild(newContentDiv);
boxContentRow.appendChild(boxContentTd);
boxContentRow.id = 'nnavi_shout_box_content';
aNewTable.appendChild(boxContentRow);
boxFooterTd.appendChild(newFooterDiv);
boxFooterRow.appendChild(boxFooterTd);
aNewTable.appendChild(boxFooterRow);
boxFooterRow.id = 'nnavi_shout_box_footer';
aNewTable.id = 'nnavi_shout_box';
elementBefore.insertBefore(aNewTable, elementBefore.firstChild);
newHeaderDiv.innerHTML = naviBoxHeaderContent;
newContentDiv.innerHTML = naviBoxContentContent;
newFooterDiv.innerHTML = naviBoxFooterContent;
}
</script>
Der Code für den Farbwechsel lautet:
<span onmouseover="this.style.color='#D30808 ';" onmouseout="this.style.color='#080FCA';">Ich bin beim Überfahren mit der Maus in einer anderen Farbe</span>
Gruß, Nashman
______________