verlinkt?

Tobi · 11.12.2002, 19:14

Ich muss vorne weg sagen ... ich bin für ein paar Monate Javascript - Moderator im JEX-Treme Forum gewesen, und da lernt man selber sehr viel, und ich hab mich natürlich auch ein wenig damit beschäftigt, aber viel lernt man eben vor allem indem man selber viel programmiert (was du ja auch gerade anfängst) und wenn man mit anderen zusammen Probleme löst, wie hier oder bei JEX-Treme Wink

Ja, das mit dem wiederzugehen, da hab ich mir fast gedacht, dass du das irgendwann auch brauchst Wink

Geht aber im Prinzip auch ganz einfach, nur wäre es da praktisch, wenn man die einzelnen div-Bereiche mit Zahlen oder Zahl + konstantes Wort definiert (also die id ) Weil dann kann man im JavaScript besser mit einer For-Schleife alle Bereiche durchgehen und abfragen, ob die geöffnet sind ... und wenn JA, dann kann man die schließen.

Moment ich schreibe gleich den Code ....

Tobi · 11.12.2002, 20:06

Die orange markierte Variable anzahl ... da musst du hinter das = die Anzahl deiner Hauptlinks/Divs schreiben, damit das Script weiß, welche div-Bereiche es alle auf display=none setzen muss, um danach den gewählten Bereich zu öffnen.
Und darauf achten dass du alle weiteren divs mit ner Zahlen-id, also 3,4,5 ... benennst.
Ansonsten hoffe ich mal dass das Script geht, ansonsten melde dich hier nochmal Wink

<html>
<head>
<title>test</title>
<meta name="author" content="Philippe">
<meta name="generator" content="Ulli Meybohms HTML EDITOR">
</head>

<script language="javascript">
function Text()

var anzahl = 2;

for(i=o;i<=anzahl;i++)
{
document.getElementById(i).style.display = 'none';
}

{
document.getElementById ('1').style.display = "inline";
}

function Text2()
{

var anzahl = 2;

for(i=o;i<=anzahl;i++)
{
document.getElementById(i).style.display = 'none';
}

document.getElementById ('2').style.display = "inline";
}
</script>

<body text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000">

<table>
<tr>
<td>
<a href="#" onclick="javascript:Text();">Datenbank</a>
<div id="1" style="postition:relative;left:20px;display:none">
<p>
<a href="tauchplatz_index.html">Tauchplätze</a><br>
</ p>
</div>
<a href="#" onclick="javascript:Text2();">Community</a>
<div id="2" style="postition:relative;left:20px;display:none">
<p>
<a href="">Forum</a><br>
</ p>
</div>
</td>
</tr>
</table>
</body>
</html>

Real_Master · 12.12.2002, 10:34

Zitat:var anzahl = 2;
for(i=o;i<=anzahl;i++)

das so eingeben wie es da ist? (nur die 2 ändern auf die anzahl der unterlinks?)
also bei
Community
-Forum

var anzahl = 2;

oder?
ich versuchs dann gleich mal....sitz nur gerade in der schule!

Tobi · 12.12.2002, 17:07

Also in meinem gegebenen Beispiel ist die 2 richtig. Wenn du noch mehr Hauptlinks (nicht Unterlinks) hinzufügst, dann musst du die Zahl entsprechend ändern.

Besonder verdeutllicht: Wenn du mehr div-Bereiche hinzufügst, muss du die Zahl entsprechend ändern, weil das Script ja alle div's durch geht, und alle auf display='none' im style-Attribut setzt, damit sie nicht mehr angezeigt werden, wenn du einen anderen Hauptlink gewählt hast.

Real_Master · 12.12.2002, 17:20

leider funktioniert es nicht. ich habe in den quelltext mit dunkel rot fragen und anmerkungen dazugeschrieben.

DAnke!

Zitat:Original von Tobi
<html>
<head>
<title>test</title>
<meta name="author" content="Philippe">
<meta name="generator" content="Ulli Meybohms HTML EDITOR">
</head>

<script language="javascript">
function Text()

var anzahl = 2;

for(i=o;i<=anzahl;i++) muss ich das so stehen lassen?
{
document.getElementById(i).style.display = 'none';
}

{
document.getElementById ('1').style.display = "inline";
}

function Text2()
{ (<-- von dir! aber gibt es keine abschluss! in der 1. funktion hast du da keine klammer gemacht!)

var anzahl = 2;

for(i=o;i<=anzahl;i++)
{
document.getElementById(i).style.display = 'none';
}
hier gehört eine "{" hin oder?
document.getElementById ('2').style.display = "inline";
}
</script>

