Ebenen Tausch klappt nicht

antidot · 8 März 2006

Hallo, habe mir von Milch und Zucker ein Script für Ebenen Rollover genommen. Leider wird der Inhalt von Ebene zu Ebene immer kleiner (gequetscht).
Ich wollte damit eine Beschreibung für ebay in verschieden Sprachen realisieren... Jetzt habe ich nur 3x deutsch eingefügt.
Kann mir jemand erklären wieso das so ist.

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//DE">
<HTML>
<HEAD>
<TITLE>Ebenen-Rollover</TITLE>
<SCRIPT LANGUAGE="JavaScript">
<!--
/* 
    Titel: DHTML Ebenen-Rollover
    Autor: Johannes Gamperl
    email: [email]jg@jg.seite.net[/email]

    Copyright (c) Milch und Zucker - c. Bergmann und j. Gamperl, 1998. 
    All rights reserved. Alle Rechte vorbehalten. URL: http://dhtml.seite.net

    Dieser Code darf für nicht-kommerzielle  sowie kommerzielle Zwecke frei
    genutzt und angepaßt werden, solange dies unentgeltlich erfolgt und
    dieser Vermerk bestehen bleibt. 
*/ 


if (document.layers)  {
     ns = 1; ie = 0; 
} else {
     ns = 0; ie = 1;
     }
	 

var i = 1;
var test = "demo";
function zeigeEbeneNr(ebene_nr){
    verbergen(eval('"' + test + i +'"'));
    zeigen(eval('"' + test + ebene_nr +'"'));
    i = ebene_nr; 
    }



function zeigen(name) {
if (ns) {
    document.layers[''+name].visibility = "show";		
    }
    else {
    document.all[''+name].style.visibility = "visible"
    }
}

function verbergen(name) {
if (ns){
    document.layers[''+name].visibility = "hide"
    }
    else {
    document.all[''+name].style.visibility = "hidden"
    }
}

//-->
</SCRIPT>
<STYLE TYPE="text/css">
#demo1 {position: absolute; visibility: visible; left: 150px; top: 80px;}
#demo2 {position: absolute; visibility: hidden; left: 150px; top: 80px;}
#demo3 {position: absolute; visibility: hidden; left: 150px; top: 80px;}
#Steuerung {position: absolute; z-index: 40; visibility: visible; left: 20px; top: 20px;}
</STYLE>
</HEAD>
<BODY BGCOLOR="#E7CC9A" TEXT="Black">

<DIV ID="Steuerung" >
[url="javascript:zeigeEbeneNr(1)"]Zeige Ebene 1[/url] 

[url="javascript:zeigeEbeneNr(2)"]Zeige Ebene 2[/url] 

[url="javascript:zeigeEbeneNr(3)"]Zeige Ebene 3[/url] 

</DIV>


<DIV ID="demo1" >
<table bgcolor="#4A6546" width="100%"  border="1" cellpadding="2" cellspacing="0">
<tr><td>

<table width="100%"  border="0" cellspacing="0" cellpadding="0">
      <tr><td><table bgcolor="#4A6546" width="100%"><tr>
        <td bgcolor="#4A6546" width="130">[img]http://ebay.neotraders.de/porsche.jpg[/img]</td><td 

style="font-family: Verdana, Arial, sans-serif; font-size: 30px; font-weight: bold; background: #4A6546; color: #ffffff;">Radarwarner 

f&uuml;r Europa</td><td align="right">[img]http://ebay.neotraders.de/europa.gif[/img]<td>
      </tr><tr><td style="font-family: Arial, sans-serif; font-size: 10px; font-weight: bold; background: #4A6546; color: 

#ffffff;">www.neotraders.de</td></tr></table>
<table bgcolor="#FFFFFF" width="100%"><tr><td>
[img]http://ebay.neotraders.de/cobra.gif[/img] 

<TABLE align=center>



<TR>

