Archief - Inputs niet aanklikbaar

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.
B

Bram

Legacy Member
Hello all

Ik zit met een heel rare HTML/CSS/Javascript bug die ik niet kan traceren. In de hoop dat iemand het probleem herkent, post ik het hier:

Ik heb een pagina waarin ik met een knop een jquery $.post() uitvoer. Het resultaat van die call is een hoop HTML (een formulier dat ook op een andere pagina gebruikt wordt). Opmerking: in deze HTML staat ook een <script> tag.

Vervolgens plaats ik die HTML in een div en toon die div met een jQuery UI dialog. Ik voer ook een aantal javascript functies (opnieuw) uit, om TinyMCE en Uploadify opnieuw te initialiseren. (opmerking: deze in commentaar zetten doet niets aan het probleem). Dit geheel lijkt correct te werken: het formulier wordt weergegeven hoe het moet, ik krijg geen javascript fouten in Firebug, mijn TinyMCE velden worden ingeladen en ik kan ze editeren, ik kan de selects openvouwen...

Dat werkt allemaal, BEHALVE input velden. Als ik met mijn muis over een input of textarea ga, krijg ik wel een hover effect, maar ik kan ze niet aanklikken (dus geen tekst in invoeren, noch in input, noch in textarea; geen checkbox aanvinken...).

Ik vermoed bijna dat het ergens zal te maken hebben met slechte HTML die via de Ajax komt, maar ik heb hier heel weinig controle over :s

Iemand die dit herkent?
W

W0utR

Legacy Member
Heb je een link naar de website? Of kan je het probleem even namaken?
Dat is net wat makkelijker om het probleem op te sporen.

Ik denk niet dat het aan slechte HTML zal liggen. (Je kan altijd de AJAX response is posten)
B

Bram

Legacy Member
Ik kan jammer genoeg geen code posten/tonen (werkgever).

Ik ben wat verder aan het graven en merk nu het volgende:

In het formulier dat ik terug krijg zitten twee sets inputs, elk in hun eigen div. Als ik de wrappende div van de tweede set verwijder, werken de inputs wel weer. Mijn vermoeden dat het aan html ligt, wordt alleen maar verder gesterkt :/

Edit: toch wat code

PHP: 
// echo "		<div class='infobox' id='AntwoordControls'><div>\n";
echo "		<h3>Antwoorden</h3>\n";
echo "		<table class='table_solid_collapse' id='TableAntwoord'>\n";
echo "			<thead>\n";
echo "				<tr>\n";
echo "					<th><a href='#' id='AddAntwoord'>nieuw antwoord</a></th>\n";
echo "					<th>volgnummer</th>\n";
echo "					<th>antwoord</th>\n";
echo "					<th>is correct?</th>\n";
echo "				</tr>\n";
echo "			</thead>\n";
echo "			<tbody>\n";
echo "				<tr>\n";
echo "					<td align='right'>\n";
echo "						<a href='#' class='ControlButton Delete'><img src='../FWImages/Delete_24.gif' width='16' /></a>\n";
echo "						<input type='hidden' class='ID' name='Antwoord[0][ID]' id='AntwoordID_0' value='1' />\n";
echo "						<input type='hidden' class='IsActive' name='Antwoord[0][IsActive]' id='AntwoordIsActive_0' value='1' />\n";
echo "					</td>\n";
echo "					<td>\n";
echo "						<input class='very_narrow' type='text' name='Antwoord[0][OrderNumber]' id='AntwoordOrderNumber_0' value='200' />\n";
echo "					</td>\n";
echo "					<td>\n";
echo "						<input type='text' name='Antwoord[0][Name]' id='AntwoordName_0' value='Brussel' />\n";
echo "					</td>\n";
echo "					<td>\n";
echo "						<input type='checkbox' name='Antwoord[0][IsCorrect]' id='AntwoordIsCorrect_0'  />\n";
echo "					</td>\n";
echo "				</tr>\n";
echo "			</tbody>\n";
echo "		</table>\n";
// echo "		</div></div>\n";

Haal ik die eerste en laatste lijn uit commentaar, dan blokkeren m'n inputs, anders niet. Nog nooit voorgehad :/
W

W0utR

Legacy Member
Kijk eens met firebug of die div toevallig niet slecht gepositioneerd ligt, misschien ligt hij over de andere inputs.
B

Bram

Legacy Member
Aangezien ik het hover effect wel zie op de inputs en selects wel werken, denk ik van niet, maar ik probeer het eens. Ik vrees dat het mss slechte code is/een javascriptje van een andere developer. Dit wordt nog ff debuggen.


Edit: W0utR, geef eens een adres, dan stuur ik u een bloemeke. Op die inner div zat een z-index: 3 (oude code, was niet meer nodig). Maar daardoor blokkeerden ze dus.

Begrijpen wie begrijpe kan.
W

W0utR

Legacy Member
Raar, z-index heb je normaal niet echt veel nodig, en waarschijnlijk al zeker niet in een formulier.

Ik heb liever dat mijn bloemen niet verwelkt zijn als ze toekomen :)
B

Bram

Legacy Member
't Is een grote en nogal logge applicatie, sommige code is 8 jaar oud en de CSS zit verre van goed ineen. Jammer, maar de realiteit, soit, heb die z-index er uit gezwierd en alles lijkt nog correct(er) te werken. Ideaal.
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