phpwcms Support Forum

Wie bekomme ich eine id in den (ersten) ul tag?
Ich hätte gerne sowas wie

<ul class="nav nav-pills nav-main" id="topMain">

erreicht.
Versucht habe ich es mit diversen kleinen JSsen, aber nada

Oder gibt nav_list_ul sowas her und ich weiß es nur nicht?

EDIT: Ich könnte versuchen, das mit frontend_render zu lösen... hmmm... mal sehen...

update wrote: Oder gibt nav_list_ul sowas her und ich weiß es nur nicht?

aus der doku.
6. id ul_id_name

natürlich gibt es ID her.

menu_type,
start_id,
max_level_depth,
class_path|ul_class_level1|ul_class_level2|...,
class_active_li|class_active_a,
ul_id_name,
wrap_ul_div(0 = off, 1 = <div>, 2 = <div id="">, 3 = <div class="navLevel-0">),
wrap_link_text(<em>|</em>),
articlemenu_start_level|articlemenu_list_image_size (WxHxCROP OR WxHxCROP)|articlemenu_use_text (take text from: description:MAXLEN OR menutitle:MAXLEN OR teaser:MAXLEN OR teaser:HTML)|articlemenu_position (inside|outside)|<custom>[TEXT]{TEXT}[/TEXT][IMAGE]<img src="{IMAGE}" alt="{IMAGE_NAME}">[/IMAGE]</custom>

"id topMain" gibt mir immer id="topMain"? Oder eher id="topMain33/34/45"? Ich probier das.
Die Doku habe ich gelesen

aber das hat sich mir (noch) nicht erschlossen...

daraus wird: ul_id_name_LevelID also id="topMain_0". Besser aber keine CamelCase für id-Attribut, sondern top-main oder top_main, wobei logischer nav-main-top.

Ich habs jetzt so gemacht wie vorgeschlagen, allerdings wollte es nicht mit dem neu gebauten CSS funken, weiß der Geier. Hab dann mit Jquery

Code: Select all

<!-- JS:
$(document).ready(function(){
$('#nav-main-top_0').attr('id','topMain');
});
-->

die neue id umgewürgt auf dieses (lauffähige) topMain (ja, ich habs registriert

) und jetzt geht es erstmal wie gewollt

Muss später da noch mal reinschauen, was da hakt.

sorry, was für ein Quatsch! id wird mit id ersetzt, was soll das denn? Wie wäre es, Dein CSS umzubauen?

Code: Select all

#topMain { -> #nav-main-top_0 {

Oliver Georgi wrote:sorry, was für ein Quatsch!

Ich gebe Dir recht, das ist Quatsch, aber es wollte trotz des CSS- und JS-Umbaus einfach nicht funktionieren und weil ich den Fehler noch nicht finden konnte, habe ich (erstmal) zu dieser Notmaßnahme gegriffen.

ich vermute mal, Du hast etliche gedankliche Fehler in Deinem Konstrukt

update wrote: EDIT: Ich könnte versuchen, das mit frontend_render zu lösen... hmmm... mal sehen...

Ich stand vor ein paar Tagen vor dem gleichen Problem und habe es dann mit frontend_render gelöst. (Seite ist noch nicht freigegeben und kann ich daher noch nicht zeigen.)

Das hier steht bei mir im Template:

Code: Select all

