Avatar billede simob Nybegynder
18. oktober 2001 - 15:26 Der er 35 kommentarer og
4 løsninger

Mouseover!

Jeg ved ikke om man også kan lave dette i html, men jeg skal lave en mouseover.

Så når man flytter musen over et sted skal der skifte billede et andet sted på hjemmesiden.

Det skal bruges til menu.

eks. http://www.falkonergaarden.dk/

Håber i kan hjælpe.

//simob 
Avatar billede pingeling1000 Nybegynder
18. oktober 2001 - 15:31 #1
Hvis du giver billedet et id kan du gå ind og ændre src med en onMouseover
Avatar billede simob Nybegynder
18. oktober 2001 - 15:33 #2
Giv lige et eksempel!!!

Jeg har nemlig lavet stort billed og så lavet de enkelte områder til links.

Se selv her:

<TABLE BACKGROUND=\"baggrund-u.gif\" WIDTH=\"765\" HEIGHT=\"400\" BORDER=\"0\" CELLSPACING=\"0\" CELLPADDING=\"0\" ALIGN=\"center\">
<TR VALIGN=\"middle\" ALIGN=\"center\">
    <TD>
<IMG SRC=\"baggrund.gif\" BORDER=\"0\" WIDTH=\"765\" HEIGHT=\"400\" ALT=\"\" USEMAP=\"#baggrund-u\">
<MAP NAME=\"baggrund-u\">
<!-- **Billedkort lavet med Stone\'s WebWriter 3.5** -->
<AREA SHAPE=\"rect\" COORDS=\"21,86,135,116\" HREF=\"index.htm\" >
<AREA SHAPE=\"rect\" COORDS=\"22,115,134,146\" HREF=\"profil.htm\">
<AREA SHAPE=\"rect\" COORDS=\"22,145,134,176\" HREF=\"proces.htm\">
<AREA SHAPE=\"rect\" COORDS=\"23,175,134,204\" HREF=\"priser.htm\">
<AREA SHAPE=\"rect\" COORDS=\"22,204,134,232\" HREF=\"referencer.htm\">
<AREA SHAPE=\"rect\" COORDS=\"23,232,134,259\" HREF=\"kontakt.asp\">
<AREA SHAPE=\"DEFAULT\" HREF=\"index.htm\">
</MAP>



</TD>
</TR>
</TABLE>

//simob
Avatar billede simob Nybegynder
18. oktober 2001 - 15:34 #3
baggrund-u.gif = baggrund.gif

Jeg har bare glemt at rette det over det hele.
Avatar billede martinfrost Nybegynder
18. oktober 2001 - 15:38 #4
Det sted der skal reagerer på onmouseover er det tekst, billede eller hvad?!

Hvis det er tekst:

<div id=\"change\" onMouseover=\"java script:document.billede.src=\'billede2.jpg\';\" onMouseout=\"java script:document.billede.src=\'billede1.jpg\';\"> PEG HER </div>

<img src=\"billede1.jpg\" name=\"billede\">

*********

Hvis billede:

<img src=\"markeringsbillede.jpg\" onMouseover=\"java script:document.billede.src=\'billede2.jpg\';\" onMouseout=\"java script:document.billede.src=\'billede1.jpg\';\"> PEG HER </div>

<img src=\"billede1.jpg\" name=\"billede\">


*******************

Mvh
Martin
Avatar billede martinfrost Nybegynder
18. oktober 2001 - 15:40 #5
lavede en fejl ved billede-eksemplet...

Her er en opdatering:

<img src=\"markeringsbillede.jpg\" onMouseover=\"java script:document.billede.src=\'billede2.jpg\';\" onMouseout=\"java script:document.billede.src=\'billede1.jpg\';\">

<img src=\"billede1.jpg\" name=\"billede\">

/ martin
Avatar billede simob Nybegynder
18. oktober 2001 - 15:41 #6
Det er en del af et billede.

Du kan se i den kode jeg lige har skrevet at jeg definerer hvilke steder på baggrunden der skal linke til andre steder.