<TD align=middle>



[b][/b]</P>



[img]http://ebay.neotraders.de/xrs9300.jpg[/img] </P>[b]

<table width="100%"  border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td></P>



[b]Mit 2 Jahren Garantie! [/b]</P>



[b]Kaufen Sie nicht von dubiosen Händlern bei denen Sie 

plötzlich noch Zollgebühren zahlen müssen oder im Garantiefall im Regen stehen. Sparen Sie sich das Geld für Billigradarwarner! Die 

funktionieren in den meisten Fällen gar nicht oder nur schlecht! [/b]</P>



Der <FONT size=4>COBRA XRS-9300 </FONT>arbeitet 

mit <FONT size=4>11 Bändern</FONT>. Er ist auch dem oft gesehenen COBRA ESD7000 (6-Band) oft auch Pro 7080 oder ähnlich genannt 

überlegen. Investieren Sie die paar Euro mehr und sparen Sie hinterher doppelt und dreifach</P>[/b]



[b]11-Band 

Radarwarner mit CE Zertifikation, mit 360 Grad Laserpistolen Erkennung und <U><FONT size=4>
großer Reichweitenempfindlichkeit 

</FONT></U>[/b]</P>

</TD></TR>

<TR>

<TD align=left>


[b]Dieser unauffällige kleine Radarwarner überwacht 5 

Radarbänder: X Band, K Band, Ka Super Wideband, VG-2 und Spectre System- sowie 4 Laserbänder: LTI 20-20 Laser, Ultra Lyte Laser, 

ProLaser, ProLaser III und 2 BOS Bänder: Strobe Alert System und Safety Alert (Traffic Warning System), ermöglicht den Empfang von 

Safety Alert Signalen und warnt den Empfänger somit vor Rettungswagen [/b]</P>



• [b]benutzerfreundliches 

Programmiermenü [/b]</P>



• [b]digitale Feldstärkeanzeige [/b](zeigt dem Empfänger die Stärke des empfangenen 

Signals an) </P>



• [b]neuartige IntelliMute Funktion [/b](Schutzfunktion gegen unerwünschten Fehlalarm) • AutoMute 

Funktion schaltet den Alarmton automatisch stumm </P>



• [b]Empfindlichkeit umschaltbar [/b]zwischen 

Landstraße/Autobahn- und Stadtverkehrmodus ( innerstädtisch und ausserstädtisch) </P>



• [b]Dim-Taste [/b]regelt die 

Displaybeleuchtung </P>



• [b]Langzeitspeicher[/b] erhält einprogrammierte Funktionen auch nach Trennung von der 

Stromversorgung </P>



[b]• einfache Montage[/b] in sekundenschnelle mit einer Montagehalterung für den Fahrzeuginnenraum 

bzw. Fenstersaugnapfhalterung </P>



• [b]Stromversorgung über Zigarettenanzündbuchse[/b], Stromversorgungskabel im 

Lieferumfang enthalten </P>



• [b]Abmessungen: [/b]ca. Länge 11 cm x Breite 7 cm x Höhe 4 cm • Gewicht: 137 g.</P>



[b]<FONT SIZE=4>Versand nach Deutschland nur 6,-- Euro</FONT>[/b]. <U>Für den Versand in andere Länder fragen Sie bitte 

vor dem Kauf nach!</U></P>



<FONT size=2>Bitte informieren Sie sich über die rechtlichen Bedingungen bezgl des Betriebs des 

Gerätes in Ihrem Land.</FONT></P>

&Uuml;berweisung auf deutsches Konto</TD></TR></TABLE>
</td></tr></table>

</td>
</tr>
</table>
</DIV>
        
<DIV ID="demo2" >
<table bgcolor="#4A6546" width="100%"  border="1" cellpadding="2" cellspacing="0">
<tr><td>

