Avatar billede para7 Nybegynder
11. april 2004 - 18:44 Der er 13 kommentarer og
1 løsning

OnMouseMove fejler

Jeg har en side man klikker sig tilmed nogle links. Disse links har OnMouseOver effekter fx sættes der filter på et billede. Det må ikke ske før den besøgende bevæger musen.
For at løse det har jeg i DreamWeaver lavet et layer, der dækker over liksene. Når man så OnMouseMove'er var det meningen at det skulle hide'es med en Behaviour. Det gør det også, men desværre helt uden at man bevæger musen.
Kan man lave en forbedring eller noget bedre ?
Avatar billede para7 Nybegynder
11. april 2004 - 18:47 #1
Det er et billedgalleri, hvor man altså klikker på en thumbnail og kommer til en side, der viser billedet i fuld sala. Her er linksene, jeg taler om med OnMouseOver effekter, som forvirrer den besøgende, fordi han måske kommer til at ramme et link, og ikke selv har valgt at gøre noget endnu.
Avatar billede roenving Novice
11. april 2004 - 18:50 #2
Der er vel nødt til at være en onmousemove, når der er en onmouseover ?-)

-- og hvordan forvirres de besøgende ?o]

Du kunne måske få noget ud af at kombinere disse to:

http://roenving.users.whitehat.dk/WD5Opacity.html og
http://roenving.users.whitehat.dk/WD1ResizeTilBillede.html
Avatar billede para7 Nybegynder
11. april 2004 - 19:07 #3
Tak roenving. Det sidste link har en god funktion, men jeg skal køre det i samme browserrude.
Jeg må nok forklare lidt bedre:
Når man kommer til siden med fuldstørrelse ved at klikke på en thumb kan man ske at have musen et sted hvor der er et onmouseoverlink der fx sætter opacity til 50% for billedet. Det er ikke meningen at det må ske. Så for at undgå at der sker noget ved ankomsten til siden før man selv vælger noget, skal jeg have lavet noget, der forhindrer det og her prøvede jeg onmousemove. Som du jo også forklarer, så er onmouseover en slags onmousemove i forvejen. Det er nok derfor det ikke går an.
Men jeg tænkte på en slags timer. Fx der skjuler layeret et par sekunder. Det ville være fint nok. En anden ting kunne være at layeret med linsene fløj ind, men så tror jeg at de kan rulle hen over musen og skabe total forvirring ;-)
Avatar billede roenving Novice
11. april 2004 - 19:21 #4
Tjah, jeg kan ikke helt gennemskue en skudsikker metode umiddelbart, men den simple, som du kommer med, kunne laves sådan:

<script type="text/javascript">
var fadeAllowed = false;
setTimeout('fadeAllowed=true',3000);

//og i dine funktioner kunne du indføje:

function musOverFade(elm){
  if(!fadeAllowed)return;
...
Avatar billede para7 Nybegynder
11. april 2004 - 20:02 #5
Det lyder godt.. Nu er jeg ikke nogen haj til javascript. Den funktion. Kan du med et svar lave den mere færdig til brug for de 30 point ?
Avatar billede roenving Novice
11. april 2004 - 20:18 #6
Hvordan kalder du dine fade-funktioner/hvordan ser de ud ?-)

-- for der er faktisk ikke meget mere end det ovenstående, som skal stå der !-)
Avatar billede para7 Nybegynder
11. april 2004 - 20:50 #7
Her er et flipper filter:

<span onmouseover="theFilterItem.style.filter='fliph()'" onmouseout="theFilterItem.style.filter=''" style="cursor:pointer;border:0px solid red">Flip H</span>

Og her er kald til zoom:

<a href="#" onmouseover="zoom(400,300,'myimage','in')" onmouseout="clearzoom()" >Zoom Ind</a>
Avatar billede para7 Nybegynder
11. april 2004 - 20:51 #8
Jeg er parat igen i morgen tidlig.. Fortsat god påske.. :)
Avatar billede roenving Novice
11. april 2004 - 21:14 #9
F.eks.

<span onmouseover="if(fadeAllowed)theFilterItem.style.filter='fliph()'" onmouseout="theFilterItem.style.filter=''" style="cursor:pointer;border:0px solid red">Flip H</span>

og

<a href="#" onmouseover="if(fadeAllowed)zoom(400,300,'myimage','in')" onmouseout="clearzoom()" >Zoom Ind</a>
Avatar billede para7 Nybegynder
12. april 2004 - 09:12 #10
Genialt nok. Jeg har sat timeout til 1000. Det må være 1000 milisekunder ?
Send lige et svar og tak for denne gang :)
Avatar billede para7 Nybegynder
12. april 2004 - 09:19 #11
PS:
I head har jeg:
<script type="text/javascript">
var fadeAllowed = false;
setTimeout('fadeAllowed=true',1000);
</script>

er det bedre med <!-- klammerne //-->: ?

<script type="text/javascript">
<!--
var fadeAllowed = false;
setTimeout('fadeAllowed=true',1000);
//-->
</script>
Avatar billede roenving Novice
12. april 2004 - 17:30 #12
Tjah, både op og ned ...

<!-- //--> er nødvendigt, hvis nogle af dine brugere bruger browsere, som slet ikke forstår javascript (altså ikke noget problem, hvis de bare har slået det fra !-), dvs. browsere fra før 1996 ...

Eller hvis din doctype er xhtml strict eller xhtml 1.1 !-)

-- og timeouts angives rigtigt nok i millisekunder  ...

-- og velbekomme '-)
Avatar billede para7 Nybegynder
13. april 2004 - 08:28 #13
Tak. Jeg vil bruge klammerne..
Avatar billede roenving Novice
13. april 2004 - 22:49 #14
-- og tak for 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

Seneste spørgsmål Seneste aktivitet
I går 10:21 Ny printer, men hvilken Af mort1 i Printere
13/0819:41 USB på Linux Af Uvanga i Linux
12/0818:26 Hvilken type mus Af mort1 i PC
11/0813:21 ms Forms Af leahcim i Andet software
10/0821:30 Blokeret på Snapchat? Af LineP i Chat & Messaging