zurück zur Startseite
  


Zurück XHTMLforum > Webentwicklung (außer XHTML und CSS) > Javascript & Ajax
Seite neu laden Einblenden von divs

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 29.10.2007, 22:07
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 29.10.2007
Beiträge: 8
artstrakt befindet sich auf einem aufstrebenden Ast
Unglücklich Einblenden von divs

Hi !

Also ich habe folgendes Problem .. ich möchte gerne Produktgruppen mit Javascript erstellen. Das ganze soll wie folgt aussehen:

Produktgruppe 1
- Untergruppe 1
- - Unteruntergruppe 1
- - Unteruntergruppe 2
- Untergruppe 2
- - Unteruntergruppe 1
- - Unteruntergruppe 2
- Untergruppe 3
Produktgruppe 2 u.s.w


Ich hab mal etwas recherchiert und mir wurde dazu folgendes Script empfohlen:

<script language="JavaScript" type="text/javascript">
<!--
function einblenden(div) {
with(document.getElementById(div).style){
if(display=="none"){
display="inline";
}
else{
display="none";
}
}
}
//-->
</script>

... und das ganze sollte dann so funktionieren :

<a href=javascript:einblenden('Produkt1');>Ionenausta uscher</a><br>
<div id="Produkt1" style="display : none;">

<div id="pdk1"><a href=javascript:einblenden('Produkt11');>Kationena ustauscher</a><br></div>
<div id="pdk1"><a href=javascript:einblenden('Produkt12');>Anionenau stauscher</a><br></div>

<div id="Produkt11" style="display : none;">
<div id="pdk2"><a href="katswsa.htm">schwach - sauer</a><br></div>
<div id="pdk2"><a href="katstsa.htm">stark - sauer</a><br></div>

<div id="Produkt12" style="display : none;">
<div id="pdk2"><a href="aniswba.htm">schwach - basische</a><br></div>
<div id="pdk2"><a href="anistba.htm">stark - basische</a><br></div>

</div>
</div>
</div>

Das Problem ist nun wenn ich jetzt auf Kationenaustauscher drücke blendet sich die Gruppe 11 unter Anionenaustauscher ein, und nicht unter Kationen austauscher, was es eigentlich tun sollte.

Wenn ich aber das ganze nun so mache funktioniert es auch wieder nicht :\

<a href=javascript:einblenden('Produkt1');>Ionenausta uscher</a><br>
<div id="Produkt1" style="display : none;">

<div id="pdk1"><a href=javascript:einblenden('Produkt11');>Kationena ustauscher</a><br></div>

<div id="Produkt11" style="display : none;">
<div id="pdk2"><a href="katswsa.htm">schwach - sauer</a><br></div>
<div id="pdk2"><a href="katstsa.htm">stark - sauer</a><br></div>


<div id="pdk1"><a href=javascript:einblenden('Produkt12');>Anionenau stauscher</a><br></div>

<div id="Produkt12" style="display : none;">
<div id="pdk2"><a href="aniswba.htm">schwach - basische</a><br></div>
<div id="pdk2"><a href="anistba.htm">stark - basische</a><br></div>

</div>
</div>
</div>


So wird Anionenaustauscher erst gar nicht als Untermenü angezeigt sondern erst wenn ich die Kationenaustauscher Auswahl öffne.

Ich hoffe habt einen netten Lösungsvorschlag wie ich mit diesem Problem umgehen kann.

Grüße
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 29.10.2007, 23:32
Benutzerbild von Scheppertreiber
Chaot und Nonkonformist.
XHTMLforum-Kenner
 
Registriert seit: 13.03.2007
Ort: Steinmark im Spessart
Beiträge: 7.458
Scheppertreiber ist ein LichtblickScheppertreiber ist ein LichtblickScheppertreiber ist ein LichtblickScheppertreiber ist ein LichtblickScheppertreiber ist ein Lichtblick
Standard

Irgendwie sind da IDs mehrfach verwendet.
__________________
Grüße aus dem Spessart, Joe

{ table-layout: biertischistbesser; }
Der Mausinator
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 29.10.2007, 23:47
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 29.10.2007
Beiträge: 8
artstrakt befindet sich auf einem aufstrebenden Ast
Idee Einblenden von divs

Ja ne ^^ das sind die 2 möglichkeiten wie ich gedacht habe das es klappen könnte. tut es aber nicht.

Und falls du das div pdk meinst damit definiere ich nur margin left in der css
Grüße
Mit Zitat antworten
  #4 (permalink)  
Alt 29.10.2007, 23:52
Benutzerbild von Scheppertreiber
Chaot und Nonkonformist.
XHTMLforum-Kenner
 
Registriert seit: 13.03.2007
Ort: Steinmark im Spessart
Beiträge: 7.458
Scheppertreiber ist ein LichtblickScheppertreiber ist ein LichtblickScheppertreiber ist ein LichtblickScheppertreiber ist ein LichtblickScheppertreiber ist ein Lichtblick
Standard

Zitat:
<a href=javascript:einblenden('Produkt1');>Ionenausta uscher</a><br>
<div id="Produkt1" style="display : none;">

<div id="pdk1"><a href=javascript:einblenden('Produkt11');>Kationena ustauscher</a><br></div>

<div id="Produkt11" style="display : none;">
<div id="pdk2"><a href="katswsa.htm">schwach - sauer</a><br></div>
<div id="pdk2"><a href="katstsa.htm">stark - sauer</a><br></div>


<div id="pdk1"><a href=javascript:einblenden('Produkt12');>Anionenau stauscher</a><br></div>