<table width="100%"  border="0" cellspacing="0" cellpadding="0">
      <tr><td><table bgcolor="#4A6546" width="100%"><tr>
        <td bgcolor="#4A6546" width="130">[img]http://ebay.neotraders.de/porsche.jpg[/img]</td><td 

style="font-family: Verdana, Arial, sans-serif; font-size: 30px; font-weight: bold; background: #4A6546; color: #ffffff;">Radarwarner 

f&uuml;r Europa</td><td align="right">[img]http://ebay.neotraders.de/europa.gif[/img]<td>
      </tr><tr><td style="font-family: Arial, sans-serif; font-size: 10px; font-weight: bold; background: #4A6546; color: 

#ffffff;">www.neotraders.de</td></tr></table>
<table bgcolor="#FFFFFF" width="100%"><tr><td>
[img]http://ebay.neotraders.de/cobra.gif[/img] 

<TABLE align=center>



<TR>

<TD align=middle>



[b][/b]</P>



[img]http://ebay.neotraders.de/xrs9300.jpg[/img] </P>[b]

<table width="100%"  border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td></P>



[b]Mit 2 Jahren Garantie! [/b]</P>



[b]Kaufen Sie nicht von dubiosen Händlern bei denen Sie 

plötzlich noch Zollgebühren zahlen müssen oder im Garantiefall im Regen stehen. Sparen Sie sich das Geld für Billigradarwarner! Die 

funktionieren in den meisten Fällen gar nicht oder nur schlecht! [/b]</P>



Der <FONT size=4>COBRA XRS-9300 </FONT>arbeitet 

mit <FONT size=4>11 Bändern</FONT>. Er ist auch dem oft gesehenen COBRA ESD7000 (6-Band) oft auch Pro 7080 oder ähnlich genannt 

überlegen. Investieren Sie die paar Euro mehr und sparen Sie hinterher doppelt und dreifach</P>[/b]



[b]11-Band 

Radarwarner mit CE Zertifikation, mit 360 Grad Laserpistolen Erkennung und <U><FONT size=4>
großer Reichweitenempfindlichkeit 

</FONT></U>[/b]</P>

</TD></TR>

<TR>

<TD align=left>


[b]Dieser unauffällige kleine Radarwarner überwacht 5 

Radarbänder: X Band, K Band, Ka Super Wideband, VG-2 und Spectre System- sowie 4 Laserbänder: LTI 20-20 Laser, Ultra Lyte Laser, 

ProLaser, ProLaser III und 2 BOS Bänder: Strobe Alert System und Safety Alert (Traffic Warning System), ermöglicht den Empfang von 

Safety Alert Signalen und warnt den Empfänger somit vor Rettungswagen [/b]</P>



• [b]benutzerfreundliches 

Programmiermenü [/b]</P>



• [b]digitale Feldstärkeanzeige [/b](zeigt dem Empfänger die Stärke des empfangenen 

Signals an) </P>



• [b]neuartige IntelliMute Funktion [/b](Schutzfunktion gegen unerwünschten Fehlalarm) • AutoMute 

Funktion schaltet den Alarmton automatisch stumm </P>



• [b]Empfindlichkeit umschaltbar [/b]zwischen 

Landstraße/Autobahn- und Stadtverkehrmodus ( innerstädtisch und ausserstädtisch) </P>



• [b]Dim-Taste [/b]regelt die 

Displaybeleuchtung </P>



• [b]Langzeitspeicher[/b] erhält einprogrammierte Funktionen auch nach Trennung von der 

Stromversorgung </P>



[b]• einfache Montage[/b] in sekundenschnelle mit einer Montagehalterung für den Fahrzeuginnenraum 

bzw. Fenstersaugnapfhalterung </P>



• [b]Stromversorgung über Zigarettenanzündbuchse[/b], Stromversorgungskabel im 

Lieferumfang enthalten </P>



• [b]Abmessungen: [/b]ca. Länge 11 cm x Breite 7 cm x Höhe 4 cm • Gewicht: 137 g.</P>



