CSS-Problem mit den Auswahlmöglichkeiten

**mv_alex** · 07.05.2010, 12:36

Hallo zusammen,

leider habe ich da ein kleines Design-Problem mit den Auswahlmöglichkeiten unterhalb des Suchfelds. Offenbar erzeugen diese Elemente, obwohl eigentlich auf hidden gesetzt, einen Abstand unterhalb des footer.

Das Problem hatte ich hier schonmal näher beschrieben.

Habt Ihr vielleicht eine Idee, wie man das CSS-technisch in den Griff kriegen könnte?

Würde mich über jede Anregung freuen!

Danke & Gruß
Alex

***xchs*** · 07.05.2010, 14:12

Zitat von leo.unglaub

hast du einen Link wo man sich das mal anschauen kann.

Der Link steht hier im ersten Beitrag.

**mv_alex** · 07.05.2010, 14:31

Ich mein schon!

Sorry, nochmal der Link.

Gruß Alex

**mv_alex** · 07.05.2010, 15:41

Hallo Leo,

naja, schlimm oder kritisch ist der Fehler nicht gerade.

Ist nur schade, dass damit scheinbar grundsätzlich kein StickyFooter-Layout machbar ist. Auch wenn das bei den meisten Seiten sowieso nicht zu sehen ist.

Dass es aber der entscheidende Pixel ist, sieht man, wenn ich das Suchfeld komplett rausnehme, denn dann verschwindet der Scrollbalken.

Meine Idee wäre höchstens noch gewesen, die Codestelle vielleicht seitlich auszublenden, vielleicht mit text-indent oder so ...

Gruß Alex

**mv_alex** · 07.05.2010, 19:26

Hallo Leo,

"Fehler" würde ich es eher nicht nennen, eher "Darstellungsproblem".

Natürlich würde ich Dir auch gerne die passende Lösung präsentieren, aber ich fürchte, das übersteigt meine CSS-Kenntnisse an dieser Stelle etwas. Schreit irgendwie nach einem Hack...

Viele Grüße
Alex

**xtra** · 07.05.2010, 21:33

Warum denn bitte ein Bug?
Der AC verhaelt sich so wie man ihn konfiguriert.

Gehe in die Einstellungen des Autocompleters und aktiviere bei den Experteneinstellungen die Option "relative", dann wird die Liste direkt nach dem Eingabefeld in den DOM eingebaut und dein Problem sollte behoben sein.

Gruss
Chris (der andere Developer von dem Dingens welches er auf seiner eigenen Seite genau so eingebaut hat.)

**mv_alex** · 08.05.2010, 13:49

Ich hab nie von einem "Bug" gesprochen - nur dass ich ein Problem mit dem CSS hab.

Daran ändert sich mit dieser Einstellung jetzt spontan übrigens nichts. Außer, dass das Auswahlfeld nach links verschoben wird. Der Scollbalken erscheint weiterhin beim Laden der Seite und verschwindet, wenn das Feld erscheint.

Gruß Alex

**xtra** · 08.05.2010, 14:08

Also auf meiner Seite funzt das tadellos, damit wandert die Liste direkt hinter das Eingabefeld, was sie bei dir auch tun sollte...

Aktuell ist sie bei dir jedoch deaktiviert und ich kann daher nicht nachvollziehen was da dann noch schief geht.

PS: Ich habe dir nirgendwo unterstellt dass du es als Bug bezeichnet hast. Ich meinte Leo mit seiner Aussage, dass es ein Fehler sei. Mea Culpa wegen ungenauer Ausdrucksweise.

Gruss
Chris

**mv_alex** · 08.05.2010, 14:19

Ist sie nicht!!?

Die ist aktiv und bei mir funktioniert sie aktuell auch, getestet mit IE6, IE8, FF 3.6.3. Ist auf drei Zeichen Mindesteingabe gestellt.

*wunder*

Gruß Alex

**xtra** · 08.05.2010, 14:27

