Archivlink: javarea.de Forum > JavaScript > Wer findet den Fehler in diesem Script??? Hiiilllfeee!!!!
Vollständigen Link anzeigen: javarea.de Forum > JavaScript > Wer findet den Fehler in diesem Script??? Hiiilllfeee!!!!

Pages: [1]
geschrieben von djingeringe am 01.07.2005 - 21:01
Hi Leute,

ich bin am verzweifeln. Ich bastel gerade an einer Internetseite und finde den Fehler in der Navigation nicht.

Wenn man auf "Über uns" klickt, öffnet sich ein Untermenue, klickt man wiederrum auf einen der Kategorien, öffnen sich die dazugehörigen Themen. Ist das Menue geöffnet und man wählt eine andere Kategorie oder den Menuepunkt "Training & Ausbildung", so schließt sich das noch offene Menue und das geklickte öffnet sich.

So soll es auch sein, aber wenn ich auf eine Kategorie bei "Training & Ausbildung" klicke und danach die andere Kategorie anklicke, will sich die schon offene nicht schließen.

Klingt alles recht kompliziert und ich hoffe, ihr wisst was ich meine.

Bitte, bitte helft mir!!!!!!



Probiert's einfach mal aus:


Alles im Anhang

geschrieben von weisnix am 02.07.2005 - 11:23
Hallo,

Die Fehlerliste:

var kategorie2 = new Array ('sub2_thema1','sub2_thema2','sub2_thema3');

geändert in:
var sub_master2 = new Array ('sub2_thema1','sub2_thema2');

<div id='sub2_master2' class='sub' onClick="open_close_thema('sub3_thema1', 'sub_master2')">

geändert in:
<div id='sub2_master2' class='sub' onClick="open_close_thema('sub2_thema2', 'sub_master2')">

<div id='sub3_thema1' style='display:none;'>

geändert in:
<div id='sub2_thema2' style='display:none;'>

im Anhang die geänderte Datei.

Gruß

geschrieben von djingeringe am 04.07.2005 - 00:00
Danke erstmal. Ich habe durch ein anderes Forum, dass etwas schneller war den korrigierten Code. Ich habe jetzt aber ein weiteres Problem. Der Menuepunkt "Über uns" soll eigentlich keine Kategorien haben. Auf klick soll direkt das Themenmenue aufklappen ohne vorher eine Kategorie wählen zu müssen. Das Ding mit den Kategorien ist nur für "Training & Ausbildung" vorgesehen. Weiß leider nicht was im Script entfernt bzw. hinzugefügt werden muss. Kann da nochmal jemand nachschauen?

Hier nochmal der Code, diesmal korrigiert


<html>
<head>
<title>Klick Men&uuml;</title>

<link href="layout.css" rel="stylesheet" type="text/css">

<script type="text/javascript">
<!--
function open_close_sub (id)
{
if (document.getElementById(id).style.display == 'block')
{
document.getElementById(id).style.display='none';
}
else
{
document.getElementById('sub_master1').style.display='none';
document.getElementById('sub_master2').style.display='none';

document.getElementById(id).style.display='block';
}
}
function open_close_thema (id, parent)
{
var sub_master1 = new Array ('sub1_thema1','sub1_thema2','sub1_thema3');
var sub_master2 = new Array ('sub2_thema1','sub2_thema2');

if (document.getElementById(id).style.display == 'block')
{
document.getElementById(id).style.display='none';
}
else
{
if (parent == 'sub_master1')
{
for (j=0; j<sub_master1.length; j++)
{
document.getElementById(sub_master1[j]).style.display='none';
}

document.getElementById(id).style.display='block';
}
if (parent == 'sub_master2')
{
for (j=0; j<sub_master2.length; j++)
{
document.getElementById(sub_master2[j]).style.display='none';
}

document.getElementById(id).style.display='block';
}
}
}
//-->
</script>

</head>
<body>

<div id='master1' onClick="open_close_sub('sub_master1')"> &Uuml;ber uns</div>
<div id='sub_master1' style='display:none;'>

<div id='sub1_master1' class='sub' onClick="open_close_thema('sub1_thema1', 'sub_master1')">Unser Rollenverst&auml;ndnis</div>
<div id='sub1_thema1' name='thema_sub1' style='display:none;'>