[b]<FONT SIZE=4>Versand nach Deutschland nur 6,-- Euro</FONT>[/b]. <U>Für den Versand in andere Länder fragen Sie bitte 

vor dem Kauf nach!</U></P>



<FONT size=2>Bitte informieren Sie sich über die rechtlichen Bedingungen bezgl des Betriebs des 

Gerätes in Ihrem Land.</FONT></P>

&Uuml;berweisung auf deutsches Konto</TD></TR></TABLE>
</td></tr></table>

</td>
</tr>
</table>
</DIV>

<DIV ID="demo3" >
<table bgcolor="#4A6546" width="100%"  border="1" cellpadding="2" cellspacing="0">
<tr><td>

<table width="100%"  border="0" cellspacing="0" cellpadding="0">
      <tr><td><table bgcolor="#4A6546" width="100%"><tr>
        <td bgcolor="#4A6546" width="130">[img]http://ebay.neotraders.de/porsche.jpg[/img]</td><td 

style="font-family: Verdana, Arial, sans-serif; font-size: 30px; font-weight: bold; background: #4A6546; color: #ffffff;">Radarwarner 

f&uuml;r Europa</td><td align="right">[img]http://ebay.neotraders.de/europa.gif[/img]<td>
      </tr><tr><td style="font-family: Arial, sans-serif; font-size: 10px; font-weight: bold; background: #4A6546; color: 

#ffffff;">www.neotraders.de</td></tr></table>
<table bgcolor="#FFFFFF" width="100%"><tr><td>
[img]http://ebay.neotraders.de/cobra.gif[/img] 

<TABLE align=center>



<TR>

<TD align=middle>



[b][/b]</P>



[img]http://ebay.neotraders.de/xrs9300.jpg[/img] </P>[b]

<table width="100%"  border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td></P>



[b]Mit 2 Jahren Garantie! [/b]</P>



[b]Kaufen Sie nicht von dubiosen Händlern bei denen Sie 

plötzlich noch Zollgebühren zahlen müssen oder im Garantiefall im Regen stehen. Sparen Sie sich das Geld für Billigradarwarner! Die 

funktionieren in den meisten Fällen gar nicht oder nur schlecht! [/b]</P>



Der <FONT size=4>COBRA XRS-9300 </FONT>arbeitet 

mit <FONT size=4>11 Bändern</FONT>. Er ist auch dem oft gesehenen COBRA ESD7000 (6-Band) oft auch Pro 7080 oder ähnlich genannt 

überlegen. Investieren Sie die paar Euro mehr und sparen Sie hinterher doppelt und dreifach</P>[/b]



[b]11-Band 

Radarwarner mit CE Zertifikation, mit 360 Grad Laserpistolen Erkennung und <U><FONT size=4>
großer Reichweitenempfindlichkeit 

</FONT></U>[/b]</P>

</TD></TR>

<TR>

<TD align=left>


[b]Dieser unauffällige kleine Radarwarner überwacht 5 

Radarbänder: X Band, K Band, Ka Super Wideband, VG-2 und Spectre System- sowie 4 Laserbänder: LTI 20-20 Laser, Ultra Lyte Laser, 

ProLaser, ProLaser III und 2 BOS Bänder: Strobe Alert System und Safety Alert (Traffic Warning System), ermöglicht den Empfang von 

Safety Alert Signalen und warnt den Empfänger somit vor Rettungswagen [/b]</P>



• [b]benutzerfreundliches 

Programmiermenü [/b]</P>



• [b]digitale Feldstärkeanzeige [/b](zeigt dem Empfänger die Stärke des empfangenen 

Signals an) </P>



• [b]neuartige IntelliMute Funktion [/b](Schutzfunktion gegen unerwünschten Fehlalarm) • AutoMute 

Funktion schaltet den Alarmton automatisch stumm </P>



