Autor |
Nachricht |
Chili05
Threadersteller
Dabei seit: 22.08.2005
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mo 22.08.2005 09:18
Titel Tabelle in JavaScript |
|
|
Hallo,
ich habe ein großes Problem: Ich baue gerade meine erste Internetseite, bei der ich eine Java-basierende Navigation eingebaut habe, die ich im Netz gefunden habe. Habe sie entsprechend angepasst. Nun möchte ich gerne hinter meine Überpunkte jeweils ein Bild legen. Ich dachte, dass am besten eine Tabelle zu benutzen ist, damit es in jedem Browser richtig dargestellt wird und sich nichts verschiebt. Allerdings habe ich keine Ahnung, ob es überhaupt möglich ist und wenn dann wie und an welcher Stelle ich die Tabelle einbauen muss. Ich hoffe, ihr könnt mir helfen.
Zuletzt bearbeitet von Sarky am Mo 22.08.2005 12:54, insgesamt 1-mal bearbeitet
|
|
|
|
|
Anti78
Dabei seit: 16.09.2003
Ort: Tbb/Mz/M
Alter: 46
Geschlecht:
|
Verfasst Mo 22.08.2005 09:19
Titel
|
|
|
Hi.
Öhm, sollen wir raten wie das dann aussehen soll oder kannste schon was zeigen?
Ohne Info ist immer e weng schwer zu helfen.
|
|
|
|
|
Anzeige
|
|
|
mizkA
Dabei seit: 07.11.2003
Ort: Saarbrücken
Alter: 42
Geschlecht:
|
Verfasst Mo 22.08.2005 09:21
Titel
|
|
|
Ich denke auch eher , dass du Jaca-Script meinst oder???
|
|
|
|
|
Chili05
Threadersteller
Dabei seit: 22.08.2005
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mo 22.08.2005 12:04
Titel
|
|
|
Ich habe hier mal den Quelltext angehängt.
Ich hoffe, Ihr könnt mir weiterhelfen.
<html>
<head>
<link href="style.css" rel=stylesheet>
<title>Layermenu</title>
<STYLE type="text/css">
<!--
A { text-decoration:none }
A:hover { color:gray }
A:visited { color:white }
-->
</STYLE>
<base target="main">
</head>
<body bgcolor="#66ccff" text="#ffffff" link="#ffffff">
<font face="verdana, arial, sans-serif">
<script language="JavaScript">
function clean ()
{
if ((navigator.appName=='Netscape') && (navigator.appVersion.charAt (0)<'5'))
{
window.document.b.visibility="hide";
window.document.m1.visibility="hide";
window.document.m2.visibility="hide";
window.document.m3.visibility="hide";
window.document.m4.visibility="hide";
window.document.m5.visibility="hide";
window.document.m6.visibility="hide";
window.document.m7.visibility="hide";
window.document.m8.visibility="hide";
return;
}
if (navigator.appVersion.charAt (0)<'5')
{
var layers=document.all.tags ("div");
}
else {
var layers=document.getElementsByTagName("div");
}
layers[0].style.visibility='hidden';
layers[2].style.visibility='hidden';
layers[4].style.visibility='hidden';
layers[6].style.visibility='hidden';
layers[8].style.visibility='hidden';
layers[10].style.visibility='hidden';
layers[12].style.visibility='hidden';
layers[14].style.visibility='hidden';
layers[16].style.visibility='hidden';
return;
}
function menu (i)
{
switch(i)
{
case 1:
{
if ((navigator.appName=='Netscape') && (navigator.appVersion.charAt(0)<'5'))
{
window.document.b.visibility="show";
window.document.m1.visibility="show";
window.document.m2.visibility="hide";
window.document.m3.visibility="hide";
window.document.m4.visibility="hide";
window.document.m5.visibility="hide";
window.document.m6.visibility="hide";
window.document.m7.visibility="hide";
window.document.m8.visibility="hide";
return;
}
if (navigator.appVersion.charAt (0)<'5')
{
var layers=document.all.tags ("div");
}
else {
var layers=document.getElementsByTagName("div");
}
layers[0].style.visibility='visible';
layers[2].style.visibility='visible';
layers[4].style.visibility='hidden';
layers[6].style.visibility='hidden';
layers[8].style.visibility='hidden';
layers[10].style.visibility='hidden';
layers[12].style.visibility='hidden';
layers[14].style.visibility='hidden';
layers[16].style.visibility='hidden';
return;
}
case 2:
{
if ((navigator.appName=='Netscape') && (navigator.appVersion.charAt(0)<'5'))
{
window.document.b.visibility="show";
window.document.m1.visibility="hide";
window.document.m2.visibility="show";
window.document.m3.visibility="hide";
window.document.m4.visibility="hide";
window.document.m5.visibility="hide";
window.document.m6.visibility="hide";
window.document.m7.visibility="hide";
window.document.m8.visibility="hide";
return;
}
if (navigator.appVersion.charAt (0)<'5')
{
var layers=document.all.tags ("div");
}
else {
var layers=document.getElementsByTagName("div");
}
layers[0].style.visibility='visible';
layers[2].style.visibility='hidden';
layers[4].style.visibility='visible';
layers[6].style.visibility='hidden';
layers[8].style.visibility='hidden';
layers[10].style.visibility='hidden';
layers[12].style.visibility='hidden';
layers[14].style.visibility='hidden';
layers[16].style.visibility='hidden';
return;
}
case 3:
{
if ((navigator.appName=='Netscape') && (navigator.appVersion.charAt(0)<'5'))
{
window.document.b.visibility="show";
window.document.m1.visibility="hide";
window.document.m2.visibility="hide";
window.document.m3.visibility="show";
window.document.m4.visibility="hide";
window.document.m5.visibility="hide";
window.document.m6.visibility="hide";
window.document.m7.visibility="hide";
window.document.m8.visibility="hide";
return;
}
if (navigator.appVersion.charAt (0)<'5')
{
var layers=document.all.tags ("div");
}
else {
var layers=document.getElementsByTagName("div");
}
layers[0].style.visibility='visible';
layers[2].style.visibility='hidden';
layers[4].style.visibility='hidden';
layers[6].style.visibility='visible';
layers[8].style.visibility='hidden';
layers[10].style.visibility='hidden';
layers[12].style.visibility='hidden';
layers[14].style.visibility='hidden';
layers[16].style.visibility='hidden';
return;
}
case 4:
{
if ((navigator.appName=='Netscape') && (navigator.appVersion.charAt(0)<'5'))
{
window.document.b.visibility="show";
window.document.m1.visibility="hide";
window.document.m2.visibility="hide";
window.document.m3.visibility="hide";
window.document.m4.visibility="show";
window.document.m5.visibility="hide";
window.document.m6.visibility="hide";
window.document.m7.visibility="hide";
window.document.m8.visibility="hide";
return;
}
if (navigator.appVersion.charAt (0)<'5')
{
var layers=document.all.tags ("div");
}
else {
var layers=document.getElementsByTagName("div");
}
layers[0].style.visibility='visible';
layers[2].style.visibility='hidden';
layers[4].style.visibility='hidden';
layers[6].style.visibility='hidden';
layers[8].style.visibility='visible';
layers[10].style.visibility='hidden';
layers[12].style.visibility='hidden';
layers[14].style.visibility='hidden';
layers[16].style.visibility='hidden';
return;
}
case 5:
{
if ((navigator.appName=='Netscape') && (navigator.appVersion.charAt(0)<'5'))
{
window.document.b.visibility="show";
window.document.m1.visibility="hide";
window.document.m2.visibility="hide";
window.document.m3.visibility="hide";
window.document.m4.visibility="hide";
window.document.m5.visibility="show";
window.document.m6.visibility="hide";
window.document.m7.visibility="hide";
window.document.m8.visibility="hide";
return;
}
if (navigator.appVersion.charAt (0)<'5')
{
var layers=document.all.tags ("div");
}
else {
var layers=document.getElementsByTagName("div");
}
layers[0].style.visibility='visible';
layers[2].style.visibility='hidden';
layers[4].style.visibility='hidden';
layers[6].style.visibility='hidden';
layers[8].style.visibility='hidden';
layers[10].style.visibility='visible';
layers[12].style.visibility='hidden';
layers[14].style.visibility='hidden';
layers[16].style.visibility='hidden';
return;
}
case 6:
{
if ((navigator.appName=='Netscape') && (navigator.appVersion.charAt(0)<'5'))
{
window.document.b.visibility="show";
window.document.m1.visibility="hide";
window.document.m2.visibility="hide";
window.document.m3.visibility="hide";
window.document.m4.visibility="hide";
window.document.m5.visibility="hide";
window.document.m6.visibility="show";
window.document.m7.visibility="hide";
window.document.m8.visibility="hide";
return;
}
if (navigator.appVersion.charAt (0)<'5')
{
var layers=document.all.tags ("div");
}
else {
var layers=document.getElementsByTagName("div");
}
layers[0].style.visibility='visible';
layers[2].style.visibility='hidden';
layers[4].style.visibility='hidden';
layers[6].style.visibility='hidden';
layers[8].style.visibility='hidden';
layers[10].style.visibility='hidden';
layers[12].style.visibility='visible';
layers[14].style.visibility='hidden';
layers[16].style.visibility='hidden';
return;
}
case 7:
{
if ((navigator.appName=='Netscape') && (navigator.appVersion.charAt(0)<'5'))
{
window.document.b.visibility="show";
window.document.m1.visibility="hide";
window.document.m2.visibility="hide";
window.document.m3.visibility="hide";
window.document.m4.visibility="hide";
window.document.m5.visibility="hide";
window.document.m6.visibility="hide";
window.document.m7.visibility="show";
window.document.m8.visibility="hide";
return;
}
if (navigator.appVersion.charAt (0)<'5')
{
var layers=document.all.tags ("div");
}
else {
var layers=document.getElementsByTagName("div");
}
layers[0].style.visibility='visible';
layers[2].style.visibility='hidden';
layers[4].style.visibility='hidden';
layers[6].style.visibility='hidden';
layers[8].style.visibility='hidden';
layers[10].style.visibility='hidden';
layers[12].style.visibility='hidden';
layers[14].style.visibility='visible';
layers[16].style.visibility='hidden';
return;
}
case 8:
{
if ((navigator.appName=='Netscape') && (navigator.appVersion.charAt(0)<'5'))
{
window.document.b.visibility="show";
window.document.m1.visibility="hide";
window.document.m2.visibility="hide";
window.document.m3.visibility="hide";
window.document.m4.visibility="hide";
window.document.m5.visibility="hide";
window.document.m6.visibility="hide";
window.document.m7.visibility="hide";
window.document.m8.visibility="show";
return;
}
if (navigator.appVersion.charAt (0)<'5')
{
var layers=document.all.tags ("div");
}
else {
var layers=document.getElementsByTagName("div");
}
layers[0].style.visibility='visible';
layers[2].style.visibility='hidden';
layers[4].style.visibility='hidden';
layers[6].style.visibility='hidden';
layers[8].style.visibility='hidden';
layers[10].style.visibility='hidden';
layers[12].style.visibility='hidden';
layers[14].style.visibility='hidden';
layers[16].style.visibility='visible';
return;
}
}
}
</script>
<div id="b" style="position:absolute; left:30; top:30; width:340; height:170; z-index:1; visibility: hidden">
<a href="#" onmouseover="clean()" onmouseout="clean()"></a>
</div>
<div id="h1" style="position:absolute; left:50; top:30; width:100; height:25;z-index:2; visibility: visible">
<a href="#" onmouseover="menu(1)">home</a>
</div>
<div id="m1" style="position:absolute; left:50; top:60; width:100; height:100; z-index:3; visibility: hidden" >
<a href="../deutsch/willkommen.html">willkommen</a><br>
<a href="../deutsch/news1.html">news</a><br>
</div>
<div id="h2" style="position:absolute; left:150; top:30; width:100; height:25; z-index:4; visibility: visible">
<a href="#" onmouseover="menu(2)">wissenswertes</a></div>
<div id="m2" style="position:absolute; left:150; top:60; width:150; height:100; z-index:5; visibility: hidden">
<a href="../deutsch/regeln.html">regeln</a><br>
<a href="../deutsch/lexikon.html">lexikon</a><br>
</div>
<div id="h3" style="position:absolute; left:300; top:30; width:100; height:25; z-index:6" visibility: visible">
<a href="#" onmouseover="menu(3)">golfclubs</a>
</div>
<div id="m3" style="position:absolute; left:300; top:60; width:100; height:100; z-index:7; visibility: hidden">
<a href="../deutsch/anlagenuebersicht.html">anlagenübersicht und preise</a><br>
</div>
<div id="h4" style="position:absolute; left:450; top:30; width:100; height:25; z-index:8; visibility: visible">
<a href="#" onmouseover="menu(4)">turniere</a></div>
<div id="m4" style="position:absolute; left:450; top:60; width:150; height:100; z-index:9; visibility: hidden">
<a href="../deutsch/kalender.html">kalender</a><br>
</div>
<div id="h5" style="position:absolute; left:550; top:30; width:100; height:25; z-index:10; visibility: visible">
<a href="#" onmouseover="menu(5)">freizeit</a></div>
<div id="m5" style="position:absolute; left:550; top:60; width:150; height:100; z-index:11; visibility: hidden">
<a href="../deutsch/reise.html">reise</a><br>
<a href="../deutsch/party.html">party</a><br>
</div>
<div id="h6" style="position:absolute; left:650; top:30; width:100; height:25; z-index:12; visibility: visible">
<a href="#" onmouseover="menu(6)">sonstiges</a></div>
<div id="m6" style="position:absolute; left:650; top:60; width:150; height:100; z-index:13; visibility: hidden">
<a href="../deutsch/links.html">links</a><br>
<a href="../deutsch/sponsoren.html">sponsoren</a><br>
</div>
<div id="h7" style="position:absolute; left:750; top:30; width:100; height:25; z-index:14; visibility: visible">
<a href="#" onmouseover="menu(7)">gästebuch</a></div>
<div id="m7" style="position:absolute; left:750; top:60; width:150; height:100; z-index:15; visibility: hidden">
<a href="../deutsch/eintraege.html">einträge</a><br>
</div>
<div id="h8" style="position:absolute; left:850; top:30; width:100; height:25; z-index:16; visibility: visible">
<a href="#" onmouseover="menu(8)">kontakt</a></div>
<div id="m8" style="position:absolute; left:850; top:60; width:150; height:100; z-index:17; visibility: hidden">
<a href="../deutsch/email.html">email</a><br>
<a href="../deutsch/impressum.html">impressum</a><br>
</div>
</body>
</html>
|
|
|
|
|
gtz
Dabei seit: 15.04.2002
Ort: -
Alter: 48
Geschlecht:
|
Verfasst Mo 22.08.2005 12:31
Titel
|
|
|
bitte googlen sie nach dem begriff "medienkompetenz" und stellen sie ihre frage nochmal neu.
|
|
|
|
|
Sarky
Dabei seit: 29.06.2002
Ort: Düsseldorf
Alter: 42
Geschlecht:
|
Verfasst Mo 22.08.2005 12:54
Titel
|
|
|
Java != JavaScript
Du hast also keine Java-basierende Navigation, sondern eine aus JavaScript.
Ich habe den Threadtitel entsprechend angepasst.
|
|
|
|
|
Chili05
Threadersteller
Dabei seit: 22.08.2005
Ort: -
Alter: -
Geschlecht:
|
Verfasst Di 23.08.2005 08:50
Titel
|
|
|
Sorry,
ich bin blutiger Anfänger. Ich meinte natürlich Java-Script.
Trotzdem weiß ich immer noch nicht, ob und wie dieses Problem, dass ich eine Tabelle einbauen kann, zu lösen ist.
Letztlich möchte ich, dass ich hinter meine Überpunkte in der Navigation jeweils ein Bild als Hintergrundbild setzten kann. Bitte, bitte helft mir.
|
|
|
|
|
fyll
Dabei seit: 20.09.2003
Ort: Augsburg
Alter: 39
Geschlecht:
|
Verfasst Di 23.08.2005 09:07
Titel
|
|
|
Dann musst halt entweder
- Alle <div's raus und komplett durch eine 2-Spaltige Tabelle ersetzen
- In hedes div ne Tabelle einbauen
- Die Bilder, die neben den Links sein sollen, in eigene Layer setzen
... kannst jetz aber nicht erwarten, dass wir dir a) HTML erklären und/oder b) ne ganze Seite für dich basteln - arbeite dich durch selfHTML
|
|
|
|
|
|
|
|
Ähnliche Themen |
Javascript Tabelle modifizieren
JavaScript - onmouseout auf Tabelle
JavaScript Bildwechsel in Tabelle - mit Ziel in neuer Zelle
Höhe aus Tabelle auslesen und in andere Tabelle einfügen
[javascript] mit <select> feld wert an javascript funk
Tabelle in Tabelle ist 1 px größer O_o
|
|