<AREA SHAPE=\"rect\" COORDS=\"21,86,135,116\" HREF=\"index.htm\" >
Avatar billede martinfrost Nybegynder
18. oktober 2001 - 15:42 #7
Hvis hver eneste markering på dit map skal give et bestemt billede et andet sted i documentet, skal du blot tilføje den kode, jeg har lavet ved eksemplet herover med billede!
Avatar billede martinfrost Nybegynder
18. oktober 2001 - 15:44 #8
Så det vil se nogenlunde sådan her ud:

<AREA SHAPE=\"rect\" COORDS=\"21,86,135,116\" HREF=\"index.htm\" onMouseover=\"java script:document.billede.src=\'billede2.jpg\';\" onMouseout=\"java script:document.billede.src=\'billede1.jpg\';\">
<AREA SHAPE=\"rect\" COORDS=\"22,115,134,146\" HREF=\"profil.htm\" onMouseover=\"java script:document.billede.src=\'billede3.jpg\';\" onMouseout=\"java script:document.billede.src=\'billede1.jpg\';\">
<AREA SHAPE=\"rect\" COORDS=\"22,145,134,176\" HREF=\"proces.htm\" onMouseover=\"java script:document.billede.src=\'billede4.jpg\';\" onMouseout=\"java script:document.billede.src=\'billede1.jpg\';\">

osv osv osv...

<img src=\"billede1.jpg\" name=\"billede\">
Avatar billede martinfrost Nybegynder
18. oktober 2001 - 15:49 #9
husk lige, at du ik skal ombryde linjerne, som det er vist her - så kan det godt fucke op - så skriv dem hellere ud i EN lang linje! :)

Avatar billede simob Nybegynder
18. oktober 2001 - 15:51 #10
Jeg prøver. Hvis det ikke virker ligger jeg lige en kommentar imorgen.

Skal lige når noget nu...

Men indtil nu tak
Avatar billede pingeling1000 Nybegynder
18. oktober 2001 - 15:54 #11
Tjaaa, så er alt vist sagt.
Måske skal man lige nævne at det kun virker i IE og ikke i Netscape
Avatar billede simob Nybegynder
18. oktober 2001 - 15:58 #12
Det tror jeg ikke virker.

<AREA SHAPE=\"rect\" COORDS=\"21,86,135,116\" HREF=\"index.htm\" onMouseover=\"java script:document.baggrund-u.gif.src=\'baggrund-u.gif\';\" onMouseout=\"java script:document.baggrund.gif.src=\'baggrund.gif\';\">

Jeg kan jo ikke name et billede når det hele er et stort. (baggrund)

Det som du har skrevet her:
<img src=\"billede1.jpg\" name=\"billede\">

//simob
Avatar billede martinfrost Nybegynder
18. oktober 2001 - 16:02 #13
Jeg forstod det som om, at det er en eksternt billede i forhold til map\'et, der skulle ændres, når en del af map\'et havde musen over sig???

Hvis det er baggrund.gif der skal ændre sig, så skal du bare sætte name=\"billede\" ind i

<IMG SRC=\"baggrund.gif\" BORDER=\"0\" WIDTH=\"765\" HEIGHT=\"400\" ALT=\"\" USEMAP=\"#baggrund-u\">

/ Martin
Avatar billede olebole Juniormester
18. oktober 2001 - 16:06 #14
<ole>
Jeg læser det, somom du vil ændre de enkelte map-areas...det kan du ikke. I stedet må du klippe billedet op i enkelt-billeder. Dem kan du fint skifte  ;o)
/mvh
</bole>
Avatar billede simob Nybegynder
18. oktober 2001 - 16:09 #15
//olebole

Jeg vil ikke ændre maparea. Når man flytter musen over et maparea, skal baggrund.gif skifte til baggrund-u.gif
Avatar billede martinfrost Nybegynder
18. oktober 2001 - 16:10 #16
Ole >> nej, hvis du ser på refferencen, så kan det ikke passe i forhold til beskrivelsen - så det må være et \"eksternt\" billede i forhold til, men du har også lavet en fejl i den kode, simob :)

Det skal se sådan her ud:

<IMG SRC=\"baggrund.gif\" BORDER=\"0\" WIDTH=\"765\" HEIGHT=\"400\" ALT=\"\" USEMAP=\"#baggrund-u\" name=\"billede\">

