29. marts 2007 - 12:47Der er
12 kommentarer og 1 løsning
OnClick event med Select bokse
Hejsa.
Jeg har en side, som jeg er ved at lave, hvor der er to select bokse med datoer.
Den første boks har 100 dage frem hvor den anden har 365. Idéen er, at de fleste vil bruge boksen med kun 100 dage, og så bliver den ikke så uoverskuelig, men der kan være tilfælde hvor den anden skal bruges.
Der vil dog komme en utvetydig rekord i databasen, hvis man vælger fra begge select bokse f.eks. 10-04-07 og samtidig 02-01-08 - så vil det stå meget grimt og rodet. (10-04-0702-01-08).
Jeg tænker så på, om man kan lave en slags event med Javascript, så hvis man vælger en dato fra Select boks 2 (den med 365 dage) så bliver disable="true" på Select boks 1 aktiveret.
Jeg ved ikke om man kan bruge andet end JavaScript - det er lavet i ASP, så man kunne måske tjekke op på det via nogle if-sætninger, men jeg tror bare at det er en smule omstændigt.
Jeg har prøvet at søge lidt rundt på nettet, men kan ikke lige finde noget der har en løsning til det specifikke problem.
Din kode virker desværre ikke - der kommer ingen fejl og ingen reaktion - hverken ved test i Firefox eller Intern Explorer.
Jeg har selvfølgelig ændret navnet .select1. og prøvet at ændre navnet på .form. til .minform. - det ved jeg dog ikke helt om det er aktuelt, men har prøvet med alle muligheder jeg kunne komme på.
Nu har jeg lige lege lidt rundt med det og er stødt på hvorfor det ikke først virkede... Navnet på min første select boks er EVE_DATED, men af en eller anden grund, som jeg ikke kan forklare, så kan jeg ikke bruge koden: <select name="select2" onchange="this.form.EVE_DATED.disabled=true;">
Altså, jeg kan bruge EVE_DATE og ikke EVE_DATED (med et D på)... Har du en idé til hvorfor det? Jeg kan selvfølgelig godt fjerne D'et, men det vil bare være nemmere hvis der er en løsning på JavaScriptet, så jeg ikke behøver at ændre variabel navnet flere steder...
Jeg poster mine to select bokse. Jeg har dog fjernet mine SQL kald, da jeg umiddelbart ikke mener de har betydning for Javascriptet, så tag jer ikke at det er forkert i forhold til ASP og i forhold til tabel opbygningen.
<td align="right" valign="middle" nowrap class="textBold">Dato:</td> <td colspan="2" valign="middle"> <select name="EVE_DATED" class="form" id="EVE_DATED"> <option value="DATO">DATO</option> </select> </td> </tr> <tr valign="baseline"> <td align="right" valign="middle" nowrap> </td> <td colspan="2" valign="middle"> <a href="#" onclick="return toggle('minExpander');"><span class="textBold">Tryk her for at vælg en dato længere fremme:</span></a> <span id="minExpander"> <br> <select name="EVE_DATED_extended" class="form" id="EVE_DATED" onchange="this.form.EVE_DATED.disabled=true;"> <option value="DATO">DATO</option> </select> </span>
Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.