T&R splet blog o spletnih storitvah. Razgaljamo tehnologijo!

reference spletnih strani
23rd October

Select – dropdown – width – internet explorer

HTML select seznam se v Internet explorerju ne prilagaja vsebini, ampak je vedno enako širok. Firefox za razliko lepo opravi z različno dolgo vsebino in je spustni seznam širok enako kot je široka najširša opcija. Obstaja pa kar nekaj rešitev kako dodati to funkcionalnost tudi v Internet Explorer brskalniku.

Yahoo – fix select ie width

[html]

[/html]
[javascript]
// Implementiramo Yahoo IE select width fix na vse drop down – select elemente
jQuery(document).ready(function(){
if (jQuery.browser.msie) {
jQuery(“select”).each(function(){
new YAHOO.Hack.FixIESelectWidth(this.id);
});
}
});
[/javascript]
Primer inštalacije ter vse potrebne skripte dobite na demo spletni strani. V primeru uporabe te rešitve vas zna motiti sprožitev focus eventa ob preletu miške (onmouseover) preko select HTML elementa. Slaba lastnost tega je, da se zaradi focus eventa sproži scrolling v IE 6,7,8 brskalnikih, kar zna biti neugodno pri daljših vsebinah. Na srečo je popravek enostaven, pojdite v ie-select-width-fix.js skripto ter zakomentiraje el.focus(); vrstico.

jQuery rešitev:

[javascript]
$(“#dropdown”).mousedown(function(){
if($.browser.msie) {
$(this).css(“width”,”auto”);
}
});
$(“#dropdown”).change(function(){
if ($.browser.msie) {
$(this).css(“width”,”175px”);
}
});
[/javascript]

Rešitev brez uporabe javascript knjižnic

[html]




[/html]

Dodatne informacije


Dodaj komentar

You must be logged in to post a comment.