<AREA SHAPE=\"rect\" COORDS=\"21,86,135,116\" HREF=\"index.htm\" onMouseover=\"java script:document.billede.src=\'baggrund-u.gif\';\" onMouseout=\"java script:document.billde.src=\'baggrund.gif\';\">


/ Martin
Avatar billede simob Nybegynder
18. oktober 2001 - 16:14 #17
Det virker stadig ikke.

Men jeg må smutte nu.

Jeg håber virkelig i er ligeså hjælpsome imorgen , når jeg er tilbage. (mellem 13 og 16)

Men lige nu virker det ikke.

//simob
Avatar billede olebole Juniormester
18. oktober 2001 - 16:15 #18
martinfrost >> Tag ikke fejl: Et spørgsmål på Eksperten ved man aldrig, hvad handler om, før det er lukket...!  =oD

Jamen, du har jo ikke noget \'baggrund.gif\' i din menu...? Hvad er det for et billede, vil du udskifte?
/mvh
Avatar billede martinfrost Nybegynder
18. oktober 2001 - 16:18 #19
næ, det er sq klart det ikke virker, når jeg laver stavefejl i scriptet *LOL*

Vi prøver sq lige igen:

<IMG SRC=\"baggrund.gif\" BORDER=\"0\" WIDTH=\"765\" HEIGHT=\"400\" ALT=\"\" USEMAP=\"#baggrund-u\" name=\"billede\">

<AREA SHAPE=\"rect\" COORDS=\"21,86,135,116\" HREF=\"index.htm\" onMouseover=\"java script:document.billede.src=\'baggrund-u.gif\';\" onMouseout=\"java script:document.billede.src=\'baggrund.gif\';\">


SÅ BURDE DET ALTSÅ VIRKE :)
/ Martin
Avatar billede olebole Juniormester
18. oktober 2001 - 16:22 #20
martinfrost >> Nej, det burde forhåbentlig ikke virke! Syntaksen er nemlig helt forkert.
*Aldrig - aldrig - aldrig - aldrig - aldrig - aldrig - aldrig - aldrig* \'java script:\' i en event-handler i et HTML-tag...! Det er en total nono!  :)
/mvh
Avatar billede martinfrost Nybegynder
18. oktober 2001 - 16:23 #21
sjovt at det så virker på min computer ik?
Avatar billede jakoba Nybegynder
18. oktober 2001 - 16:46 #22
det betuder at du bruger den browser der hedder Internet Explorer. Den tillader mange ting der er i strid med HTML og javascript reglerne.
Avatar billede martinfrost Nybegynder
18. oktober 2001 - 16:47 #23
Gør de fleste nu ikke det, Jakoba? 90-95% af mine besøgende gør og på Jubii er tallet nogenlunde det samme, såeh... :)
Avatar billede olebole Juniormester
18. oktober 2001 - 17:25 #24
martinfrost >> Bliv endelig med at skod-kode i stedet for at tage imod lidt lærdom....den eneste du ødelægger noget for, er dig selv - med mindre du selvfølgelig har noget spændende indhold på dine sider!  :)
Du kan være sikker på, at de palms, der popper frem i øjeblikket ikke kommer til at køre IE/Win - og så kan dine sider ikke ses.
I øvrigt er det da udtryk for en lidt fattig \'godt-nok\' mentalitet...hvad har ordentligt håndværk dog gjort?

Ved du iøvrigt overhovedet, hvororfor du skriver de koder, du gør? Hvorfor skriver du f.eks. \'java script:\'? Hvad er det, du prøver at opnå med at skrive det?
/mvh
Avatar billede martinfrost Nybegynder
18. oktober 2001 - 17:59 #25
Olebole >> Jeg er LANGT FRA oppe på jeres niveau når det gælder HTML/JavaScript programmering. Det indrømmer jeg sq gerne! :)

Men jeg synes bare, I mange gange har fået en kedelig tendens til at pille folk ned, der \"tror\" de har kommet med en brugbar løsning.

C-føldig kan man da gerne tage imod ny lærdom og finde på ting der er smartere og mere rigtigt, end det man selv har lavet - men nogen gange kommer det også lidt an på, hvordan tingene bliver fortalt.