<body text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000">

<table>
<tr>
<td>
<a href="#" onclick="javascript:Text();">Datenbank</a>
<div id="1" style="postition:relative;left:20px;display:none">
<p>
<a href="tauchplatz_index.html">Tauchplätze</a><br>
</ p>
</div>
<a href="#" onclick="javascript:Text2();">Community</a>
<div id="2" style="postition:relative;left:20px;display:none">
<p>
<a href="">Forum</a><br>
</ p>
</div>
</td>
</tr>
</table>
</body>
</html>

Tobi · 12.12.2002, 20:53

Zitat:Original von Tobi
<html>
<head>
<title>test</title>
<meta name="author" content="Philippe">
<meta name="generator" content="Ulli Meybohms HTML EDITOR">
</head>

<script language="javascript">
function Text()
{
var anzahl = 2;

for(i=0;i<=anzahl;i++) muss ich das so stehen lassen? - JA
{
document.getElementById(i).style.display = 'none';
}

document.getElementById ('1').style.display = "inline";
}

function Text2()
{ (<-- von dir! aber gibt es keine abschluss! in der 1. funktion hast du da keine klammer gemacht!) - Ja, hatte ich vergessen, so ist's jetzt richtig

var anzahl = 2;

for(i=0;i<=anzahl;i++)
{
document.getElementById(i).style.display = 'none';
}
hier gehört eine "{" hin oder?- Nein, müsste auch ohne gehen .. d.h. ich hätte dort keine hin gemacht ... vielleicht geht's auch mit aber normalerweise muss da keine hin.
document.getElementById ('2').style.display = "inline";
}
</script>

<body text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000">

<table>
<tr>
<td>
<a href="#" onclick="javascript:Text();">Datenbank</a>
<div id="1" style="postition:relative;left:20px;display:none">
<p>
<a href="tauchplatz_index.html">Tauchplätze</a><br>
</ p>
</div>
<a href="#" onclick="javascript:Text2();">Community</a>
<div id="2" style="postition:relative;left:20px;display:none">
<p>
<a href="">Forum</a><br>
</ p>
</div>
</td>
</tr>
</table>
</body>
</html>

[/quote]

Real_Master · 12.12.2002, 21:30

