skift egenskaber for inputfelt

Lav en global funktion der gør det.

<script language="JavaScript">
  function changeLook(what) {
    what.style.border = "1px;";
    what.style.borderColor = "#000000";
  }
</script>

<input type="text" name="tekstfelt" onmouseover="changeLook(this);" />

osv. osv.

//>Rune

Skal man så lave en funktion til hver action?

Kan man lave så hvis inputfeltet har focus, tilsidesættes de andre funktioner og når det så mister focus træder de i kraft igen?

Du siger blot:

<script language="JavaScript">
  function changeLook(what, act) {
    if (act == 1) {
      what.style.border = "1px;";
      what.style.borderColor = "#000000";
    }

    if (act == 2) {
      what.style.border = "1px;";
      what.style.borderColor = "#ff0000";
    }
  }
</script>

<input type="text" name="tekstfelt" onmouseover="changeLook(this, 1);" onmouseout="changeLook(this, 2);" />

//>Rune

>>rthuls

Sagtens, og du kan f.eks. se en fokusting her: http://roenving.users.whitehat.dk/WD3Input.html

Så fandt jeg ud af det. Det blev en god blanding af begge jeres svar:

<script language="JavaScript">
var status;
function changeLook(t, a) {
    //onmouseover
    if (a == 1) {
        if(status != 3){
            t.style.color='#666';
            t.style.border='1px solid #666';
            t.style.backgroundColor = "#fff";
            status = 1;
        }
    }
    //onmouseout
    if (a == 2) {
        if(status != 3){
            t.style.color='#666';
            t.style.border='1px solid #999';
            t.style.backgroundColor = "#efefef";
            if(t.value=='')t.value=t.defaultValue;
            status = 2;
        }
    }
    //onfocus
    if (a == 3) {
        t.style.color='#333';
        t.style.border='1px solid #666';
        t.style.backgroundColor = "#fff";
        if(t.value==t.defaultValue)t.value='';
        status = 3;
    }
    //onblur
    if (a == 4) {
        t.style.color='#666';
        t.style.border='1px solid #999';
        t.style.backgroundColor = "#efefef";
        if(t.value=='')t.value=t.defaultValue;
        status = 4;
    }
}
</script>


Og:

<input id="minInput" name="minInput" type="text" value="Kopier koden fra nedenunder" onmouseover="changeLook(this,1);" onmouseout="changeLook(this,2);" onfocus="changeLook(this,3);" onblur="changeLook(this,4);">


roenving >> vil du ligge et point, så kan i dele?

Velbekomme '-)

Tak for hjælpen til jer begge!

-- og tak for point ;~}