Jeg er ikke et øjeblik i tvivl om at folk som dig og Jakoba kan lave koder der er ti gange pænere og mere korrekte end vi amatører, men derfor kan amatørerne jo også godt hjælpe hinanden nogen gange, selvom det måske så ikke bliver 100% optimalt.

Hovedsagen må være at problemet bliver løst - og i denne sammenhæng vil det således blive løst på  95% af brugerens computere - at det så måske kunne ha være 100% accepterer jeg fuldt ud. Jeg synes bare, at generelt så er de virkelige eksperter herinde lidt efter dem, der er på lidt lavere niveau. Og det skyldes point-systemet herinde, det skal jeg ik kunne sige, men i hvert fald har jeg ALDRIG - ALDRIG - ALDRIG - ALDRIG - ALDRIG *LOL* (lige for at bruge dine egne ord)... set en af jer rose eller sige noget godt om andres koder.

Mvh
Martin
Avatar billede martinfrost Nybegynder
18. oktober 2001 - 18:03 #26
Undskyld de stave- / trykfejl der eventuelt måtte være :)
Avatar billede jakoba Nybegynder
18. oktober 2001 - 18:06 #27
Gælds det at jeg har rost oleboles kode et par gange? ( men da også kritiseret ham når han lavede skod :-))

mvh JakobA
Avatar billede martinfrost Nybegynder
18. oktober 2001 - 18:08 #28
Jep, men nu er I jo også begge to eksperter her, så det overraskser mig ikke så meget :) Men prøv at se lidt mere generelt på det! :)
Avatar billede jakoba Nybegynder
18. oktober 2001 - 18:15 #29
Jeg tror en masse af det er hvordan kritikken bliver hørt. Hvis du hørte oleboles rettelse som \"Ih hvor er du dum Martin\" så burde den kritik ikke have været posted.
Men det ser jeg ikke rigtig nogen grund til at du skulle. Jeg er helt sikker på det ikke er sådan den var ment.
Kan du tale korrekt Bantu?
Det kan jeg heller ikke? men jeg synes ikke det betyder jeg er dum; bare at der er noget der at lære (hvis jeg gider).

mvh JakobA
Avatar billede martinfrost Nybegynder
18. oktober 2001 - 18:23 #30
Det kan da også godt være, at jeg tog den lidt for meget til mig, JakobA, men måske skyldtes det også, at nu har jeg set en sådan lidt negativ præget, nedgørende kritik af amatørers koder mange gange, men ja, det kommer da også meget an på, hvordan man hører kritikken - det er rigtigt! :)

mvh
Martin
Avatar billede olebole Juniormester
18. oktober 2001 - 18:52 #31
Prøv at checke min oprettelses dato her på Eksperten, så ved du cirka, hvorlænge jeg har kodet JavaScript!
Jeg er belastet af at være opvokset i et gammeldags håndværkerhjem og har i vuggegave fået noget så sjældent og antikveret som \'glæden ved det gode håndværk\'. Derfor må jeg også gøre det klart som kildevand i et krystalglas, at jeg ikke afinder mig med noget ringere end det sublime!
Det er lidt som med sex: Hellere tage sit sexliv \'i egen hånd\' end at nøjes med dårlig sex  ;o)
Jeg kræver kvalitet.....ikke kvantitet.
Det er det, der gør, at jeg idag kan det jeg kan........intet andet!

At du ikke hører Jakob og jeg rose folk så meget, kunne meget vel hænge sammen med at der bliver præsteret så frygtelig meget bras - og langt værre endnu: Folk synes alt for ofte at være bedøvende ligeglade med kvaliteten af deres arbejde! Bare det virker her og der, så squide være med, om det er nok så forkert.
Til gengæld vil du nok oftere se jakoba, nute, jumper og undertegnede rose hinanden...tingene hænger jo sammen  :)
Du skriver: \"sjovt at det så virker på min computer ik?\". Nej, det er zq ikke morsomt! Det er dybt tragisk - for koden er helt forkert!
Hvornår får vi dog nogle browsere, der kan overholde standarden? Før det sker, får vi ikke en standard, der er til at overholde.

Man skriver \'java script:\' i href\'en i et link for at præcisere, at man ønsker at kalde gennem JavaScript-pseudoprotokollen.....på samme måde, som man præciserer, når man kalder gennem FTP- eller HTTP-protokollen:
    <a href=\"HTTP://www.jubii.dk\">Jubii</a>