<div id="Produkt12" style="display : none;">
<div id="pdk2"><a href="aniswba.htm">schwach - basische</a><br></div>
<div id="pdk2"><a href="anistba.htm">stark - basische</a><br></div>
Hmmm ... ziemlich viel pdk2 ...

Das packt auch ein anionischer exobrauseristischer Maschinist nich
__________________
Grüße aus dem Spessart, Joe

{ table-layout: biertischistbesser; }
Der Mausinator
Mit Zitat antworten
  #5 (permalink)  
Alt 29.10.2007, 23:55
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 29.10.2007
Beiträge: 8
artstrakt befindet sich auf einem aufstrebenden Ast
Standard

Also ich weiß zumindest eins.. am pdk liegts nich ^^
Mit Zitat antworten
  #6 (permalink)  
Alt 29.10.2007, 23:57
Benutzerbild von Scheppertreiber
Chaot und Nonkonformist.
XHTMLforum-Kenner
 
Registriert seit: 13.03.2007
Ort: Steinmark im Spessart
Beiträge: 7.458
Scheppertreiber ist ein LichtblickScheppertreiber ist ein LichtblickScheppertreiber ist ein LichtblickScheppertreiber ist ein LichtblickScheppertreiber ist ein Lichtblick
Standard

Du kannst mehreren Elementen eine Klasse mit class="gugu" zuweisen, eine
id darf in dem Zettel nur genau einmal vorkommen. Der Browser weiß sonst
nicht wer gemeint ist.
__________________
Grüße aus dem Spessart, Joe

{ table-layout: biertischistbesser; }
Der Mausinator
Mit Zitat antworten
  #7 (permalink)  
Alt 29.10.2007, 23:59
Benutzerbild von Timo
table-layout: none;
XHTMLforum-Kenner
 
Registriert seit: 11.11.2006
Beiträge: 5.345
Timo ist ein LichtblickTimo ist ein LichtblickTimo ist ein LichtblickTimo ist ein LichtblickTimo ist ein Lichtblick
Standard

trotzdem MUSS eine id eindeutig sein, das ist bei dir nicht der Fall.

Code:
document.getElementById(div).style
Du übergibst eine ID die es öfters als einmal gibt das geht einfach nicht.

Gruß
Timo

Ps. das Forum ist so toll das hat sogar [CODE][/CODE]-Tags.
__________________
Um weitere Erklärungen eingeblendet zu bekommen, drücken Sie bitte die Tastenkombination Alt + F4
Mit Zitat antworten
  #8 (permalink)  
Alt 30.10.2007, 00:10
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 29.10.2007
Beiträge: 8
artstrakt befindet sich auf einem aufstrebenden Ast
Standard divs

Erstmal danke für deinen Tip aber es funktioniert leider immer noch nicht so.

Code:
<a href=javascript:einblenden('Produkt1');>Ionenaustauscher</a><br>
<div id="Produkt1" style="display : none;">

<a href=javascript:einblenden('Produkt11');>Kationenaustauscher</a><br>
<a href=javascript:einblenden('Produkt12');>Anionenaustauscher</a><br>

<div id="Produkt11" style="display : none;">
<a href="katswsa.htm">schwach - sauer</a><br>
<a href="katstsa.htm">stark - sauer</a><br>

<div id="Produkt12" style="display : none;">
<a href="aniswba.htm">schwach - basische</a><br>
<a href="anistba.htm">stark - basische</a><br>

</div>
</div>
</div>
Hab das <script> auch abgeändert aber wie folgt wenn ich Kationenaustauscher anklicke wird die id 11 unter Anionenaustauscher eingeblendet.


Grüße
Mit Zitat antworten
  #9 (permalink)  
Alt 30.10.2007, 10:00
Benutzerbild von Scheppertreiber
Chaot und Nonkonformist.
XHTMLforum-Kenner
 
Registriert seit: 13.03.2007
Ort: Steinmark im Spessart
Beiträge: 7.458
Scheppertreiber ist ein LichtblickScheppertreiber ist ein LichtblickScheppertreiber ist ein LichtblickScheppertreiber ist ein LichtblickScheppertreiber ist ein Lichtblick
Standard

Dann nimm Dir jetzt mal Dein Javascript vor.

Du kannst nicht einfach schreiben "display: zeigmich;". JD versteht die CSS-
Syntax nun mal nicht.

Hier ein Beispiel aus SelfHTML:
Zitat:
<html><head><title>Test</title>
<script type="text/javascript">
function MachGelb () {
document.all.DynText.style.backgroundColor = "yellow";
document.all.DynText.style.fontSize = "200%";
document.all.DynText.style.padding = "15px";
}
</script>
</head><body>
<p id="DynText">Das ist der Text</p>
<a href="javascript:MachGelb()">gelb</a>
</body></html>
__________________
Grüße aus dem Spessart, Joe

{ table-layout: biertischistbesser; }
Der Mausinator
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 30.10.2007, 11:43
Benutzerbild von protonenbeschleuniger
Verbesserer
XHTMLforum-Kenner
 
Registriert seit: 06.09.2007
Beiträge: 4.977
protonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblick
Standard

document.all ist IE 4 Syntax.
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Unbekannte Anzahl Divs in Liste anordnen und horizontal und vertikal zentrieren Alien CSS 17 20.03.2011 11:23
n Div's in eine Zeile Mustangore CSS 9 20.08.2009 16:19
Höhenanpassung von divs localex CSS 1 21.11.2007 12:25
Divs nebeneinander, aber mittig RomanM CSS 2 24.10.2007 07:32
Browser-Problem bei Positionierung von DIVs mickropixel CSS 3 20.09.2004 17:25


Alle Zeitangaben in WEZ +2. Es ist jetzt 10:53 Uhr.