{#nav}{NAV_LIST_UL:,0,2,aktiv}

Und hier die PHP-Datei in frontend_render:

Code: Select all

<?php
// ----------------------------------------------------------------
// obligate check for phpwcms constants
if (!defined('PHPWCMS_ROOT')) {
   die("You Cannot Access This Script Directly, Have a Nice Day."); }
// ----------------------------------------------------------------

// Navigation mit ID ergaenzen

$content["all"] = str_replace('{#nav}
<ul>', '<ul id="nav">', $content["all"]);

// IE-Ergaenzung fuer Touch-Bedienung

$content["all"] = str_replace('li class="sub_ul', 'li aria-haspopup="true" class="sub_ul', $content["all"]);

$content["all"] = str_replace('<ul>
		<li class="sub_no sub_first', '<ul aria-haspopup="false">
		<li class="sub_no sub_first', $content["all"]);

?>

Die zweite Ergänzung mit "aria-haspopup=..." ist für die Touch-Bedienung im IE. Dem muss man bei Dropdown-Menüs leider etwas nachhelfen, damit die Patsche-Finger ohne JavaScript an die Unterpunkte kommen.

Das hier wird dann ausgespuckt:

Code: Select all

    <ul id="nav">
	<li aria-haspopup="true" class="sub_ul sub_first"><a href="leistungen.html" title="Leistungen">Leistungen</a>
	<ul aria-haspopup="false">
		<li class="sub_no sub_first"><a href="leistungen.html" title="Warum ich eine gute Wahl bin.">Warum ich eine gute Wahl bin.</a></li>
		<li class="sub_no"><a href="immobilienbewertung.html" title="Immobilienbewertung">Immobilienbewertung</a></li>
		<li class="sub_no sub_last"><a href="verkaeufer.html" title="Verkäufer willkommen!">Verkäufer willkommen!</a></li>
	</ul>
	</li>
	...

Ich verstehe wirklich Euer Problem nicht, die ID-Bezeichnung ist so unwichtig, ob man nun #nav oder #nav_0 ansprechen muss. Eindeutiger geht es nicht.

Ob das nun nav oder nav_0 heißt, ist so Jacke wie Hose. Beim Rest, wer es braucht…

Mit "nav_0" geht das natürlich auch. Mich stört dabei nur, dass sich dadurch so viele weitere (überflüssige) IDs bei den Unterpunkten anhäufen.
Mit dem Script bleibt der HTML-Code ein wenig übersichtlicher - und da ich für die Ergänzung für das "aria-haspopup=..." keine andere Möglichkeit gesehen habe, stört mich die Kleinigkeit mehr auch nicht weiter.

Oliver Georgi wrote:Ich verstehe wirklich Euer Problem nicht

Das Problem: Auf die Schnelle wollte das mit der Ansprache nicht, da brauchte ich eine funktionierende schnelle Zwischenlösung, um weiterarbeiten zu können. Mir ist schon klar, dass das funktionieren muss und wird: Wenn ich den gerenderten Code zB als hardcoded Version ins Template packe, funktioniert es ja schon ... kann also nur eine Klenigkeit sein, irgendwas wird wohl zur Unzeit eingebunden oder so...
- wobei ich der fe-render-Version grundsätzlich schon was abgewinnen könnte

EDIT: Also mich stören ein paar mehr classes nicht - man weiß ja nie, ob man das nicht doch mal brauchen kann

ob im id-Attribut was drinsteht oder nicht, ist dem Browser egal, denn angelegt wird es auf jeden Fall

Wenn ich sowas habe

Code: Select all

<ul class="side-nav list-group" id="sidebar-nav">

	<li class="list-group-item list-toggle active">
		<a data-toggle="collapse" data-parent="#sidebar-nav" href="#collapse-1">SchokoSchoko</a>
		<ul id="collapse-1" class="collapse in">
			<li><a href="milch-und-sahne.html"><i class="fa fa-angle-right"></i>Milch und Sahne</a></li>
			<li><a href="kakao.html"><i class="fa fa-angle-right"></i>Kakao</a></li>
			<li class="active"><a href="nussmehl.html"><i class="fa fa-angle-right"></i>Nussmehl</a></li>
		</ul>
	</li>

	<li class="list-group-item list-toggle">
		<a data-toggle="collapse" data-parent="#sidebar-nav" href="#collapse-2">Müsli Generation</a>
		<ul id="collapse-2" class="collapse">
			<li><a href="getreide.html"><i class="fa fa-angle-right"></i>Getreide</a></li>
			<li><a href="nuesse.html"><i class="fa fa-angle-right"></i>Nüsse</a></li>
			<li><a href="rosinen.html"><i class="fa fa-angle-right"></i>Rosinen</a></li>
			<li><a href="kuerbiskerne.html"><i class="fa fa-angle-right"></i>Kürbiskerne</a></li>
		</ul>
	</li>

	<li class="list-group-item"><a href="vorbereitung.html">Vorbereitung</a></li>
	<li class="list-group-item"><a href="zubereitung.html">Zubereitung</a></li>
	<li class="list-group-item"><a href="nachbereitung">Nachbereitung</a></li>

</ul>

wie würde dann die nav_list_ul-Anweisung für bootstrap aussehen?
Oder etwaige zusätzliche Anweisungen in der custom.settings.php?
Ich habs bald, bräuchte aber noch so einen kleinen Kick...

phpwcms Support Forum

id= in den ul tag

id= in den ul tag

Re: id= in den ul tag

Re: id= in den ul tag

Re: id= in den ul tag

Re: id= in den ul tag

Re: id= in den ul tag

Re: id= in den ul tag

Re: id= in den ul tag

Re: id= in den ul tag

Re: id= in den ul tag

Re: id= in den ul tag

Re: id= in den ul tag

Re: id= in den ul tag

Re: id= in den ul tag

Re: id= in den ul tag