Ha túl sok eredményt kapunk az ajaxos autocomplete mezőnkbe, akkor célszerű gördítősávot rakni rá. Ezt egyszerűen megtehetjük, első lépésként kell egy olyan CSS, ami igény esetén rendelkezik scrollbarral, és fix magassága van:
div.autocomplete ul {
height: 15em;
overflow:auto;
}
A következő lépésben keressük meg a controls.js -t, és a 194. sor körül módosítsuk a kódot (adjuk hozzá a vastag szöveget):
render: function() {
if(this.entryCount > 0) {
for (var i = 0; i < this.entryCount; i++)
this.index==i ?
Element.addClassName(this.getEntry(i),"selected") :
Element.removeClassName(this.getEntry(i),"selected");
if (this.index == i) {
var element = this.getEntry(i);
element.scrollIntoView(false);
}
if(this.hasFocus) {
this.show();
this.active = true;
}
} else {
this.active = false;
this.hide();
}
},
És láss csodát kész a normális doboz...
(Lehet én vagyo béna, de soha nem sikerül rendes kódot kirakni WPvel. Ha átírom a html kódot, akkor is elbassza. Köcsög ez. Faszom.)
0 Comments.