Zitat von mv_alex

Ist sie nicht!!?

Die ist aktiv und bei mir funktioniert sie aktuell auch, getestet mit IE6, IE8, FF 3.6.3. Ist auf drei Zeichen Mindesteingabe gestellt.

Ich sprach von der Einstellung "relative", die scheint bei dir deaktiviert zu sein. zumindest meint das die Position der liste im DOM und die Optionsliste im Javascript im Head bereich.
Bei dir steht:

HTML-Code:

<script type="text/javascript">/* <![CDATA[ */ 
document.addEvent('domready',function(){new Autocompleter.Request.JSON('ac_keywords30',
'ajax.php?req_script=ac_auto_completer&hook=searchindex&searchmodid=30',
{minLength:2,indicatorClass:'autocompleter-loading'});}); /* ]]> */</script>

wohingegen folgendes stehen sollte:

HTML-Code:

<script type="text/javascript">/* <![CDATA[ */ 
document.addEvent('domready',function(){new Autocompleter.Request.JSON('ac_keywords30',
'ajax.php?req_script=ac_auto_completer&hook=searchindex&searchmodid=30',
{minLength:2,relative:true,indicatorClass:'autocompleter-loading'});}); /* ]]> */</script>

Ich geb dir als Beispiel noch eben meine Experteneinstellungen von meiner Seite, evtl. ist dir dann etwas geholfen an was du drehen kannst und willst:

Code:

minLength:2,
zIndex:500,
autoSubmit:true,
overflow:true,
selectFirst:true,
filterCase:true,
filterSubset:true,
forceSelect:true,
multiple:true,
autoTrim:true,
allowDupes:true,
relative:true,
indicatorClass:'autocompleter-loading'

Gruss
Chris

**mv_alex** · 08.05.2010, 14:47

Ach, die Einstellung ... Jag mir doch nicht so einen Schreck ein.

Ich glaub, da steckt jetzt noch ein anderes Problem dahinter. Offenbar übernimmt das Suchfeld die globalen Einstellungen nicht; auch nicht, als ich das Modul gelöscht und neu angelegt hab.

Hatte dann die Cache-Funktion (des AC) in Verdacht, kann sie aber nicht deaktivieren - nach jedem Speichern steht sie wieder auf "ja".

Ob ich die ganze Extension nochmal neu installieren soll?

Gruß Alex

***xchs*** · 08.05.2010, 15:07

Wo stellst Du denn das ein: In den TYPOlight Einstellungen oder im betreffenden Modul? Wenn ich mich recht erinnere, dann gibt es da diese zwei Möglichkeiten...

**mv_alex** · 08.05.2010, 15:19

In den globalen TL-Einstellungen; und habe drauf geachtet, dass diese im Modul nicht überschrieben werden.

Gruß Alex

***xchs*** · 08.05.2010, 15:28

Zitat von mv_alex

In den globalen TL-Einstellungen; und habe drauf geachtet, dass diese im Modul nicht überschrieben werden.

Werden diese Einstellungen, die Du dort machst, dann eigentlich auch in die "localconfig.php" geschrieben? Wenn ja, stehen dort dann Deine ev. gemachten Änderungen?

**mv_alex** · 08.05.2010, 15:43

Ja, sieht so aus:

PHP-Code:


$GLOBALS['TL_CONFIG']['auto_completer_expert_settings'] = true;

$GLOBALS['TL_CONFIG']['auto_completer_mark_query'] = true;

$GLOBALS['TL_CONFIG']['auto_completer_width'] = 'inherit';

$GLOBALS['TL_CONFIG']['auto_completer_inject_choice'] = 'null';

$GLOBALS['TL_CONFIG']['auto_completer_custom_choices'] = 'null';

$GLOBALS['TL_CONFIG']['auto_completer_empty_choises'] = 'null';

$GLOBALS['TL_CONFIG']['auto_completer_visible_choises'] = true;

