mediengestalter.info
Portal Forum Forenarchiv Suche Tutorials Downloads Links Bücher Chat Impressum
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter
Aktuelles Datum und Uhrzeit: Di 07.10.2008 15:41 Benutzername: Passwort: Auto-Login

Thema: <div> vs. <layer> vom 27.04.2004

Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> <div> vs. <layer>
Autor Nachricht
addy
Threadersteller

Dabei seit: 22.01.2003
Ort: -
Alter: -
Geschlecht: -
Verfasst Di 27.04.2004 10:13
Titel

<div> vs. <layer>

 Antworten mit Zitat Zum Seitenanfang
beschäftige mich grad nen bissl damit um mal von den Tabellen wegzukommen Lächel

Hab da auch nen dickes Buch, aber trotzdem noch die ein oder andere Fragen, z.B.

<layer> ist doch für Netscape, oder?
Was muss ich denn ändern das folgender Code auch im IE funzt?
Code:

<!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN>

<html>
<head>
   <title>Unbenannt</title>
<script type=text/javascript>
<!--
function hideLayer(nr){
document.layers[nr].visibility = hide;
}
function show(nr){
document.layers[nr].visibility = show;
}
//-->
</script>
</head>
<body>

<layer top=10 left=10 bgcolor=#DDFFDD>
<p><a href=javascript:showLayer(1)>andren Layer anzeigen</a><br /></p>
</layer>

<layer top=60 left=60 bgcolor=#CCEEFF visibility = hide>
<p><a href=javascript:hideLayer(1)>diesen Layer verstecken</a><br /></p>
</layer>


</body>
</html>


ist jetzt so ein Bsp. aus dem Buch, muss ich jetzt nur überall wo layer steht div hinschreiben?! Thanx im vorraus
  View user's profile Private Nachricht senden
dastef
Moderator

Dabei seit: 03.11.2003
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Di 27.04.2004 10:22
Titel

Antworten mit Zitat Zum Seitenanfang
unten ja, oben im js solltest umstellen auf getElementById() oder ähnlichen
funktionen .. dann sollte es klappen.
  View user's profile Private Nachricht senden E-Mail senden
addy
Threadersteller

Dabei seit: 22.01.2003
Ort: -
Alter: -
Geschlecht: -
Verfasst Di 27.04.2004 10:29
Titel

Antworten mit Zitat Zum Seitenanfang
thanx
meinst du so?

Code:

<script type=text/javascript>
<!--
function hideLayer(nr){
document.getElementById(1).visibility = hide;
}
function show(nr){
document.getElementById(2).visibility = show;
}


und dann unten im div Tag id=1 usw.
  View user's profile Private Nachricht senden
matt

Dabei seit: 06.05.2003
Ort: Colonial Periphery
Alter: 27
Geschlecht: Männlich
Verfasst Di 27.04.2004 10:29
Titel

Antworten mit Zitat Zum Seitenanfang
Du solltest aber nicht <layer> benutzen, sondern das ganze über CSS realisieren.

http://selfhtml.teamone.de/html/layer/definieren.htm


Dann sähe das so aus:

<div style="position:absolute;top:10px;left:10px;background:#dfd">
<p><a href="javascript:showLayer(1)">andren Layer anzeigen</a><br /></p>
</div>
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Sarky
Moderator

Dabei seit: 29.06.2002
Ort: Stuttgart
Alter: 26
Geschlecht: Männlich
Verfasst Di 27.04.2004 10:33
Titel

Re: <div> vs. <layer>

 Antworten mit Zitat Zum Seitenanfang
Thread verschoben nach Nonprint - Allgemeines.

---

Layer sind furchtbar altes Zeug und funktionieren nur im Netscape 4.X.
Für alle modernen Browser müßte Dein Code folgendermaßen aussehen:

Code:

<!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN>

<html>
<head>
<title>Unbenannt</title>

<script type=text/javascript>
<!--
function hideLayer(nr)
{
    if (document.getElementById)
    {
        document.getElementById(nr).className = 'element_hidden';
    }
}

function showLayer(nr)
{
    if (document.getElementById)
    {
        document.getElementById(nr).className = 'element_visible';
    }
}
//-->
</script>

<style type=text/css>
<!--
.element_visible
{
     visibility: visible;
}

.element_hidden
{
     visibility: hidden;
}
-->
</style>
</head>
<body>

<div id=layer1 style=position: absolute; top: 10px; left: 10px; background-color: #DDFFDD;>
<a href=javascript:showLayer('layer2')>anderen Layer anzeigen</a>
</div>

<div id=layer2 style=position: absolute; top: 60px; left: 60px; background-color: #CCEEFF; visibility: hidden;>
<a href=javascript:hideLayer('layer2')>diesen Layer verstecken</a>
</div>

</body>
</html>
  View user's profile Private Nachricht senden E-Mail senden Website dieses Benutzers besuchen
addy
Threadersteller

Dabei seit: 22.01.2003
Ort: -
Alter: -
Geschlecht: -
Verfasst Di 27.04.2004 10:42
Titel

...

 Antworten mit Zitat Zum Seitenanfang
danke erstmal werde es mal probieren

naja das Buch was ich habe ist von 2002 "HTML WEB-Publishing Handbuch" von Stefan Münz, wurde mir empfohlen, schade war dann wohl wieder rausgeschmissenes Geld Menno!

Jemand ne andere gute Buchempfehlung wo grade das Thema dhtml gut beschrieben wird?
  View user's profile Private Nachricht senden
 
Ähnliche Themen Div-Layer scrollen
Div,Layer mit JS ein- oder ausblenden
DIV-Layer - Hilfe
DIV Layer Anordnung
div Layer zum Klicken
[Diskussion] Tabellen oder DIV-Layer?
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst deine Beiträge in diesem Forum nicht bearbeiten.
Du kannst deine Beiträge in diesem Forum nicht löschen.
Du kannst an Umfragen in diesem Forum nicht mitmachen.

mediengestalter.info ist ein Projekt von webformatik :: Forensoftware: phpBB © 2001, 2005 phpBB Group