Avatar billede matz Nybegynder
12. maj 2003 - 11:49 Der er 11 kommentarer og
1 løsning

Kode på knap ?

Nogen som kan sige mig hvad koden er, at når man har en knap at den skifter farve når man flytter musen over den.

Tjek evt. på www.dating.dk på deres knapper...de skifter os farve når man tager musen over dem.
Avatar billede roenving Novice
12. maj 2003 - 11:57 #1
De bruger at skifte billedet ud:

<td><a href="main/start.asp" target="d_main"><img src="images/top_start_v4.gif" width=110 height=36 id=start onMouseover="hilite(this)" onMouseout="nolite(this)" onClick="setLite(this)" border=0 alt="Start. Herfra kan du læse nyheder på Dating, rette din profil, tilføje et billede, samt opgradere til plusprofil"></a></td>

hth
jes
Avatar billede roenving Novice
12. maj 2003 - 11:58 #2
Klassisk måde at gøre det på, som har den fordel, at det dur, selvom folk fik deres browser installeret for mange år siden ...
Avatar billede matz Nybegynder
12. maj 2003 - 12:08 #3
Kan jeg ikke få hele koden så jeg kan sætte mine billeder ind ?
Avatar billede roenving Novice
12. maj 2003 - 12:23 #4
Ovenstående er klippet direkte fra dating.dk, så selvfølgelig kan du det --
Avatar billede matz Nybegynder
12. maj 2003 - 12:37 #5
Jamen tager den ikke og skifter imellem 2 billeder når den skal skifte ved mouseover ?
Avatar billede roenving Novice
12. maj 2003 - 12:44 #6
Jo, og koden er simpel (har ikke lige kigget efter ... dette er et eksempel skrevet direkte ind):

De to billeder, som bruges:

var start1 = new Image();
start1.src = "images/top_start_v4.gif";
var start2 = new Image();
start2.src = "images/top_start_select_v4.gif";

Og funktionen som kaldes kunne være:

function hilite(i){
  i.src=eval(i.id+2.src);
}
Avatar billede roenving Novice
12. maj 2003 - 12:45 #7
Hov ...

function hilite(i){
  i.src=eval(i.id+"2.src");
}
Avatar billede matz Nybegynder
12. maj 2003 - 12:57 #8
jeg har den her kode nu:

<td><a href="main/start.asp" target="d_main"><img
src="images/top_start_v4.gif" width=110 height=36 id=start
onMouseover="hilite(this)" onMouseout="nolite(this)" onClick="setLite(this)"
border=0 alt="Start. Herfra kan du læse nyheder på Dating, rette din profil,
tilføje et billede, samt opgradere til plusprofil" ></a></td><BR>


<script language="JavaScript">
var start1 = new Image();
start1.src = "images/top_start_v4.gif";
var start2 = new Image();
start2.src = "images/top_start_select_v4.gif";

function hilite(i){
i.src=eval(i.id+"2.src");
}

</script>

Men den melder stadigvæk fejl...hvad kan fejlen være ?
Avatar billede roenving Novice
12. maj 2003 - 13:01 #9
-- og den tilsvarende

function nolite(i){
  i.src=eval(i.id+"1.src");
}

Hvis du højreklikker mellem knapperne og vælger vis kilde, kan du finde en oversigt over de billeder, som bruges -- det er en 'preloader' som sørger for, at billederne findes _før_ knapperne vises, så en samlet kode kunne se sådan ud:

<script language="javascript" type="text/javascript">

var start1 = new Image();
start1.src = "images/top_start_v4.gif";
var start2 = new Image();
start2.src = "images/top_start_select_v4.gif";

function hilite(i){
  i.src=eval(i.id+"2.src");
}

function nolite(i){
  i.src=eval(i.id+"1.src");
}
</script>
Avatar billede roenving Novice
12. maj 2003 - 13:02 #10
Hvilken fejl?
Avatar billede matz Nybegynder
12. maj 2003 - 13:05 #11
Det virker nu ;) Tak for det..
Avatar billede roenving Novice
12. maj 2003 - 13:06 #12
Velbekomme -- og takker fpr points ;~}
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