Suche im Forum:
Suchen


Autor Nachricht
Beitrag09.08.2011 um 13:42 (UTC)    
Titel: [erledigt] Problem mit Box unter Navi

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 Cool
______________



Zuletzt bearbeitet von john-f-kennedy am 10.08.2011, 12:16, insgesamt einmal bearbeitet
Beitrag09.08.2011 um 14:59 (UTC)    
Titel:

Hallo,

der Fehler liegt an der Implementierung deiner Box. Dein hover effekt wird mit Javascript gemacht, das kannst du nicht so einfach in deine Box schreiben. Du müsstest die " richtig setzen. Wenn du aber nur bei links diesen hover effekt haben möchtest, ist es einfacher das mit CSS zumachen:

Zitat:
#nnavi_shout_box a:hover
{
color:#XXXXXX;
}

Dein Farbcode
______________
mfg
o-4-n

"If you’re incompetent, you can’t know you’re incompetent." - [David Dunning]

*** Die Suchfunktion ist KEINE tödliche Krankheit! ***

Eventplanung, Equipment, Zeltverleih, Catering
Beitrag09.08.2011 um 17:05 (UTC)    
Titel:

o-4-n hat Folgendes geschrieben:
Hallo,

der Fehler liegt an der Implementierung deiner Box. Dein hover effekt wird mit Javascript gemacht, das kannst du nicht so einfach in deine Box schreiben. Du müsstest die " richtig setzen. Wenn du aber nur bei links diesen hover effekt haben möchtest, ist es einfacher das mit CSS zumachen:

Zitat:
#nnavi_shout_box a:hover
{
color:#XXXXXX;
}

Dein Farbcode


Habe ich das richtig verstanden:

aus

aNewTable.id = 'nnavi_shout_box';

wird

aNewTable.id = '#nnavi_shout_box a:hover
{
color:#D30808 ;
}';

Also auch da verschwindet die Box wieder...
______________



Zuletzt bearbeitet von john-f-kennedy am 09.08.2011, 18:06, insgesamt einmal bearbeitet
Beitrag09.08.2011 um 17:09 (UTC)    
Titel:

Nein bloß nicht!
Du musst folgendes bei Text über dem Design eingeben:
Code:

<style type="text/css">
#nnavi_shout_box a:hover
{
color:#XXXXXX;
}
</style>

Das komplette <span> Element kannst du dann entfernen!
______________
mfg
o-4-n

"If you’re incompetent, you can’t know you’re incompetent." - [David Dunning]

*** Die Suchfunktion ist KEINE tödliche Krankheit! ***

Eventplanung, Equipment, Zeltverleih, Catering
Beitrag09.08.2011 um 17:56 (UTC)    
Titel:

O.K., grundlegend hat das funktioniert, wenn die Schrift vorher schwarz war. Diese sollte aber von blau (#080FCA) auf rot wechseln. Setze ich aber einen Farbcode davor, klappt es nicht mehr mit dem rot...
______________

Beitrag09.08.2011 um 22:10 (UTC)    
Titel:

Zitat:
<style type="text/css">
#nnavi_shout_box a
{
color:#XXXXXX;
}

#nnavi_shout_box a:hover
{
color:#XXXXXX;
}
</style>

Normale Farbe des Linkes
Hover Farbe des Linkes
Das <font> musst du vorher aber wieder entfernen!

[/quote]
______________
mfg
o-4-n

"If you’re incompetent, you can’t know you’re incompetent." - [David Dunning]

*** Die Suchfunktion ist KEINE tödliche Krankheit! ***

Eventplanung, Equipment, Zeltverleih, Catering
Beitrag10.08.2011 um 11:15 (UTC)    
Titel:

o-4-n hat Folgendes geschrieben:
Zitat:
<style type="text/css">
#nnavi_shout_box a
{
color:#XXXXXX;
}

#nnavi_shout_box a:hover
{
color:#XXXXXX;
}
</style>

Normale Farbe des Linkes
Hover Farbe des Linkes
Das <font> musst du vorher aber wieder entfernen!

[/quote]


Es funktioniert.....D A N K E !! Razz

Gruß, Nashman Cool
______________

Beitrag10.08.2011 um 11:21 (UTC)    
Titel:

Hallo Nashman!
Vielen dank für deine Rückmeldung und besonderen dank an den Helfer!
Schön, dass es geklappt hat!

-CLOSED-, da erledigt!

Lg, Osterholzer
______________
Leben heißt nicht zu warten, bis der Sturm vorüberzieht, sondern zu lernen, im Regen zu tanzen!
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de