mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Do 08.12.2016 01:45 Benutzername: Passwort: Auto-Login

Thema: Tabelle in JavaScript vom 22.08.2005


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> Tabelle in JavaScript
Seite: 1, 2  Weiter
Autor Nachricht
Chili05
Threadersteller

Dabei seit: 22.08.2005
Ort: -
Alter: -
Geschlecht: Weiblich
Verfasst Mo 22.08.2005 08:18
Titel

Tabelle in JavaScript

Antworten mit Zitat Zum Seitenanfang

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 11:54, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
Anti78

Dabei seit: 16.09.2003
Ort: Tbb/Mz/M
Alter: 38
Geschlecht: Männlich
Verfasst Mo 22.08.2005 08:19
Titel

Antworten mit Zitat Zum Seitenanfang

Hi.

Öhm, sollen wir raten wie das dann aussehen soll oder kannste schon was zeigen?

Ohne Info ist immer e weng schwer zu helfen.
  View user's profile Private Nachricht senden
Anzeige
Anzeige
mizkA

Dabei seit: 07.11.2003
Ort: Saarbrücken
Alter: 34
Geschlecht: Weiblich
Verfasst Mo 22.08.2005 08:21
Titel

Antworten mit Zitat Zum Seitenanfang

Ich denke auch eher , dass du Jaca-Script meinst oder??? Lächel
  View user's profile Private Nachricht senden
Chili05
Threadersteller

Dabei seit: 22.08.2005
Ort: -
Alter: -
Geschlecht: Weiblich
Verfasst Mo 22.08.2005 11:04
Titel

Antworten mit Zitat Zum Seitenanfang

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&uuml;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&auml;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&auml;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>
  View user's profile Private Nachricht senden
gtz

Dabei seit: 15.04.2002
Ort: -
Alter: 41
Geschlecht: Männlich
Verfasst Mo 22.08.2005 11:31
Titel

Antworten mit Zitat Zum Seitenanfang

bitte googlen sie nach dem begriff "medienkompetenz" und stellen sie ihre frage nochmal neu.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Sarky

Dabei seit: 29.06.2002
Ort: Düsseldorf
Alter: 34
Geschlecht: Männlich
Verfasst Mo 22.08.2005 11:54
Titel

Antworten mit Zitat Zum Seitenanfang

Java != JavaScript

Du hast also keine Java-basierende Navigation, sondern eine aus JavaScript.
Ich habe den Threadtitel entsprechend angepasst.
  View user's profile Private Nachricht senden
Chili05
Threadersteller

Dabei seit: 22.08.2005
Ort: -
Alter: -
Geschlecht: Weiblich
Verfasst Di 23.08.2005 07:50
Titel

Antworten mit Zitat Zum Seitenanfang

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.
  View user's profile Private Nachricht senden
fyll

Dabei seit: 20.09.2003
Ort: Augsburg
Alter: 32
Geschlecht: Männlich
Verfasst Di 23.08.2005 08:07
Titel

Antworten mit Zitat Zum Seitenanfang

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
  View user's profile Private Nachricht senden
 
Ähnliche Themen JavaScript - onmouseout auf Tabelle
Javascript Tabelle modifizieren
JavaScript Bildwechsel in Tabelle - mit Ziel in neuer Zelle
Höhe aus Tabelle auslesen und in andere Tabelle einfügen
Tabelle in Tabelle ist 1 px größer O_o
[javascript] mit <select> feld wert an javascript funk
Neues Thema eröffnen   Neue Antwort erstellen Seite: 1, 2  Weiter
MGi Foren-Übersicht -> Programmierung


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.