Avatar billede supermand69 Nybegynder
27. oktober 2004 - 22:18 Der er 13 kommentarer og
1 løsning

deaktivere inputs

jeg er ved at lave en form hvor folk kan indtaste deres top 5 af musik numre

http://clark.avansis.dk/test/test.php

man har ved hvert nr 3 muligheder for at indtaste, da men kan vælge nogle som allerede i forvejen er i min database

hvordan kan det så lade sig gøre at deaktivere de inputs ud for de radio's der ikke er markeret?

hvis nogen forstår hvad jeg vil? ;)
Avatar billede roenving Novice
27. oktober 2004 - 22:24 #1
Næh, det forstår jeg ikke, og jeg forstår slet ikke din opstilling med radios, umiddelbart ville jeg tænke på, at du skulle bruge checkbokse ...
Avatar billede mcgoat Nybegynder
27. oktober 2004 - 22:25 #2
Yep.. brug checkboxes.. og så lav et javascript som checkboxen kører som så disabler textfeltet...
Avatar billede supermand69 Nybegynder
27. oktober 2004 - 22:35 #3
hov... havde lige glemt at sætte name og value på min radio inputs :)

er det nu til at forstå?
Avatar billede roenving Novice
27. oktober 2004 - 22:40 #4
Jepz, du har forøvrigt en ulovlig nesting ...

<table>
<form>

...

</form>
</table>

_Skal _ være med formen udenpå tabellen !-)

-- kigger lige på noget ...
Avatar billede supermand69 Nybegynder
27. oktober 2004 - 22:51 #5
hvis man smider sin form udenfor bliver der da sådan nogle linebreaks? derfor jeg har smidt min form der ;)
Avatar billede roenving Novice
27. oktober 2004 - 23:02 #6
Det er forbudt at lave ulovlig nesting (ulovlig = forbudt !-)

Den klarer du sagtens ved at sætte en style="display:inline" på det relevante element !o]

Men f.eks. sådan:

<script type="text/javascript">
function chInputs(elm){
  var id = elm.name.replace(/^.*(\[\d+\])$/,"$1");
  var e = elm.form.elements;
  for(i=0;e.length>i;i++){
    if(e[i].name.indexOf(id)>0&&e[i].type!='radio')e[i].disabled = true;
  }
  var tds = findParentTr(elm).childNodes,inps;
  for(i=0;tds.length>i;i++){
    inps = tds[i].childNodes;
    for(j=0;inps.length>j;j++){
      if(inps[j].tagName&&(inps[j].tagName=='INPUT'||inps[j].tagName=='SELECT'))inps[j].disabled = false;
    }
  }
}
function findParentTr(elm){
  while(elm.tagName!='TR')elm = elm.parentNode;
  return elm;
}
</script>

<form style="display:inline">
<table>
  <tr align="center">
    <td class="list_top"><br></td>
    <td class="list_top"><br></td>
    <td class="list_top">Artist</td>
    <td class="list_top"><br></td>
    <td class="list_top">Titel</td>
  </tr>
  <tr>
    <td align="right" rowspan="3"><span class="marked">1:</span></td>
    <td><input class="none" type="radio" name="type[54]" value="1" checked onclick="chInputs(this)"></td>
    <td colspan="3"><select name="artist[54]">
    <option>artist - titel</option>
    <option>artist - titel</option>
    <option>artist - titel</option>
    </select></td>
  </tr>
  <tr>
    <td><input class="none" type="radio" name="type[54]" value="2" onclick="chInputs(this)"></td>
    <td><select name="artist[54]" disabled>
    <option>artist</option>
    <option>artist</option>
    </select></td>
    <td>-</td>
    <td><input type="text" name="title[54]" name="type[54]" value="3" disabled></td>
  </tr>
  <tr>
    <td><input class="none" type="radio" name="type[54]" onclick="chInputs(this)"></td>
    <td><input type="text" name="artist[54]" disabled></td>
    <td>-</td>
    <td><input type="text" name="title[54]" disabled></td>
  </tr>
  <tr>
    <td><br></td>
  </tr>
  <tr>
    <td align="right" rowspan="3"><span class="marked">2:</span></td>
    <td><input class="none" type="radio" name="type[5]" value="1" checked onclick="chInputs(this)"></td>
    <td colspan="3"><select name="artist[5]">
    <option>artist - titel</option>
    <option>artist - titel</option>
    <option>artist - titel</option>
    </select></td>
  </tr>
  <tr>
    <td><input class="none" type="radio" name="type[5]" value="2" onclick="chInputs(this)"></td>
    <td><select name="artist[5]" disabled>
    <option>artist</option>
    <option>artist</option>
    </select></td>
    <td>-</td>
    <td><input type="text" name="title[5]" disabled></td>
  </tr>
  <tr>
    <td><input class="none" type="radio" name="type[5]" value="3" onclick="chInputs(this)"></td>
    <td><input type="text" name="artist[5]" disabled></td>
    <td>-</td>
    <td><input type="text" name="title[5]" disabled></td>
  </tr>
</table>
</form>

-- en simpel algoritme: Disable alle elementer, som har samme nummerering, og find derefter de elementer, som ligger i samme række og fjern disablingen !-)

-- og endnu engang en lettere kompliceret kodning, som bare var rigtig i første hug !o]
Avatar billede supermand69 Nybegynder
27. oktober 2004 - 23:10 #7
hvor mange syntakser findes der til display??

kan det ikke gøres uden regular expressions? :)
Avatar billede roenving Novice
27. oktober 2004 - 23:21 #8
Syntakser ?-)

Du mener vel forskellige værdier ...

-- og der er rigtig mange, men ikke alle har en fornuftig brug med dagens browsere, kig f.eks. her: http://blooberry.com/indexdot/css/properties/classify/display.htm ...

-- og det kan sagtens gøres uden en regular expression, det er bare umiddelbart lettere og sikrere at bruge den samme type identifikation hver gang, for javascript kan ikke gøre brug af de index, som sidder i name-propertyerne !-)

-- alternativet er selvfølgelig at bruge et eller andet substring, men så må du aldrig komme i tanke om at ændre eet eneste bogstav i din navngivning !o]
Avatar billede supermand69 Nybegynder
27. oktober 2004 - 23:24 #9
jeg vil lige se lidt på dit forslag :)

har du evt. nogle gode og brugbare sider der omhandler CSS, som det link du sendte der?
Avatar billede supermand69 Nybegynder
27. oktober 2004 - 23:25 #10
og evt. med eksempler så man kan se hvad de gør...
Avatar billede roenving Novice
27. oktober 2004 - 23:33 #11
Desværre er de fleste af de css-steder, jeg gennem tiden har besøgt præget af enten en art religiøs fokusering på specielle hjørner af de muligheder css har eller overbroderet med diverse (læs:de værste !-) fejl ...

-- men enkelte har jeg da smidt ind i foretrukne (men heller ikke de kommer udenom  ovenstående udsagn !-)

http://www.meyerweb.com/eric/css/references/css2ref.html
http://www.w3schools.com/css/
http://www.glish.com/css/
Avatar billede supermand69 Nybegynder
19. november 2004 - 16:55 #12
roenving > lav et svar
Avatar billede supermand69 Nybegynder
24. november 2004 - 19:38 #13
lukker så :)
Avatar billede roenving Novice
24. november 2004 - 23:45 #14
Ja, jeg beklager at min mail-boks er blevet lidt overfyldt de sidste 10-12 dage ...
Avatar billede Ny bruger Nybegynder

Din løsning...

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.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester