tutorials.de Buch-Aktion 05/2012
ERLEDIGT
JA
ANTWORTEN
13
ZUGRIFFE
456
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
AUF DIESES THEMA
ANTWORTEN
  1. 02.04.07 09:18 #1
    lernen.2007 lernen.2007 ist offline Mitglied Platin
    Registriert seit
    Mar 2005
    Beiträge
    743
    Hallo Leute, ich habe nach der Anleitung von http://www.tutorials.de/forum/javasc...tml-menue.html ein dynamisches Navigationsmenü erstellt. Aber das Problem ist, dass die Links unter der einzelnen Menüs funktionieren nicht. Was kann das Problem sein? GRUß
     
    Zitieren Zitieren
  2. 02.04.07 09:39 #2
    Quaese Quaese ist offline Moderator
    tutorials.de Moderator
    Registriert seit
    Feb 2004
    Beiträge
    3.451
    Hi,

    ohne etwas mehr Informationen und/oder Quellcode kann Dir nur schwer geholfen werden.

    Ciao
    Quaese
     
    Vielleicht muss man manchmal vom Weg abkommen, um nicht auf der Strecke zu bleiben!
    ----
    Der "Fortsetzungsroman" auf www.leuteforum.de

    New kind to realize large scalable projects with jQuery: jQuery SDK
    Zitieren Zitieren
  3. 02.04.07 10:02 #3
    Niederbobi Niederbobi ist offline Mitglied Gold
    Registriert seit
    Mar 2007
    Ort
    Europa
    Beiträge
    116
    kuck mal was Quaese schrieb .... das ist schon mal das erste Problem

    Dirk
     
    ----------------------------------------
    http://www.edv-mueller.com
    dirk @ mueller minus web dot org
    Zitieren Zitieren
  4. 02.04.07 10:06 #4
    lernen.2007 lernen.2007 ist offline Mitglied Platin
    Registriert seit
    Mar 2005
    Beiträge
    743
    Hier ist mein JavaScript:

    Code :
    1
2
3
4
5
6
7
8
9
10
11
12

    <script type="text/javascript">
<!--
function show(divid) {
d=document;
d.getElementById("cat1").style.display="none";
d.getElementById("cat2").style.display="none";
d.getElementById("cat3").style.display="none";
d.getElementById("cat4").style.display="none";
d.getElementById(divid).style.display="inline";
}
//-->
</script>

    Hier ist dazugehörige Html-Code:
    Code :
    1
