Gå til innhold

Variabel "has no propereties"

Jesper Karsrud

Anbefalte innlegg

Jesper Karsrud

Jesper Karsrud

Skrevet
Skrevet

Heisann.

 

Har støtt på et lite problem her nå. Skal få value i et felt til å tømmes ved DOM 0-eventen onfocus, men her har jeg altså støtt på et lite problem. Jeg får en error i Firebug, som sier "searchfield has no properties".

 

var searchField = document.getElementById("searchfield");

searchField.onfocus = clearField;

function clearField() {
 searchField.value = '';
} // End of clearField


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
	    "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
    <head>
        <meta http-equiv="Content-type" content="text/html; charset=utf-8">
        <title>Test</title>
       	<script type="text/javascript" src="default.js"></script>
    </head>
    <body id="">
        <div id="doc">
            <h1>Test</h1>
				<input type="text" name="searchfield" value="Search" id="searchfield">
        </div>
    </body>
</html>

 

Koden ser slik ut. Jeg vil helst unngå å måtte bruke onfocus="this.value='';" i selve HTML-koden, da dette minsker tilgjengeligheten på siden funksjonen skal brukes på.

Videoannonse

Videoannonse
Annonse
Wattengård

Wattengård

Skrevet
Skrevet

Vil tro problemet er at "scope't" til searchField variabelen din ikke blir med inn i funksjons-definisjonen. Prøv å erstatte "searchfield.value" med "document.getElementById("searchField").value".

 

Sjekk forresten ut Prototype. (http://www.prototypejs.org) Da holder det at du skriver $('searchField') :)

 

-C-

Jesper Karsrud

Jesper Karsrud

Skrevet
  • Forfatter
Skrevet (endret)

Glemte å nevne at jeg har sjekket om det funket å bytte ut searchfield med document.getElementById(), men det funket ikke det heller...

 

Dessuten liker jeg ikke Prototype, sverger heller til YUI hvis jeg absolutt må bruke et rammeverk.. Men det er ikke noe poeng her :)

 

Edit:

Fikk fikset det:

window.onload = function () {
 	var searchfield = document.getElementById('searchfield');
     searchfield.onfocus = function() {
   searchfield.value = '';
   };
 };

Endret av Jesper Karsrud
Kagee

Kagee

Skrevet
Skrevet (endret)

Du bør sjekke at du bare fjerner standardteksten - hvis jeg gir feltet focus, for så å skrive inn noe - fjerne focus, og gå tilbake - så tømmes feltet for det jeg skrev inn.

Endret av Kagee

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
Gå til emneliste
×
×
  • Opprett ny...