Autocomplete langer maken
Hallo allemaal,
Zal maar meteen met de deur in huis vallen. Ik heb een autocomplete functie op deze pagina. Ik maak gebruik van de combinatie Prototype en Scriptaculous om deze autocompleter te kunnen maken.
Alles werk goed, maar er is één klein aspect dat mij irriteert. Wanneer je op titel zoekt met als zoek-woord: 'whe', dan gaat de autocomplete functie matchen op 'whe'. Dat is goed, maar de div die de inhoud bevat van de resultaten kan de lengte van de resultaten niet aan. Wat de div dus doet is het verkeer weergeven, want du komen twee resultaten door elkaar heen.
Ik heb geprobeert om inline en via css de breedte van de div (id="list") te wijzigen, maar de autocomplete functie past vervolgens automatisch de breedte aan, aan de lengte van het input vakje.
Nu is mijn vraag: Kent er iemand een 'hack' o.i.d. die dit tegen gaat? Of is er een andere optie om dit efficiënt doch netjes op te lossen. Zat zelf namelijk te denken aan een character limiter, maar weet niet of dat een goed idee is?
Mvg,
GaMer13
Zal maar meteen met de deur in huis vallen. Ik heb een autocomplete functie op deze pagina. Ik maak gebruik van de combinatie Prototype en Scriptaculous om deze autocompleter te kunnen maken.
Alles werk goed, maar er is één klein aspect dat mij irriteert. Wanneer je op titel zoekt met als zoek-woord: 'whe', dan gaat de autocomplete functie matchen op 'whe'. Dat is goed, maar de div die de inhoud bevat van de resultaten kan de lengte van de resultaten niet aan. Wat de div dus doet is het verkeer weergeven, want du komen twee resultaten door elkaar heen.
Ik heb geprobeert om inline en via css de breedte van de div (id="list") te wijzigen, maar de autocomplete functie past vervolgens automatisch de breedte aan, aan de lengte van het input vakje.
Nu is mijn vraag: Kent er iemand een 'hack' o.i.d. die dit tegen gaat? Of is er een andere optie om dit efficiënt doch netjes op te lossen. Zat zelf namelijk te denken aan een character limiter, maar weet niet of dat een goed idee is?
Mvg,
GaMer13
Gesponsorde koppelingen:
Heb de oplossing gevonden. In het bestand "controls.js" van scriptaculous staat op regel 69: setHeight: false,. Na die regel moet je neerzetten: setWidth: false,
De CSS krijgt nu controle over de breedte van de lijst div.
Gewijzigd op 01/01/1970 01:00:00 door GaMer B