<div class='thema'><a href='#'>Thema 1</a></div>
<div class='thema'><a href='#'>Thema 2</a></div>
</div>

<div id='sub2_master1' class='sub' onClick="open_close_thema('sub1_thema2', 'sub_master1')">Unsere Kompetenzen & Erfahrungen</div>
<div id='sub1_thema2' style='display:none;'>

<div class='thema'><a href='#'>Thema 1</a></div>
<div class='thema'><a href='#'>Thema 2</a></div>
</div>

<div id='sub3_master1' class='sub' onClick="open_close_thema('sub1_thema3', 'sub_master1')">Unsere Dienstleistungen</div>
<div id='sub1_thema3' style='display:none;'>

<div class='thema'><a href='#'>Thema 1</a></div>
<div class='thema'><a href='#'>Thema 2</a></div>
</div>

</div> <!-- Ende div: sub_master1 -->


<div id='master2' onClick="open_close_sub('sub_master2')">Training & Ausbildung</div>
<div id='sub_master2' style='display:none;'>

<div id='sub1_master2' class='sub' onClick="open_close_thema('sub2_thema1', 'sub_master2')">Gespr&auml;chsf&uuml;hrung&
Verhandeln</div>
<div id='sub2_thema1' name='thema_sub2' style='display:none;'>

<div class='thema'>Gespr&auml;chsf&uuml;hrung Classics</div>
<div class='thema'>Haltung zeigen – Stellung beziehen – Positionen
kl&auml;ren</div>
<div class='thema'>Argumentieren & Verhandeln</div>
<div class='thema'>Projektmanager, Anw&auml;lte, Betriebsr&auml;te; F&uuml;hrungskr&auml;fte</div>
<div class='thema'>Rhetorik</div>
<div class='thema'>Rhetorische Dialektik</div>
<div class='thema'>Verbale Schlagfertigkeit und Umgang mit Kampfrhetorik</div>
<div class='thema'>Gespr&auml;che, Diskussionen und Meetings leiten</div>
</div>

<div id='sub2_master2' class='sub' onClick="open_close_thema('sub2_thema2', 'sub_master2')">Arbeitsmethoden
und -techniken</div>
<div id='sub2_thema2' style='display:none;'>

<div class='thema'>Moderations-Methode</div>
<div class='thema'>Die besten Meetings-Methoden</div>
<div class='thema'>Techniken des Projektmanagement</div>
<div class='thema'>Priorit&auml;tenmanagement</div>
<div class='thema'>Mindmapping</div>
<div class='thema'>Kreativit&auml;tstechniken</div>
<div class='thema'>Selbst- und Zeitmanagement</div>
</div>

</body>
</html>





Die CSS-Datei ist die gleiche





Danke

geschrieben von weisnix am 04.07.2005 - 08:34
Hallo,

da ich nicht genau wusste was noch stehen bleiben sollte habe ich die zwei Beispiele angehängt.

klick_menu_00.txt – sind nach „Über uns“ noch die drei sub mit Unsere ... vorhanden.

klick_menu_01.txt – steht nur noch „Über uns“ . Dort stehen im Quelltext im Kommentar drin was du stehen lassen musst.

Gruß

geschrieben von djingeringe am 04.07.2005 - 14:49
Hmmmm... Irgendwie bin ich zu blöd für den Kram.


Ich hab mal was anghängt, damit man sieht wie's aussehen soll. Das gild nur für "Über uns", nicht für "Training & Ausbildung".



Danke nochmal für deine Mühe

geschrieben von weisnix am 04.07.2005 - 15:18
Und vor welchem Problem stehst du?

Sieht so aus wie in der klick_menu_00.txt. Bei "Über uns" gibt es drei Untermenüs.

geschrieben von djingeringe am 04.07.2005 - 15:37
Zitat
 Und vor welchem Problem stehst du?

Sieht so aus wie in der klick_menu_00.txt. Bei "Über uns" gibt es drei Untermenüs.



Ja, es sieht so aus, aber du hast einfach nur Thema weggelassen. Und Thema, wie auch Sub habe ich einen Stylesheet zugewiesen. Es wäre für mich einfacher wenn man "Sub" rausnehmen würde und dafür Thema stehenlassen würde. Nur leider schnall ich das net.


Ich habe nochmal was angehängt zur Verdeutlichung.


