onblur / onfocus styling

F.eks.:

<input style="color:#c0c0c0" type="text" value="Søg" onfocus="this.value='';this.style.color='#000'" onblur="if(this.value==''){this.value=this.defaultValue;this.style.color='#c0c0c0'}">

og med kursiv:

<input style="color:#c0c0c0" type="text" value="Søg" onfocus="this.value='';this.style.color='#000';this.style.fontStyle='normal'" onblur="if(this.value==''){this.value=this.defaultValue;this.style.color='#c0c0c0';this.style.fontStyle='italic'}">

og så skal:
style="color:#c0c0c0"
lige være:
style="color:#c0c0c0;font-style:italic"

Sidste rettelse. =)

<input style="color:#c0c0c0;font-style:italic" type="text" value="Søg" onfocus="if(this.value==this.defaultValue){this.value='';this.style.color='#000';this.style.fontStyle='normal'}" onblur="if(this.value==''){this.value=this.defaultValue;this.style.color='#c0c0c0';this.style.fontStyle='italic'}">

tak!
men hvad gør jeg af det der er i forvejen?

nedenstående skal jo også med..

onfocus="myFocus(this);" onblur="myBlur(this);"

Nå ja, så ikke, at der var gjort klar til den funktion.
Så skal du rette i din kode, hvor der står:

  <script type="text/javascript">
  function myFocus(element) {
    if (element.value == element.defaultValue) {
      element.value = '';
    }
  }
  function myBlur(element) {
    if (element.value == '') {
      element.value = element.defaultValue;
    }
  }
  </script>

til:

  <script type="text/javascript">
  function myFocus(o) {
    if(o.value==o.defaultValue){
      o.value='';
      o.style.color='#000';
      o.style.fontStyle='normal'
    }
  }
  function myBlur(element) {
    if(o.value==''){
      o.value=o.defaultValue;
      o.style.color='#c0c0c0';
      o.style.fontStyle='italic'
    }
  }
  </script>

Du skal derved ikke benytte de koder, jeg tidligere har skrevet, men bare beholde dit input-felt, som det var før.

Bortset fra at dit input-felt skal have:
style="color:#c0c0c0;font-style:italic"
:)

det virker ikke i FireFox (men det regnede jeg heller ikke med), IE viser dog fejl og teksten kommer ikke igen hvis man efterlader feltet tomt, hvilket det meget gerne skal..
kan du hjælpe mig med den sidste lille ting? så er der point til dig :)

function myBlur(element) {
    if(o.value==''){
      o.value=o.defaultValue;
      o.style.color='#c0c0c0';
      o.style.fontStyle='italic'
    }
  }

skal bare rettes til:

  function myBlur(o) {
    if(o.value==''){
      o.value=o.defaultValue;
      o.style.color='#c0c0c0';
      o.style.fontStyle='italic'
    }
  }

Jeg ser lige på FF.

Det virker fint for mig i FF.

Det gør det sørme også.. :D
Hvordan får vi den grå tekst til at stå der igen, hvis bare vi klikker i feltet og klikker udenfor feltet igen..?

hov den var jo lige der :)

Så skal:

  function myBlur(o) {
    if(o.value==''){
      o.value=o.defaultValue;
      o.style.color='#c0c0c0';
      o.style.fontStyle='italic'
    }
  }

være:

  function myBlur(o) {
    o.value=o.defaultValue;
    o.style.color='#c0c0c0';
    o.style.fontStyle='italic'
  }

TUSIND TAK for hjælpen!
Hav en lækker dag :)

I lige måde. =)