En event-handler i HTML er dog defineret til *kun* at afvikle JavaScript. Det er derfor direkte forkert at skrive \'java script:\' i en HTML event-handler. Det burde ikke kunne forstås af nogen browser - men forstås altså ærgeligt nok af IE.

Hvis du vil være god - eller blot tænke på at komme i nærheden af et job i branchen - skal du nok overveje en anden holdning til koder og gå hårdt efter at skrive rigtig syntaks......det er eneste chance i fremtiden.
De folk, der aldrig fik det lært helt rigtigt, har måske nok job idag, men branchen er så småt ved at blive voksen og i fremtiden vil der hovedsageligt blive brug for højt uddannede kodere/programmører - under ingen omstændigheder folk, der ikke kan deres syntaks  ;o)

Det er ikke for at pille dig ned, men jeg er heller ikke din mor, der pænt klapper sin pode på håret og siger: \"Stoooooor dreng....mors lille Rembrandt\" - når han med svedige fumlevorter stolt fremviser en krøllet lap med et par skæve streger på  :)
Det ville være at gøre dig en kæmpe bjørnetjeneste. Når nu ikke IE vil fortælle dig, det er noget vrøvl, du skriver - må andre jo gøre det. Hvordan ville du ellers lære det?

Lyt, læs og lær....det er, hvad jeg selv har gjort (...og i modsætning til, hvad somme måtte tro - stadig gør) - og jeg har zq ikke rigtig fortrudt endnu  ;o))
/mvh
Avatar billede martinfrost Nybegynder
18. oktober 2001 - 19:00 #32
Ja, men dybest set er jeg sådan set enig, I det du skriver - jeg synes bare generelt at tonen er blevet lidt negativt ladet - det er såmænd det hele :)

/martin
Avatar billede olebole Juniormester
18. oktober 2001 - 19:15 #33
Hmmmm.....spørgsmålet er nogle gange, hvad der er negativt.......kritiken eller reaktionerne på den  ;o)))
...det er såmænd det hele  :)
/mvh
Avatar billede simob Nybegynder
19. oktober 2001 - 16:56 #34
//Allesammen

Så er jeg tilbage.

Det glæder mig at i fik en god fortsat debat i går. Spændende bestemt.

Men hvis vi skal komme tilbage til problemet. Jeg snakkede med Beach i går. Han siger det er umuligt at lave det på en baggrund. Han har selv haft problemet. Den eneste mulig jeg har (som jeg håbede jeg kunne undgå) er at klippe i billedet.

Når jeg har færdiggjort dette vil jeg skrive igen.

//simob
Avatar billede martinfrost Nybegynder
19. oktober 2001 - 17:11 #35
Så det er selve mappets billede, der skal skifte onmouseover?! Eller kun den del af det, hvor musen er?!

Jeg vil da tro, det er muligt at lave noget opacity, så del-billederne evt. bliver mørkere eller lysere, men lige præcis hvordan man gør, det må du nok snakke med Jakoba om, eller en anden :)

/ Martin
Avatar billede simob Nybegynder
19. oktober 2001 - 17:18 #36
Her er spørgsmålet så.

Kig på eksemplet heruder. Der er noget lignende det jeg vil lave. Når man kører over et menupunkt, skal billedet et andet sted skifte.

I må meget gerne skriv koden til det.

http://www.vesterkopi.dk/forsider/dk-forside.html

//simob
Avatar billede simob Nybegynder
19. oktober 2001 - 18:47 #37
Kan i ikke hjælpe?
Avatar billede simob Nybegynder
19. oktober 2001 - 18:52 #38
Jeg opretter nyt spg.

Det her er ved at gå af sporet i forhold til hvad det var i starten.

Men tak for jeres hjælp...

//simob
Avatar billede jakoba Nybegynder
19. oktober 2001 - 18:54 #39
Prøv at kikke på  \"vis kilde\" for siden http://www.vesterkopi.dk/forsider/dk-forside.html

Det tager lidt mere end 20 minutter at lave ( for slet ikke at tale om den tid det tager at forklare :-))

mvh JakobA
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