Avatar billede metalspaden Nybegynder
28. februar 2004 - 09:40 Der er 3 kommentarer og
1 løsning

onBlur background

Hvordan skulle dette se ud for at virke?

onFocus="if(this.style.background==url('../design/pass.gif')){this.style.background='white'}"
onBlur="if(this.style.background=='white'){this.style.background=url('../design/pass.gif')}"
Avatar billede fri-hash Nybegynder
28. februar 2004 - 09:47 #1
måske sådan (utestet)
onFocus="if(this.style.background==url('../design/pass.gif')){this.style.background=''; this.style.background-color='white'}"
onBlur="if(this.style.background-color=='white'){this.style.background=url('../design/pass.gif'); this.style.background-color=''}"

grunden til at det ikke virker er måske at det er attributten background man bruger til et baggrundsbillede med url() og attributten background-color til baggrundsfarve
Avatar billede nute Nybegynder
28. februar 2004 - 11:15 #2
du bruger de forkerte properties til at tæste på. Det er *ingen* properties i javascript der indeholder en bindestreg. background-color skal være backgroundColor. derefter hedder propertien 'backgroundImage' for at tæste på baggrundsbillede.

de fleste style properties skal betragtes som strenger. når du skriver:

this.style.background == url('../design/pass.gif');

så vil javascript tolke dette som et kald til funktionene 'url' hvor du sender med parametret '../design/pass.gif' ... noget der ikke er tilfælde. style propertien backgroundImage indeholder "url(../design/pass.gif)" som strengværdi, og det er denne du skal tæste op mod.

<html>
<head>
<style>
    input
    {
        background-image:url(../design/pass.gif);
        backgroud-repeat:repeat-y;
    }
</style>
<script language="JavaScript" type="text/javascript">
<!--
function test( elem )
{

    if( elem.style.backgroundImage == "" || elem.style.backgroundImage.indexOf( "pass.gif" ) > -1 )
    {
        elem.style.backgroundColor = "white";
        elem.style.backgroundImage = "url()";
    }
    else
    {
        elem.style.backgroundColor = "white";
        elem.style.backgroundImage = "url(../design/pass.gif)";
    }
}
//-->
</script>
</head>
<body>
<input type="text" onfocus="test( this )" onblur="test( this )";>
</body>
</html>

/nute
Avatar billede nute Nybegynder
28. februar 2004 - 11:15 #3
FYI!!

her kan du kigge på hvad du kan gøre med Style objektet i java script:

http://devedge.netscape.com/library/manuals/2000/javascript/1.3/reference/style.html

;o]
Avatar billede metalspaden Nybegynder
13. marts 2004 - 13:12 #4
Thx for svar.. undskyld den sene respons :)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester