Variabel "has no propereties"

Jesper Karsrud · 21. mars 2007

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å.

Wattengård · 21. mars 2007

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 · 21. mars 2007

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 21. mars 2007 av Jesper Karsrud

Kagee · 22. mars 2007

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 22. mars 2007 av Kagee

Jesper Karsrud · 22. mars 2007

Det er sant. Kan slenge inn en if-setning på at den kun skal gjøre det hvis det f.eks. står "Søk" i boksen. Det har du helt rett i, liten brukervennlighetsfeil der.

Logg inn

Variabel "has no propereties"

Anbefalte innlegg

Jesper Karsrud

Lenke til kommentar

Videoannonse

Wattengård

Lenke til kommentar

Jesper Karsrud

Lenke til kommentar

Kagee

Lenke til kommentar

Jesper Karsrud

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Opprett konto

Logg inn

Hvem er aktive 0 medlemmer