2
3
4
5
6
7
8
9

    td width="229"><a href="#" onclick="show('cat1')" class="navText">Informationen</a>
          <div id="cat1" style="display:none"> 
    <a href="a" class="navTextsmall">&nbsp; &nbsp;&nbsp; &nbsp;<font size="1">A</font></a>
          <a href="i" class="navTextsmall">&nbsp; &nbsp;&nbsp; &nbsp;<font size="1">I</font></a>
          <a href="s" class="navTextsmall">&nbsp; &nbsp;&nbsp; &nbsp;<font size="1">S</font></a>
          <a href="y" class="navTextsmall">&nbsp; &nbsp;&nbsp; &nbsp;<font size="1">E</font></a>
          <a href="z" class="navTextsmall">&nbsp; &nbsp;&nbsp; &nbsp;<font size="1">G/font></a>
          </div>
          </td>

    Wenn ich jetzt den Link von S drücke. Dann wird die Seite aufgerufen. Die Menü wird zugeklappt und hinter der Link wird ein # eingefügt.
    Was kann das Problem sein?
     
    Zitieren Zitieren
  5. 02.04.07 10:30 #5
    Niederbobi Niederbobi ist offline Mitglied Gold
    Registriert seit
    Mar 2007
    Ort
    Europa
    Beiträge
    116
    An sich ist des das was du vorgibts ...

    Was willste den, dass passiert?


    Dirk
    Geändert von Niederbobi (02.04.07 um 10:34 Uhr)
     
    ----------------------------------------
    http://www.edv-mueller.com
    dirk @ mueller minus web dot org
    Zitieren Zitieren
  6. 02.04.07 10:47 #6
    lernen.2007 lernen.2007 ist offline Mitglied Platin
    Registriert seit
    Mar 2005
    Beiträge
    743
    Zitat Zitat von Niederbobi Beitrag anzeigen
    An sich ist des das was du vorgibts ...

    Was willste den, dass passiert?


    Dirk
    Ich will wenn ich ein Link drücke, dann solte die Seite aufgehen und die Menü nicht zugeklappt werden. Es sollte erst aufgeklappt werden, wenn ich Oberpunkt von Menü drücke. Die Links in Unterpunkte funktionieren nicht. Danke
     
    Zitieren Zitieren
  7. 02.04.07 11:15 #7
    Niederbobi Niederbobi ist offline Mitglied Gold
    Registriert seit
    Mar 2007
    Ort
    Europa
    Beiträge
    116
    Okay - wenn du die Seite aufrufts, dann wird via
    Code javascript:
    1

    <div id="cat1" style="display:none">
    das untermenu eingeklappt. Dies passiert immer zwingend beim Aufruf der Seite!

    Um das zu verhindern, musst du entweder in eine serversprache auf den Aufruf (http://www. ..... ?id=xx) reagieren und das ausgelieferte HTML ohne 'display:none' ausgeben, oder das ganze mit frames machen (target='..')

    Oder du liest beim Öffnen die die Eigenschaft search von location aus und reagierts darauf - dann würde das gehen!

    Dirk
     
    ----------------------------------------
    http://www.edv-mueller.com
    dirk @ mueller minus web dot org
    Zitieren Zitieren
  8. 02.04.07 11:29 #8
    lernen.2007 lernen.2007 ist offline Mitglied Platin
    Registriert seit
    Mar 2005
    Beiträge
    743
    Hallo, ich kenne mich mit Java Script fast gar nicht aus. Ich komme aus der Java Ecke. Kannst du vielleicht mit ein bisschen Code helfen?Oder kennst du Seiten die so fertiges Code bereitstellen? Danke
     
    Zitieren Zitieren
  9. 02.04.07 12:03 #9
    Niederbobi Niederbobi ist offline Mitglied Gold
    Registriert seit
    Mar 2007
    Ort
    Europa
    Beiträge
    116
    Für die Basics würde ich dir http://de.selfhtml.org/ empfhehlen. Sollte eigentlich, wenn du programmieren kannst, kein ding sein.

    Hier pronzipiell der Aufbau
    Code javascript:
    1
2
3
4
5
6
7
8
9
10

     
var checkMenu = function()
{
 if (location.search.indexOf(...) > -1)
   document.getElementById(..).style.display = true;
 else
   document.getElementById(..).style.display = false;
}
 
window.onload = checkMenu;

    Das sollte als Anfang reichen - kuck dir die Doku unter selfhtml an und dann geht das!

    Dirk
     
    ----------------------------------------
    http://www.edv-mueller.com
    dirk @ mueller minus web dot org
    Zitieren Zitieren
  10. 02.04.07 12:58 #10
    Quaese Quaese ist offline Moderator
    tutorials.de Moderator
    Registriert seit
    Feb 2004
    Beiträge
    3.451
    Hi,

    falls sich alles im gleichen Fenster abspielt, könnte eventuell auch die Weitergabe der ID über die
    name-Eigenschaft des window-Objektes eine Alternative darstellen.
    Code :
    1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49

    <?xml version="1.0" encoding="iso-8859-1" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>www.tutorials.de</title>
<meta name="author" content="Quaese" />
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
 
<script type="text/javascript">
<!--
function show(divid) {
    d=document;
    d.getElementById("cat1").style.display="none";
    d.getElementById("cat2").style.display="none";
    //d.getElementById("cat3").style.display="none";
    //d.getElementById("cat4").style.display="none";
    d.getElementById(divid).style.display="inline";
}
 
window.onload = function(){
  var strID = window.name;
  if(document.getElementById(strID)){
    document.getElementById(strID).style.display = "inline";
  }
}
 
//-->
</script>
</head>
<body>
<a href="#" onclick="show('cat1')" class="navText">Informationen 1</a>
<div id="cat1" style="display:none">
  <a href="?test" onclick="window.name=this.parentNode.id;" class="navTextsmall">&nbsp; &nbsp;&nbsp; &nbsp;<font size="1">A</font></a>
  <a href="?test" onclick="window.name=this.parentNode.id;" class="navTextsmall">&nbsp; &nbsp;&nbsp; &nbsp;<font size="1">I</font></a>
  <a href="?test" onclick="window.name=this.parentNode.id;" class="navTextsmall">&nbsp; &nbsp;&nbsp; &nbsp;<font size="1">S</font></a>
  <a href="?test" onclick="window.name=this.parentNode.id;" class="navTextsmall">&nbsp; &nbsp;&nbsp; &nbsp;<font size="1">E</font></a>
  <a href="?test" onclick="window.name=this.parentNode.id;" class="navTextsmall">&nbsp; &nbsp;&nbsp; &nbsp;<font size="1">G</font></a>
</div>
<a href="#" onclick="show('cat2')" class="navText">Informationen 2</a>
<div id="cat2" style="display:none">
  <a href="?test" onclick="window.name=this.parentNode.id;" class="navTextsmall">&nbsp; &nbsp;&nbsp; &nbsp;<font size="1">A</font></a>
  <a href="?test" onclick="window.name=this.parentNode.id;" class="navTextsmall">&nbsp; &nbsp;&nbsp; &nbsp;<font size="1">I</font></a>
  <a href="?test" onclick="window.name=this.parentNode.id;" class="navTextsmall">&nbsp; &nbsp;&nbsp; &nbsp;<font size="1">S</font></a>
  <a href="?test" onclick="window.name=this.parentNode.id;" class="navTextsmall">&nbsp; &nbsp;&nbsp; &nbsp;<font size="1">E</font></a>
  <a href="?test" onclick="window.name=this.parentNode.id;" class="navTextsmall">&nbsp; &nbsp;&nbsp; &nbsp;<font size="1">G</font></a>
</div>
</body>
</html>
    Vielleicht kannst Du damit etwas anfangen.

    Ciao
    Quaese
     
    Vielleicht muss man manchmal vom Weg abkommen, um nicht auf der Strecke zu bleiben!
    ----
    Der "Fortsetzungsroman" auf www.leuteforum.de

    New kind to realize large scalable projects with jQuery: jQuery SDK
    Zitieren Zitieren
  11. 02.04.07 18:34 #11
    lernen.2007 lernen.2007 ist offline Mitglied Platin
    Registriert seit
    Mar 2005
    Beiträge
    743
    Danke zuerst für die Mühe. Wie du gemacht hast, funktioniert es schon. Aber wenn ich in meinen Seiten einbaue dann geht es nicht. Kannt es vielleicht an Tabelle liegen, wo ich diese Navigationsmenüs reinplatziert habe? Gruß
     
    Zitieren Zitieren
  12. 02.04.07 21:30 #12
    lernen.2007 lernen.2007 ist offline Mitglied Platin
    Registriert seit
    Mar 2005
    Beiträge
    743
    Hallo,
    Code :
    1

     <div id="cat1" style="display:none">
    ich muss irgendwie anders dann versuchen. Wie kann ich jetzt style von display:none auf etwas andere Wert umstellen?Natürlich mit JavaScript.
     
    Zitieren Zitieren
  13. 03.04.07 07:17 #13
    Quaese Quaese ist offline Moderator
    tutorials.de Moderator
    Registriert seit
    Feb 2004
    Beiträge
    3.451
    Hi,

    bei mir funktioniert es, auch wenn ich es in Tabellen packe. Ich hatte allerdings in Deiner Funktion zwei
    Zeilen auskommentiert, weil ich nur mit zwei Navigationspunkten arbeiten wollte.

    Weiterhin musste ich feststellen, dass der IE rumzickt, wenn noch gar kein Fenstername existiert. Mit
    einem try .. catch-Konstrukt kann eine Fehlermeldung aber umgangen werden.
    Code :
    1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59

    <?xml version="1.0" encoding="iso-8859-1" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>www.tutorials.de</title>
<meta name="author" content="Quaese" />
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
 
<script type="text/javascript">
<!--
function show(divid) {
    d=document;
    d.getElementById("cat1").style.display="none";
    d.getElementById("cat2").style.display="none";
    //d.getElementById("cat3").style.display="none";
    //d.getElementById("cat4").style.display="none";
    d.getElementById(divid).style.display="inline";
}
 
window.onload = function(){
  var strID = window.name;
  try{
    document.getElementById(strID).style.display = "inline";
  }catch(e){}
}
 
//-->
</script>
</head>
<body>
<table>
    <tr>
    <td>
        <a href="#" onclick="show('cat1')" class="navText">Informationen 1</a>
        <div id="cat1" style="display:none">
          <a href="http://127.0.0.1/Eigene/Test/help/9281.html" onclick="window.name=this.parentNode.id;" class="navTextsmall">&nbsp; &nbsp;&nbsp; &nbsp;<font size="1">A</font></a>
          <a href="?test" onclick="window.name=this.parentNode.id;" class="navTextsmall">&nbsp; &nbsp;&nbsp; &nbsp;<font size="1">I</font></a>
          <a href="?test" onclick="window.name=this.parentNode.id;" class="navTextsmall">&nbsp; &nbsp;&nbsp; &nbsp;<font size="1">S</font></a>
          <a href="?test" onclick="window.name=this.parentNode.id;" class="navTextsmall">&nbsp; &nbsp;&nbsp; &nbsp;<font size="1">E</font></a>
          <a href="?test" onclick="window.name=this.parentNode.id;" class="navTextsmall">&nbsp; &nbsp;&nbsp; &nbsp;<font size="1">G</font></a>
        </div>
    </td>
  </tr>
    <tr>
    <td>
        <a href="#" onclick="show('cat2')" class="navText">Informationen 2</a>
        <div id="cat2" style="display:none">
          <a href="?test" onclick="window.name=this.parentNode.id;" class="navTextsmall">&nbsp; &nbsp;&nbsp; &nbsp;<font size="1">A</font></a>
          <a href="?test" onclick="window.name=this.parentNode.id;" class="navTextsmall">&nbsp; &nbsp;&nbsp; &nbsp;<font size="1">I</font></a>
          <a href="?test" onclick="window.name=this.parentNode.id;" class="navTextsmall">&nbsp; &nbsp;&nbsp; &nbsp;<font size="1">S</font></a>
          <a href="?test" onclick="window.name=this.parentNode.id;" class="navTextsmall">&nbsp; &nbsp;&nbsp; &nbsp;<font size="1">E</font></a>
          <a href="?test" onclick="window.name=this.parentNode.id;" class="navTextsmall">&nbsp; &nbsp;&nbsp; &nbsp;<font size="1">G</font></a>
        </div>
    </td>
  </tr>
</table>
</body>
</html>
    Ciao
    Quaese
     
    Vielleicht muss man manchmal vom Weg abkommen, um nicht auf der Strecke zu bleiben!
    ----
    Der "Fortsetzungsroman" auf www.leuteforum.de

    New kind to realize large scalable projects with jQuery: jQuery SDK
    Zitieren Zitieren
  14. 03.04.07 19:05 #14
    lernen.2007 lernen.2007 ist offline Mitglied Platin
    Registriert seit
    Mar 2005
    Beiträge
    743
    Vielen Dank fürs Mühe.

    Es funktioniert.


    Vielen Dank


    Gruß erkan
     
    Zitieren Zitieren
« MYSQL Daten für Countdown | PopUp Problem »

Ähnliche Themen

  1. Dynamisches RSS?
    Von xwurst im Forum Coders Talk
    Antworten: 1
    Letzter Beitrag: 06.10.09, 13:18
  2. dynamisches Bestellformular
    Von lyco im Forum PHP
    Antworten: 2
    Letzter Beitrag: 20.01.08, 13:01
  3. Dynamisches Menu
    Von mkoeni1 im Forum Javascript & Ajax
    Antworten: 4
    Letzter Beitrag: 18.11.07, 16:29
  4. Dynamisches Menü mit CSS
    Von StupidBoy im Forum CSS
    Antworten: 5
    Letzter Beitrag: 05.01.06, 19:04
  5. dynamisches Menu
    Von low-group im Forum PHP
    Antworten: 6
    Letzter Beitrag: 11.01.05, 11:30