PS: Sorry, dass ich dich stressen muss


Danke

geschrieben von weisnix am 04.07.2005 - 17:50
Du musst da schon die Reihenfolge beibehalten. Erst das Menü dann das Sub und dann die Themen.

Da man die Sub doch jederzeit anpassen kann verstehe ich das Problem nicht. Du musst eben anstatt class='sub' class='thema' einsetzen.
Die Links können ebenfalls eingesetzt werden.

Beispiel:

HTML-Quelltext
1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11: 
12: 
13: 
14: 
15: 
16: 

<!-- Anfang Menü1 -->
<div id='master1' onClick="open_close_sub('sub_master1')"> &Uuml;ber uns</div>
<div id='sub_master1' style='display:none;'><!-- Anfang div: sub_master1 -->
<!-- Anfang Untermenü1 -->
<div id='sub1_master1'  class='thema' onClick="open_close_thema('sub1_thema1', 'sub_master1')"><a href="#" target="_blank">Unser Rollenverst&auml;ndnis</a></div>
<!-- ohne thema -->

<!-- Anfang Untermenü2 -->
<div id='sub2_master1'  class='thema' onClick="open_close_thema('sub1_thema2', 'sub_master1')"><a href="#" target="_blank">Unsere Kompetenzen & Erfahrungen</a></div>
<!-- ohne thema -->

<!-- Anfang Untermenü3 -->
<div id='sub3_master1'  class='thema' onClick="open_close_thema('sub1_thema3', 'sub_master1')"><a href="#" target="_blank">Unsere Dienstleistungen</a></div>
<!-- ohne thema -->

</div><!-- Ende div: sub_master1 -->

geschrieben von djingeringe am 05.07.2005 - 08:52
Ahhhhhhhh!!!! Jetzt ist der Groschen gefallen. Wie peinlich


Beachtlich, dass es Leute gibt, die so viel Geduld aufbringen können. Du wirst sicher schon bemerkt haben, dass ich ein totaler Anfänger bin und mich in die Materie erst reinarbeite.

Frage mich nur warum das Menue in Opera anders dargestellt wird. Das ist komischerweise um ein paar Pixel weiter nach links. Hat bestimmt etwas mit dem CSS-Kram zu tun. Ich benutze "Top Style Lite" als CSS-Editor. Hier kann man sich unter anderem auch anzeigen lassen, welche Stylesheets kompatibel mit den jeweiligen Browsern und Versionen sind. Laut dem Editor passt alles. Trotzdem ist es in Opera, ich schätze cirka um 5 Pixel weiter nach links verschoben. Habe Opera Version 7.54. Die stresst angeblich öfter mal. Ich lade mir mal die neue Version runter. Mal sehen ob's dann passt.


Bis gleich

geschrieben von weisnix am 05.07.2005 - 09:23
Es liegt doch meistens an der Problembeschreibung bis beide Seiten auf dem gleichen Nenner sind. Dann geht der Rest von ganz allein.

Ja, andere Browser anderes Aussehen. Dazu kann es passieren, das manchmal was gar nicht geht.

Nur weite so, durchs ausprobieren lernt man am besten.

Hier das wichtigste Nachschlagewerk selfhtml

geschrieben von djingeringe am 05.07.2005 - 09:24
Hmmm... Gleiches Problem. Habe jetzt die Version 8.01 installiert. Opera ist echt zum Selbst deren eigene Seite wird in Opera nicht korrekt angezeigt. Das sollte doch Grund genug sein den Browser nicht zu benutzen.


Hast Du vielleicht 'ne Ahnung woran das liegen könnte?



Gruß

geschrieben von weisnix am 05.07.2005 - 11:34
Also, folgender Versuch:

In der layout.css schreibst du über das div die body-Anweisung:
(das kann natürlich sehen wo es will – man beginnt halt als erstes mit dem body)

HTML-Quelltext
1: 
2: 
3: 
4: 

body {
       margin-left:0px;
       margin-top:0px;
}


damit gibt es keinen Seitenrand mehr.


Dann platzierst du das Menü neu im div bei left: 210px; und top: 140px;

Ich hoffe, dass das den gewünschten Erfolg bringt.


Powered by: JBB v.2.0.4 Copyright ©2000-2006, www.javarea.de.