also irgendwas funktioniert da leider nicht! =( ich schau mal bei webmasterwork ob mir wer helfen kann damit du nicht immer hackeln musst! ^^

Real_Master · 13.12.2002, 14:24

also ich wollt dich ja jetzt eigentlich einmal in ruhe lassen aber leider antwortet mir bei webmasterwork niemand! =( (300Beiträge/Tag) und trotzdem net! *grr*

ja also habe jetzt den quelltext nochmal reingeschrieben!
Problem: es tut sich überhaupt nichts! (es geht auch das menü nichtmehr auf!) =(

Zitat:<html>
<head>
<title>Test -->menue script</title>
<meta name="author" content="Thiltges">
<meta name="generator" content="Ulli Meybohms HTML EDITOR">
</head>

<script language="javascript">
function Text()
{

var anzahl = 3;

for(i=o;i<=anzahl;i++)
{
document.getElementById(i).style.display = 'none';
}

document.getElementById ('1').style.display = "inline";
}

function Text2()
{

var anzahl = 1;

for(i=o;i<=anzahl;i++)
{
document.getElementById(i).style.display = 'none';
}

document.getElementById ('2').style.display = "inline";
}
</script>

<body text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000">

<table>
<tr>
<td>
<a href="#" onclick="java script:Text();">Datenbank</a><br>
<div id="1" style="postition:relative;left:20px;display:none">
<p>
<a href="tauchplatz_index.html">Tauchplätze</a><br>
<a href="#">Tauchbasen/-shops</a><br>
<a href="#">Tauchspots</a><br>
</p>
</div>
<a href="#" onclick="java script:Text2();">Community</a>
<div id="2" style="postition:relative;left:20px;display:none">
<p>
<a href="#">Forum</a><br>
</p>
</div>
</td>
</tr>
</table>

</body>
</html>

Tobi · 13.12.2002, 20:16

Erstmal, du nervst keinesfalls oder so ähnlich, dazu ist ja die Community da, um sich zu helfen. Und ehrlich gesagt hatte ich früher im JEX-Treme-Forum noch viel schlimmere Fälle, wo dann wirklich viel gepostet wurde und lang nicht der Fehler gefunden wurde.

... Ich habe ihn in diesem Fall entdeckt. Es scheint, als würde das style-Attribut display wenn es auf none steht nicht vom JS-Script entdeckt zu werden, also ist es nicht möglich es inline zu schalten.
Ich hätte da eine andere Lösung mit dem Style-Attribut visibility gehabt, aber dann hast du unter den einzelnen Links viel weißen Platz, weil dort dann die Unterlinks sichtbar gemacht werden.

Die einzige gute Lösung finde ich ist es, die Tabellenzellen zu nutzen und da per Script immer reinzuschreiben bzw. zu löschen.

Und übernimm mal am besten den Quelltext den ich dir letztes mal und auch jetzt poste, weil du solche Fehler hier gemacht hast:

<a href="java script:..." ... - falsch ist hier das Leerzeichen zwischen java und script. Zumindest habe ich noch nie probiert ob es so geht, und der Norm entspricht dieser Code auch nicht, also, immer zusammenschreiben.

for(i=o) .... ich habe es auch schon gestern geschrieben/berichtigt ... das "o" ist kein o sondern eine Null 0 !

Zitat:<html>
<head>
<title>Test -->menue script</title>
<meta name="author" content="Thiltges">
<meta name="generator" content="Ulli Meybohms HTML EDITOR">
</head>

<script language="Javascript" type="text/javascript"><!--

function text1()
{

var anzahl = 3;

for(i=0;i<=anzahl;i++)
{
document.getElementById(i).style.display = 'none';
}

document.getElementById ('1').style.display = "inline";
}

function text2()
{

var anzahl = 1;

for(i=0;i<=anzahl;i++)
{
document.getElementById(i).style.display = 'none';
}

document.getElementById ('2').style.display = "inline";
}
</script>

<body text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000">

<table>
<tr>
<td>
<a href="#" onclick="javascript:text1();">Datenbank</a><br>
<div id="1" style="postition: relative; left: 20px; display: none">
<p>
<a href="tauchplatz_index.html">Tauchplätze</a><br>
<a href="#">Tauchbasen/-shops</a><br>
<a href="#">Tauchspots</a><br>
</p>
</div>
<a href="#" onclick="javascript:text2();">Community</a>
<div id="2" style="postition: relative; left:20px; display: none">
<p>
<a href="#">Forum</a><br>
</p>
</div>
</td>
</tr>
</table>

</body>
</html>

Real_Master · 13.12.2002, 20:27

Zitat:Original von Tobi
Also in meinem gegebenen Beispiel ist die 2 richtig. Wenn du noch mehr Hauptlinks (nicht Unterlinks) hinzufügst, dann musst du die Zahl entsprechend ändern.

Besonder verdeutllicht: Wenn du mehr div-Bereiche hinzufügst, muss du die Zahl entsprechend ändern, weil das Script ja alle div's durch geht, und alle auf display='none' im style-Attribut setzt, damit sie nicht mehr angezeigt werden, wenn du einen anderen Hauptlink gewählt hast.

oh diesen beitrag habe ich irgendwie nie gesehen! *gg* aber du sagst "hauptlinks" ---> muss ja dann bei beiden scripts gleich viele sein!?!?!
als wenn ich

community
-forum
datenbank
-plätze
-shops
-spots

habe müssten dann ja bei beiden var anzahl ="2" sein weil ich nur 2 hauptlinks (div bereiche habe!) also eigentllich immer gleich viele sein!?!?

2.) das mit java script (leerzeichen) habe ich so gemacht weil du das irgendwo weiter oben einmal so geschrieben hast! (habe aber beides versucht --> hat aber nichts geändert!)

3.) danke nochmal! (ich versuch eh immer ur viel herum nur irgendwann weiß ich einfach nicht mehr weiter!

EDIT:
1.) du hast in der ersten zeile vom script geschrieben:

<script language="javascript"> <!--

aber durch diese <!-- erkennt er den restlichen ganzen text ja als persönliche anmerkung!?!?!?
(fals ich jetz was ausgelasen habe in der zeile einfach ignorieren.......geht nur um das zeichen!)

2.) verstehe ich nicht wirklich was du mit der tabelle meinst! =(

3.) wenn ich auf der seite schau dann sagt er mir das in zeile 17 und zeilt 31 objekte fehlen! (wenn ich auf datenbank klicke!)
ThX Philippe

Login




Merken Passwort vergessen?