Archief - HTML: Z-index vs Select item

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
p

passero

Legacy Member
Waarschijnlijk hebben velen onder jullie dit probleem al gemerkt...
Als je een menu hebt die uitschuift (volgens css of JS) en die komt over een dropdownlist dan verdwijnt de menu achter de list.
Ik dacht eerst dat het de z-index was, dus heb ik die aangepast maar dat bleek niet te helpen.
Via google kwam ik ook veel discussies tegen maar niet echt een oplossing...
Misschien hebben jullie hier een oplossing voor?

heb ergens gelezen om via javascript de select te verbergen maar ik vind dat zo geen propere oplossing om eerlijk te zijn :s

EDIT: blijkbaar heeft IE7 daar geen last meer van... Andere browsers wel :s
R

Rvl

Legacy Member
bedoel je bijvoorbeeld dat als je een css menu maakt dat door middel van een hover effect een drop down menu bekomt (door gebruik van javascript).
Als dit dropdown menu over een <select> ... input zou komen zou het dropdown menu zich achter dit select menu verbergen voor een deel (select staat er eigelijk gewoon bovenop dus?
p

passero

Legacy Member
ja idd of als je een div hebt met drag functionaliteit en je sleept die over een <select> dan komt de <select> altijd boven de div te staan.
R

Rvl

Legacy Member
zoiets als www.template-monster.com (als je over de thumb van een layout gaat). Hier verschijnt de uitvergrote thumb toch ook gewoon boven de input / select boxen hoor. Kijk eens naar broncode, mssh vind je daar je antwoord
p

passero

Legacy Member
lap source code van dat deeltje waar die selects instaan lukt niet. Wordt blijkbaar via ajax gedaan waardoor de html weggeschreven wordt via JS in een div...
Bestat er een manier om dat toch op te vragen?
p

passero

Legacy Member
Dat is een normale iv die opgebouwd wordt en innerHTML die gezet wordt maar niets specifieks over die select. Vandaar dat ik de html moet zien waar die select opgebouwd wordt
D

Disa

Legacy Member
Ik had vreemd genoeg net hetzelfde probleem, ik heb er ook nog geen oplossing voor gevonden en heb dan maar de select op invisible geplaatst van zodra het menu openschuift.

D
d

dJeez

Legacy Member
Ze gebruiken op templatemonster.com gewoon een cheap trick. Ze gebruiken een hoge z-index (voor Firefox/Mozilla). Als je de select toegeklapt laat en er dan zo'n preview overzet werkt dat, als je de select echter openklapt alvorens er een preview over te gooien... dan zie je dat het een cheap trick is :p.

Voor IE (en Opera) is het uiteraard weer een voze oplossing, daar zetten ze in de DIV (naast 2 absoluut gepositioneerde divs) nog een iframe die eigenlijk onzichtbaar onder de inhoud komt te staan waardoor de select gedeeltelijk verdwijnt (ook weer tenzij je de select openklapt). Dat laatste zie je duidelijk in de preview_templates.js staan.

Een alternatieve oplossing is een fake select gebruiken die is opgebouwd uit een text box en een DIV : http://webfx.eae.net/dhtml/combobox/combobox.htm (die is al heel oud, zoek anders eens naar wat AJAX autocomplete editboxes voor recentere voorbeelden).
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan