Avatar billede Tony Juniormester
11. maj 2002 - 14:16 Der er 9 kommentarer og
2 løsninger

Hjælp til avanceret knap funktion søges …

Jeg har en ’Send’ knap jeg gerne vil have en 3D effekt på.

Knappen har 3 indstillinger:

ude uden lys (img = send_default.gif)
ude med lys i (img = send_light.gif)
inde (img = send_down.gif)

Default er knappe ude uden lys.
Når bruger fører cursoren hen over knappen (onMouseOver) lyser den.
Når bruger trykker på den (onMouseDown) trykkes den i bund.
Når bruger slipper knappen (onMouseUp) kommer knappen op og lyser.
Når bruger føre cursoren væk (onMouseOut) går knappen til default.

Hvordan skal den kage skæres ?
Avatar billede jakoba Nybegynder
11. maj 2002 - 14:32 #1
Du ha jo selv defineret det hele :-)

<input type='image' scr="send_default.gif"
  onMouseover="this.src='send_light.gif';"
  onMousedown="this.src='send_down.gif';"
  onMouseup="this.src='send_light.gif';"
  onMouseout="this.src='send_default.gif';">

en <input med  type='image'  vil automatisk være en submit knap.

mvh JakobA
Avatar billede =maddog= Nybegynder
11. maj 2002 - 14:34 #2
function setImg(name,src) { document.images[name].src = src; }
function startImg(names) {
for (i = 0; i != names.length; i++) {  // assign handlers to array
  obj = document.images[names[i]]; // thank you phoenix
  obj.onmouseover = setImg(names[i],"send_light.gif");
  obj.onmousedown = setImg(names[i],"send_down.gif");
  obj.onmouseup = setImg(names[i],"send_light.gif");
  obj.onmouseout = setImg(names[i],"send_default.gif");
}
}
onload = function() {
startImg(["img1","img2"]);
}

<img src="send_default.gif" name="img1">
<img src="send_default.gif" name="img2">
<img src="send_default.gif" name="img3">

ikke testet. bare from the top of head.
Avatar billede =maddog= Nybegynder
11. maj 2002 - 14:36 #3
// me undskylder. så ikke at det var en submit knap.
Avatar billede Tony Juniormester
11. maj 2002 - 14:37 #4
Oki guys - kikker på jeres forslag ...
Avatar billede Tony Juniormester
11. maj 2002 - 14:56 #5
Tjaa JakobA - det virker jo fint ... men det vidste du jo nok i forvejen ;)

thx mate ... vil du ha' lidt point til din 'magre' samling :)

=maddog= >> Tak for indsparket :)
Avatar billede =maddog= Nybegynder
11. maj 2002 - 14:58 #6
tony> no probs. det er en måde jeg har vænnet mig til fordi NS4 ofte skal bruge captureEvents til enkelte eventhandlers.
Avatar billede Tony Juniormester
11. maj 2002 - 15:00 #7
Oki - min er blot IE => 5.0 til en prototype ... det skulle jeg nok have sagt - sorry mate :(
Avatar billede jakoba Nybegynder
11. maj 2002 - 15:02 #8
Det kan vist ikke blive mere end en 15p'er.

og virker forresten ikke i NS4.

Det gør =maddog=s derimod, så hvad med en deler.
Avatar billede =maddog= Nybegynder
11. maj 2002 - 15:03 #9
np. jeg har heller ikke optimeret til NS4. det er blot strukturen jeg refererer til.
Avatar billede =maddog= Nybegynder
11. maj 2002 - 15:05 #10
<ok>
Avatar billede Tony Juniormester
11. maj 2002 - 15:05 #11
Ja da JakobA - gerne ... vil 'Den Gale Hund' ha' lidt point i kurven ?
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