Seite 1 von 2
bei navi erstellung immer probleme
Verfasst: Fr 23. Jan 2015, 12:30
von zbmicha
Hi leuts
für mich ist immer noch das schwerste an webedition die navis umzusetzen.
aktuell hab ich folgende html strucktur:
Code: Alles auswählen
<div id="mainNav" class="mainNavi trans">
<ul>
<li><a data-scroll data-options='{ "easing": "easeInQuad" }' href="#uberMich">Über mich</a></li>
<li class="beratungButt"><a href="#">Beratung</a></li>
<li class="mainNavSec"><a data-scroll data-options='{ "easing": "easeInQuad" }' href="#beratung" onClick="javascript:goToSlide(0);">Unterpunkt 1</a></li>
<li class="mainNavSec"><a data-scroll data-options='{ "easing": "easeInQuad" }' href="#beratung" onClick="javascript:goToSlide(1);">Unterpunkt 2</a></li>
<li class="mainNavSec"><a data-scroll data-options='{ "easing": "easeInQuad" }' href="#beratung" onClick="javascript:goToSlide(2);">Unterpunkt 3</a></li>
<li class="mainNavSec"><a data-scroll data-options='{ "easing": "easeInQuad" }' href="#beratung" onClick="javascript:goToSlide(3);">Unterpunkt 4</a></li>
<li><a data-scroll data-options='{ "easing": "easeInQuad" }' href="#kontakt">Kontakt</a></li>
</ul>
</div>
hab jetzt versucht wie folgt umzusetzen - haut aber net hin und ich ckecks net.
Code: Alles auswählen
<we:navigation navigationname="heimEnergieNav" parentid="269" />
<we:navigationEntry type="folder" navigationname="heimEnergieNav">
<li><a data-scroll data-options='{ "easing": "easeInQuad" }' href='<we:navigationField name="href" />'><we:navigationField name="text" /></a></li>
</we:navigationEntry>
<we:navigationEntry position="2" type="folder" navigationname="weigel_navigation">
<li class="beratungButt"><a href="#"><we:navigationField name="text" /></a></li>
</we:navigationEntry>
<we:ifHasEntries>
<li class="mainNavSec"><a data-scroll data-options='{ "easing": "easeInQuad" }' href='<we:navigationField name="href" />' onClick='javascript:goToSlide(0);'><we:navigationField name="text" /></a></li>
</we:ifHasEntries>
<we:navigationWrite navigationname="heimEnergieNav" />
mein navi modul hab ich mit ordner aufgebaut und sieht wie folgt aus:
Über mich
Beratung (is nur ein Button der bei klick unternavi ausfährt - hat auch ne eigene class)
Unterpunkt 1 (die Unterpunkte haben allen unterschiedliche Nummern in der onclick Funktion)
Unterpunkt 2
Unterpunkt 3
Unterpunkt 4
Kontakt
kann mir mal jemand bitte helfen.
lg
Micha
Re: bei navi erstellung immer probleme
Verfasst: Fr 23. Jan 2015, 12:38
von e_herrmann
Hi,
da stimmt ja noch nicht mal das html. Für die 2. Ebene braucht es doch noch ul-Tags.
Mit "haut aber net hin und ich ckecks net" kann dir keiner helfen. Du musst schon etwas mehr einbringen, um dein Problem anderen darzustellen. Mit Text, Screenshots, einem Link, etc.
Grüße Elko
Re: bei navi erstellung immer probleme
Verfasst: Fr 23. Jan 2015, 12:59
von zbmicha
mal ne andere frage. man kann ja mit position nen eintrag anders gestalten. Kann man auch irgendwie sagen: wenn der navigationfieldname == beratung ist - gib es so aus.
der 2. eintrag ist beratung und hat ne class. kann aber sein das irgendwann vor beratung noch ein navieintrag kommt. somit würde es nicht mehr funktionieren wenn ich position 2 nen anderen aufbau geben. darum würde ich gerne die über ne abfrage mit dem fieldnamen machen. geht so was ?
lg
micha
@Elko
vielen dank für deine antwort. ich möchte mich jetzt schritt für schritt an die sache annähern. wäre cool wenn du mir erst diese frage beantworten könntest. dann komm ich schon hi wo ich will.
Re: bei navi erstellung immer probleme
Verfasst: Fr 23. Jan 2015, 13:18
von zbmicha
ok - habs jetzt wie folgt gemacht:
Code: Alles auswählen
<div id="mainNav" class="mainNavi trans">
<ul>
<we:navigation navigationname="heimEnergieNav" parentid="286" />
<we:navigationEntry type="folder" navigationname="heimEnergieNav">
<li><a data-scroll data-options='{ "easing": "easeInQuad" }' href='<we:navigationField name="href" />'><we:navigationField name="text" /></a></li>
</we:navigationEntry>
<we:navigationEntry position="2" type="folder" navigationname="heimEnergieNav">
<li class="beratungButt"><a data-scroll data-options='{ "easing": "easeInQuad" }' href='<we:navigationField name="href" />'><we:navigationField name="text" /></a></li>
</we:navigationEntry>
<we:navigationEntry position="3" type="folder" navigationname="heimEnergieNav">
<li class="mainNavSec"><a data-scroll data-options='{ "easing": "easeInQuad" }' href='<we:navigationField name="href" />' onClick="javascript:goToSlide(0);"><we:navigationField name="text" /></a></li>
</we:navigationEntry>
<we:navigationEntry position="4" type="folder" navigationname="heimEnergieNav">
<li class="mainNavSec"><a data-scroll data-options='{ "easing": "easeInQuad" }' href='<we:navigationField name="href" />' onClick="javascript:goToSlide(1);"><we:navigationField name="text" /></a></li>
</we:navigationEntry>
<we:navigationEntry position="5" type="folder" navigationname="heimEnergieNav">
<li class="mainNavSec"><a data-scroll data-options='{ "easing": "easeInQuad" }' href='<we:navigationField name="href" />' onClick="javascript:goToSlide(2);"><we:navigationField name="text" /></a></li>
</we:navigationEntry>
<we:navigationEntry position="6" type="folder" navigationname="heimEnergieNav">
<li class="mainNavSec"><a data-scroll data-options='{ "easing": "easeInQuad" }' href='<we:navigationField name="href" />' onClick="javascript:goToSlide(3);"><we:navigationField name="text" /></a></li>
</we:navigationEntry>
<we:navigationWrite navigationname="heimEnergieNav" />
</ul>
</div>
ist natürlich nicht so schön. besonders wenn vor beratung noch ein eintrag hinzugefügt wird., funktioniert das ganze ja nimmer. wie kann man sowas lösen.
lg
micha
Re: bei navi erstellung immer probleme
Verfasst: Fr 23. Jan 2015, 13:27
von e_herrmann
du kannst die css-Klasse auch direkt im Navitool angeben. Link-Eigenschaften einblenden, dort unter Link Attribute (z.B. id="1", class=, ..) eingeben.
Du kannst aber auch, deinen Navi-Eintrag in eine globale-Variable speichern und dann mit ifVar abfragen. Dann kannst du auch komplexere Sachen anzeigen.
Für deinen Fall würde ich Variante 1 empfehlen. Die Klasse steht dann aber im a-Tag, nicht im li-Tag.
Grüße Elko
Re: bei navi erstellung immer probleme
Verfasst: Fr 23. Jan 2015, 13:30
von zbmicha
danke Elko !!
werde ich gleich mal probieren.
lg
micha
Re: bei navi erstellung immer probleme
Verfasst: Fr 23. Jan 2015, 13:40
von zbmicha
http://img3.fotos-hochladen.net/uploads ... pomqkd.png
hab es jetzt so gemacht, aber es passiert nix.
was is falsch ?
lg
Micha
Re: bei navi erstellung immer probleme
Verfasst: Fr 23. Jan 2015, 13:42
von AndreasWitt
... nutzt du denn auch das Feld aus den Linzeigenschaften per <we:navigationField/> ?
Re: bei navi erstellung immer probleme
Verfasst: Fr 23. Jan 2015, 13:43
von e_herrmann
was heißt denn passiert nix, hat keine Auswirkung, oder kommt nicht im Quelltext an?
Wie sieht denn das generierte html an der Stelle aus?
Re: bei navi erstellung immer probleme
Verfasst: Fr 23. Jan 2015, 13:45
von e_herrmann
ahh, Andreas hat recht, du baust ja deinen Link aus Einzelteilen zusammen, da musst den Teil für die class auch hinzufügen!
Re: bei navi erstellung immer probleme
Verfasst: Fr 23. Jan 2015, 13:48
von zbmicha
hmmm. habs so gemacht. geht aber net. weis net wie ich we sagen kann das er class nehmen soll
yo - kommt nix am quelltext an. im quelltext steht:
Re: bei navi erstellung immer probleme
Verfasst: Fr 23. Jan 2015, 13:55
von e_herrmann
ups, ein spezielles class-Attribut gibt's ja gar nicht. Nimm doch mal ein anderes, rel, oder id und probier das mal damit.
Warum es class nicht gibt, erschließt sich mir nicht.
Re: bei navi erstellung immer probleme
Verfasst: Fr 23. Jan 2015, 13:58
von zbmicha
bei rel kommt nix und bei id kommt die nummer des eintrages.
seid ihr sicher das man hier classes angeben kann ?
lg
Micha
Re: bei navi erstellung immer probleme
Verfasst: Fr 23. Jan 2015, 13:59
von AndreasWitt
... zeig mal noch mal deinen aktuellen Code.
Re: bei navi erstellung immer probleme
Verfasst: Fr 23. Jan 2015, 14:05
von zbmicha
Code: Alles auswählen
<div id="mainNav" class="mainNavi trans">
<ul>
<we:navigation navigationname="heimEnergieNav" parentid="286" />
<we:navigationEntry type="folder" navigationname="heimEnergieNav">
<li><a data-scroll data-options='{ "easing": "easeInQuad" }' href='<we:navigationField name="href" />'><we:navigationField name="text" /></a></li>
</we:navigationEntry>
<we:navigationEntry position="2" type="folder" navigationname="heimEnergieNav">
<li class="beratungButt"><a data-scroll data-options='{ "easing": "easeInQuad" }' href='<we:navigationField name="href" />'><we:navigationField name="text" /></a></li>
</we:navigationEntry>
<we:navigationEntry position="3" type="folder" navigationname="heimEnergieNav">
<li class="mainNavSec"><a data-scroll data-options='{ "easing": "easeInQuad" }' href='<we:navigationField name="href" />' onClick="javascript:goToSlide(0);"><we:navigationField name="text" /></a></li>
</we:navigationEntry>
<we:navigationEntry position="4" type="folder" navigationname="heimEnergieNav">
<li class="mainNavSec"><a data-scroll data-options='{ "easing": "easeInQuad" }' href='<we:navigationField name="href" />' onClick="javascript:goToSlide(1);"><we:navigationField name="text" /></a></li>
</we:navigationEntry>
<we:navigationEntry position="5" type="folder" navigationname="heimEnergieNav">
<li class="mainNavSec"><a data-scroll data-options='{ "easing": "easeInQuad" }' href='<we:navigationField name="href" />' onClick="javascript:goToSlide(2);"><we:navigationField name="text" /></a></li>
</we:navigationEntry>
<we:navigationEntry position="6" type="folder" navigationname="heimEnergieNav">
<li class="mainNavSec"><a data-scroll data-options='{ "easing": "easeInQuad" }' href='<we:navigationField name="href" />' onClick="javascript:goToSlide(3);"><we:navigationField name="text" /></a></li>
</we:navigationEntry>
<we:navigationWrite navigationname="heimEnergieNav" />
</ul>
</div>
an der position2 soll die class = beratungButt
an der position3 soll die class = mainNavSec und onClick="javascript:goToSlide(0);"
an der position4 soll die class = mainNavSec und onClick="javascript:goToSlide(1);"
an der position5 soll die class = mainNavSec und onClick="javascript:goToSlide(2);"
an der position6 soll die class = mainNavSec und onClick="javascript:goToSlide(3);"
würde halt gerne ohne position arbeiten, da es vll sein kann das zu nem späterem zeitpunkt vor dem Navipunkt Beratung noch ein neuer Eintrag gemacht wird und somit würde das ganze ja nimmer funktionieren.
lg
Micha