• [b]Empfindlichkeit umschaltbar [/b]zwischen 

Landstraße/Autobahn- und Stadtverkehrmodus ( innerstädtisch und ausserstädtisch) </P>



• [b]Dim-Taste [/b]regelt die 

Displaybeleuchtung </P>



• [b]Langzeitspeicher[/b] erhält einprogrammierte Funktionen auch nach Trennung von der 

Stromversorgung </P>



[b]• einfache Montage[/b] in sekundenschnelle mit einer Montagehalterung für den Fahrzeuginnenraum 

bzw. Fenstersaugnapfhalterung </P>



• [b]Stromversorgung über Zigarettenanzündbuchse[/b], Stromversorgungskabel im 

Lieferumfang enthalten </P>



• [b]Abmessungen: [/b]ca. Länge 11 cm x Breite 7 cm x Höhe 4 cm • Gewicht: 137 g.</P>



[b]<FONT SIZE=4>Versand nach Deutschland nur 6,-- Euro</FONT>[/b]. <U>Für den Versand in andere Länder fragen Sie bitte 

vor dem Kauf nach!</U></P>



<FONT size=2>Bitte informieren Sie sich über die rechtlichen Bedingungen bezgl des Betriebs des 

Gerätes in Ihrem Land.</FONT></P>

&Uuml;berweisung auf deutsches Konto</TD></TR></TABLE>
</td></tr></table>

</td>
</tr>
</table>
</DIV>


                
</BODY>
</HTML>

Am besten einfach mal kurz ausführen, dann seht Ihr was ich meine!
Mit IE 6 getestet

Vielen Dank ;)

CrackPod · 8 März 2006

also im FF scheint das ganze schon mal gar nicht zu funktionieren, als schmeiß das Teil gleich weg.

antidot · 8 März 2006

Gut. Ne Idee wie ich das machen könnte?

dementia · 8 März 2006

nach alternativen suchen.

antidot · 8 März 2006

Ich bin jetzt selbst am programmieren....
Allerdings habe ich noch ein paar Probleme.

wenn ich einen Layer mit "position:relative" zum vorangehenden Element ausrichte ist das ja schön und gut, aber wie positioniere ich die Layer die ich dahinter legen will. kann ich den relativen Bezug auf ein bestimmtes Element setzen?
position:absolute kommt in meinem Fall nicht in Frage.

CrackPod · 9 März 2006

wenn du z-layer hernimmst, kannst du bestimmen, was oben und was unten sein soll. das sollte egtl schon reichen. mehr brauchst du nicht.

antidot · 21 Juni 2006

CrackPod schrieb:
wenn du z-layer hernimmst, kannst du bestimmen, was oben und was unten sein soll. das sollte egtl schon reichen. mehr brauchst du nicht.

Mein Rechner war abgeraucht und ich war erst mal Monate mit Datenrettung beschäftigt :(

Das mit dem z-layer habe ich ja schon aber da ich den Layer innerhalb einer Tabelle plaziere verschiebt er sich auch immer und liegt nicht einfach nur aufeinander.
Deswegen meine Frage mit dem relativen Bezug...

Artemis · 22 Juni 2006

Du solltest dich noch ein wenig genauer mit DHTML und DOM beschäftigen. Es gibt noch mehr Document Object Models als die von Netscape und IE.
Lies dir doch mal das durch:
http://de.selfhtml.org/dhtml/index.htm
Hier gibt es eine DHTML-Bibliothek:
http://de.selfhtml.org/dhtml/beispiele/dhtml_bibliothek.htm

Ebenen Tausch klappt nicht

antidot

Neues Mitglied

CrackPod

Neues Mitglied

antidot

Neues Mitglied

dementia

Guest

antidot

Neues Mitglied

CrackPod

Neues Mitglied

antidot

Neues Mitglied

Artemis

Neues Mitglied

Neueste Beiträge