$GLOBALS['TL_CONFIG']['auto_completer_class_name'] = 'autocompleter-choices';

$GLOBALS['TL_CONFIG']['auto_completer_z_index'] = 42;

$GLOBALS['TL_CONFIG']['auto_completer_delay'] = 400;

$GLOBALS['TL_CONFIG']['auto_completer_overflow_margin'] = 25;

$GLOBALS['TL_CONFIG']['auto_completer_filter'] = 'null';

$GLOBALS['TL_CONFIG']['auto_completer_select_mode'] = true;

$GLOBALS['TL_CONFIG']['auto_completer_choices_match'] = 'null';

$GLOBALS['TL_CONFIG']['auto_completer_multiple'] = true;

$GLOBALS['TL_CONFIG']['auto_completer_cache'] = true;

$GLOBALS['TL_CONFIG']['auto_completer_relative'] = 1;

Bloß dass ich das $GLOBALS['TL_CONFIG']['auto_completer_cache'] = true; nicht geändert kriege.

Gruß Alex

***xchs*** · 08.05.2010, 16:22

Und im Seitenquelltext wird die Eigenschaft "relative" nicht im entsprechenden Konfigurationsteil des Skriptes übernommen, so wie es xtra oben schon gepostet hatte? Den TYPOlight-Cache wirst Du wohl geleert haben, sofern Du Caching verwendest oder?

**mv_alex** · 08.05.2010, 17:00

Zitat von xchs

Und im Seitenquelltext wird die Eigenschaft "relative" nicht im entsprechenden Konfigurationsteil des Skriptes übernommen, so wie es xtra oben schon gepostet hatte?

Nein, wird es nicht. Obiger Link und der Auszug aus der localconfig.php sind der aktuelle Stand.

Zitat von xchs

Den TYPOlight-Cache wirst Du wohl geleert haben, sofern Du Caching verwendest oder?

Den Cache verwende ich nicht, habe ihn über die Systemwartung aber trotzdem noch mehrfach geleert.

Gruß Alex

**mv_alex** · 10.05.2010, 10:51

Moin!

Habe die Extension nochmal komplett gelöscht, auch die betreffenden Module. Dann per Hand alle Einträge aus der localconfig.php gelöscht.

Dann die Extension neu installiert und neue Module angelegt. Trotzdem will der Parameter "relative" einfach nicht erscheinen. In der localconfig.php ist definitiv $GLOBALS['TL_CONFIG']['auto_completer_relative'] = 1; gesetzt.

Habt Ihr noch eine Idee?

Gruß Alex

**mv_alex** · 17.05.2010, 16:38

Wieso heißt es eigentlich

$GLOBALS['TL_CONFIG']['auto_completer_cache'] = true;

aber

$GLOBALS['TL_CONFIG']['auto_completer_relative'] = 1;

?

Gruß Alex

**mv_alex** · 20.05.2010, 12:23

Verstehe - dachte, da wär bei mir vielleicht was schiefgelaufen.

Gute Besserung!

Gruß Alex

**mv_alex** · 06.07.2010, 11:55

Habe jetzt mal testweise die globalen Einstellungen für das Suchfeld überschreiben lassen. Und siehe da, jetzt erscheint im Quelltext:

HTML-Code:

<script type="text/javascript">/* <![CDATA[ */ document.addEvent('domready',function(){new Autocompleter.Request.JSON('ac_keywords47','ajax.php?req_script=ac_auto_completer&hook=searchindex&searchmodid=47',{minLength:3,autoSubmit:true,multiple:true,relative:true,indicatorClass:'autocompleter-loading'});}); /* ]]> */</script>

Nun zerschießt es mir auch nicht mehr meine StickyFooter-Lösung.

Leider werden aber auch die Vorschläge nicht mehr angezeigt. Es "zuckt" zwar etwas, aber es öffnet sich kein Feld. Vielleicht aber wird es auch nur hinter irgendeinem Element versteckt - ich wüsste bloß nicht warum.

Gruß Alex