Form funktioner

Quick and dirty:

<form>
  <input type="checkbox" name="Check" onclick="this.form.Writer.disabled==this.checked;">
  <input type="text" name="Writer">
</form>

-- men jeg ville ( à propos dine tidligere bemærkninger om kompatibilitet og skalabilitet:

<script type="text/javascript">
function enableDisableElm(elm){
  elm.form.email.disabled = !elm.checked;
}
</script>

<form>
Skriv selv mail-adresse: <input type="checkbox" onclick="enableDisableElm(this)"><br>
Mail: <input type="text" name="email" value="a@b.cd" disabled>
</form>

Ja, klart nok! ;-)

åbenbart er jeg notorisk mongol til at tilpasse, da jeg ikke kan få det til at virke, hvad er der mon galt med dette?

<form method="post" name="Quote" action="Write.asp" OnSubmit="return Check()">
Quote:<br>
<textarea name="quote" maxlength="200" cols="50" rows="3"></textarea><br>
Writer:<br>
Me
<input type="checkbox" name="checkbox" checked onClicke="enableDisableElm(this)"><br>
Other > <input type="textfield" name="writer" disabled>
<input type="submit" value="Post">
</form>
<script type="text/javascript">
function enableDisableElm(elm){
  elm.Quote.writer.disabled = !elm.checked;
}
</script>
<script language="JavaScript">
function Check() {
    if (document.Quote.quote.value == "") {
        alert("Please write your quote");
        return false;
    }
    if (document.Quote.quote.value.length >> 200) {
      alert("Your Quote is too loong, maximum length is 200 charachters");
      return false;
}
</script>

form er en speciel property på form-elementer, som henviser til formen

  elm.form.writer.disabled = !elm.checked;

-- så det må _ikke_ erstattes !-)

-- desuden har du en tavetosse i onclick:

<input type="checkbox" name="checkbox" checked onclick="enableDisableElm(this)"><br>

-- jeg opfattter selv det store C i onclick som en fejl, men det vil kun i xhtml (som jo ikke findes i en brugbar udgave d.d. !-) give fejl eller malfunktion !o]

<form method="post" action="Write.asp" OnSubmit="return Check(this)">
  Quote:<br>
  <textarea name="quote" maxlength="200" cols="50" rows="3"></textarea><br>
  Writer:<br>
  Me
  <input type="checkbox" name="checkbox" checked onclick="enableDisableElm(this)"><br>
  Other >
  <input type="textfield" name="writer" disabled>
  <input type="submit" value="Post">
</form>

<script type="text/javascript">
function enableDisableElm(elm){
  elm.form.writer.disabled = !elm.checked;
}

function Check(frm) {
  if (frm.quote.value == "") {
    alert("Please write your quote");
    return false;
  }
  if (frm.quote.value.length > 200) {
    alert("Your Quote is too loong, maximum length is 200 charachters");
    return false;
  }
  return true;
}
</script>

er det bevidst at der står frm - istedet for "form"??

I softspots eksempel checker den formen, og den overføres som parameter fra onsubmit-eventet som objekt, så ja, det er med vilje !-)

Ja, tanken var at du overførte form-objektet selv i onsubmit, hvilket så vil betyde at funktionen bliver mere generisk. Om det er nødvendigt kan man diskutere, men hvis det ikke kostere mere at gøre den generisk, så kan man vel ligeså godt gøre det... :)

hvis jeg Copy/paster softspots ellers nydelige kode fungerer det desværre ikke, hvorfor?

-- og jeg vil absolut anbefale, at man gør det på den måde, da det sparer en h****** masse problemer !-)

jeg er eklatant mongol til javascript, beklager... Hvis det forventes at der bliver smidt flere point af pga. de uforudsete komplikationer gør jeg det med glæde...

Du skal ikke smide flere point for min skyld :)

Hvad sker der (eller sker der ikke) når du klikker på checkboksen hhv. submitter formularen?

Jeg er faktisk ikke helt klar over om dette felt vil blive ignoreret eller om den bare vil opfatte det som default-type (text):

<input type="textfield" name="writer" disabled>

men det bør vel være

<input type="text" name="writer" disabled>

-- det vil i de browsere, jeg nogensinde har kigget i, blive opfattet som default-typen text-field (testede det faktisk tidligere idag i dem, jeg har liggende !-)

hmmm... det vil godt nu, det fungerer bare omvendt, men det er jo ikke noget videre problem... Drop svar gentlemen :)

Et svar fra moi... :)

roenving >> hvilke browsere tester du i når du koder websider?

Normalt (jeg er på pc !-) IE6sp2, Moz 1.5, FF 1.0.7 og Opera 8.02 !o]

-- men FireFox er jo opdateret i dag, mens Mozillaen er en version, som er 14 måneder gammel ...

OK, så det er ikke sådan at du har en masse gamle versioner liggende som du også tester på...

Kan man forlade sig på, at hvis man tester på IE6sp2, Moz 1.3, FF 1.0, NS 7.2 og Opera 7.54, at det så også vil fungere på de nyere versioner?

´jeg går ud fra at roenving gerne vil give pointene til softspot - ellers tror jeg i er i stand til at finde ud af det selv

Stort set, men der er desværre nogle situationer, hvor nogle funktioner og/eller properties er vendt om, fordi renderingsmaskinen har fået implementeret en 'ordentlig' fortolkning, og f.eks. med Geckoen er det altså sket et par gange !-)

Gecko er den renderingsmaskine, der bruges i NN6+, Mozilla, Firefox, Camino m.m.

nidyahou >> Tak for point :)

roenving >> Tak for deling af din browserviden. Vil du have nogle af disse nyerhvevede point...?

OK, det er altså også et svært ord: nyerhvevede, så det er vel ok at man får to forsøg... nyerhvervede

Jeg tror ligesom jeg klarer mig !-)

-- du ser jo også ud til at være nærmere til at skulle have opbrugt din ration, for du kan kun stille 1100 200-point spørgsmål før din konto er tom !o]

*LOL* - Ja, man skal passe på man ikke bruger for mange point... man får jo kun 5 nye om dagen.