Indtastning Ok = flueben

F.eks.

Adresse: <input type="text" onchange="document.getElementById('flueAddr').style.display=this.value!=this.defaultValue?'none':'inline';">&nbsp;<img id="flueAddr" src="flueben.gif" style="display:none;"><br>

Hej Roenving,

Der sker ikke rigtig noget når jeg indsætter koden. Feltet kommer frem, men når man har indtastet noget kommer der ikke noget flueben.

Samt hvordan laver man det til radiobutton?

Nu gik jeg ud fra, at du ville lave noget, der var tydeligt og ikke kunne forveksles med almindelige form-checkbox-elementer, så jeg har angivet et img-tag, som selvfølgelig skal have en src, der viser fluebenet !-)

Lige præcis, men når jeg tester koden, der ligger en billed fil i samme bibliotek, sker der ikke noget. this.defaultValue? - skal den rettes eller hvordan?

Så snart man har indtastet et eller andet skal der komme et flueben. og så snart man har klikker på en radiobutton skal det komme

Lige en bittelille fejl i logikken, og tingene bliver forkerte:

Navn: <input type="text" name="navn" onchange="document.getElementById('flueNavn').style.display=this.value==this.defaultValue?'none':'inline';">&nbsp;<img id="flueNavn" src="flueben.gif" style="display:none;"><br>
Adresse: <input type="text" name="address" onchange="document.getElementById('flueAddr').style.display=this.value==this.defaultValue?'none':'inline';">&nbsp;<img id="flueAddr" src="flueben.gif" style="display:none;"><br>

Hej igen,

Nu kan jeg se at den forsøger at linke til et billede, men kan ikke finde det. Har lagt filen i samme bibliotek som billedet flueben.gif er. Kigger jeg på egenskaberne for billedet, passer det overens med biblioteket... :(

Min fejl... Det virker når jeg smider det på nettet.

Hvordan laver man det ved radiobutton og checkbokse?

Hvis flere radiobuttons skal aktivere det samme billede, er det bare at sætte en ens kode på alle i hver gruppe (der vil jo altid være mindst en afkydset i hver gruppe, når du først er begyndt at afkrydse !-)

-- med checkboxes er det nok nødvendigt at lave en funktion, der kaldes fra enhver checkbox i gruppen ...

Antal besøg:<br>
1-4 <checkbox name="antalBesoeg" value="1" onclick="visFlueben(this,'flueBesoeg');">&nbsp;5-9 <checkbox name="antalBesoeg" value="5" onclick="visFlueben(this,'flueBesoeg');">&nbsp;10- <checkbox name="antalBesoeg" value="10" onclick="visFlueben(this,'flueBesoeg');">&nbsp;<img id="flueBesoeg" src="flueben.gif" style="display:none;"><br>

<script type="text/javascript">
function visFlueben(elm,target){
  var elms = elm.form.elements[elm.name], chckd = false;
  for(i=0,im=elms.length;im>i;i++)
    chckd = chckd || elms[i].checked;
  document.getElementById(target).style.display = chckd ? "inline" : "none";
}
</script>

Hej igen,

Virker ikke rigtig med radiobuttons. Der sker ikke noget, er det mig der har lavet fejl?

<input name="rapport" value="0" type="radio" onchange="document.getElementById('flueTest').style.display=this.value==this.defaultValue?'none':'inline';"/>&nbsp;<img id="flueTest" src="images/flueben2.gif" style="display:none;">

Næh, det glemte jeg da at gøre opmærksom på, du skal teste checked, ligesom med checkbokse:

<input name="rapport" value="0" type="radio" onchange="document.getElementById('flueTest').style.display=this.checked?'inline':'none';"/>&nbsp;<img id="flueTest" src="images/flueben2.gif" style="display:none;">

Hej igen,

Så virker det! :) - men fluebenet kommer først når man går videre til næste element. Er det ikke muligt at så snart man har skrevet noget / klikket at det kommer?

Tak for hjælpen!

Så kan man bruge onclick fandt jeg lige ud af. Problemet er bare, du har også hjulpet med at en div boks skal fremkomme ved onclick (et andet spg), og her kommer problemet så.

onclick="document.getElementById('projektKontrol').style.display='block';"

onclick virker selvf. heller ikke til tekstbokse.

Radios og checkboxe kan selvfølgelig bruge onclick, jeg var måske ikke så opmærksom i nat ...

-- og der er ingen problemer i at sætte flere ting i en onclick, omend den bliver lang og ouverskuelig ...

<input name="rapport" value="0" type="radio" onclick="document.getElementById('projektKontrol').style.display='block'; document.getElementById('flueTest').style.display=this.checked?'inline':'none';"/>&nbsp;<img id="flueTest" src="images/flueben2.gif" style="display:none;">

-- fordi jeg bruger en genvej til en if, er det nøvendigt at sætte den ubetingede forrest, ellers skal der lige nogle paranteser ekstra ind !-)

Velbekomme '-)

-- og jeg glemte da også at gøre opmærksom på, at du input type=text kan bruge onkeyup !o]

Perfekt, du skal have mange tak for din hjælp... Det var lige præcis det jeg skulle bruge. God dag!

-- og jeg takker for point ;~}