CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg
Cookie ikon
Avatar billede pwn Forsker
28. april 2006 - 01:08 Der er 23 kommentarer og
1 løsning

mouse over / on mouse

Jeg har en grundplan over en lejlighed. Når man peger med musen på et rum vil jeg gerne have, at der dukker et billede op i et felt ved siden af planen. Hvordan gøres dette (forklar gerne til "ikke særligt rutineret:-)
Avatar billede freegeg Nybegynder
28. april 2006 - 01:26 #1
http://img123.imageshack.us/img123/1379/dw8imgtools7gx.jpg

det 3 hotspot tools skulle kunne gøre det du vil :)
Avatar billede freegeg Nybegynder
28. april 2006 - 01:28 #2
brug:
du selecter en af de 3 forme.. også laver en "drag and hold" tror jeg nok det hedder :S
Avatar billede pwn Forsker
28. april 2006 - 01:41 #3
Forklar lige det lidt nærmere:-)
Jeg vil kun pege på et hotspot-område, hvorefter et billede dukker på på et nærmere angivet sted.
Avatar billede freegeg Nybegynder
28. april 2006 - 01:50 #4
du vil altså gerne blive på samme side, når du trykker på hotspot linket?

først.. har du fundet ud af hvordan hotspot virker?
Avatar billede pwn Forsker
28. april 2006 - 01:54 #5
Ja, det bruger jeg jævnligt.
Se http://www.glk.dk/ som eksempel - i stedet for tekst vil jeg gerne have et billede frem.
Avatar billede freegeg Nybegynder
28. april 2006 - 02:20 #6
først laver du et billede mere på din side.. det kalder du realimg, derefter går du ind i "Code View" og indsætter dette lige under den linie der begynder med <TITLE>

<script language="JavaScript">
function changeimg(url)
{
document.realimg.src=url;
}
</script>


i dine hosspot links, skiver du så

java script:changeimg("billede.jpg");
Avatar billede freegeg Nybegynder
28. april 2006 - 02:23 #7
jeg har lave et copy/paste klar skabelon.. du skal dog selv oprette hotspots efter hvad du skal bruge:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<script language="JavaScript">
function changeimg(url)
{
document.realimg.src=url;
}
</script>
</head>

<body>
<table width="100%" border="1">
  <tr>
    <td width="62%" height="505"><p><img alt="" name="overview" width="500" height="500" id="overview" /></p>
    <p>&nbsp;</p></td>
    <td width="38%"><img src="" alt="" name="realimg" width="300" height="300" id="realimg" /></td>
  </tr>
</table>

</body>
</html>
Avatar billede hundevennen Nybegynder
28. april 2006 - 13:42 #8
du skal lave et nyt lag med et billede, samt en funktion med når du køre musen hen over et rum så vises laget
Avatar billede donca Nybegynder
28. april 2006 - 14:12 #9
hundevennens svar er også godt.. vis du f.eks skal have et flottere design.. samt "instant" visning.. mit eksempel oader den først billedet, når du trykker på linket/hotspottet
Avatar billede hundevennen Nybegynder
28. april 2006 - 16:51 #10
hvis PWN bruger dreamweaver ligger funktionerne i programmet og han kan også vælge show layer med et mouseclick på en hotspot eller lignende
Avatar billede freegeg Nybegynder
28. april 2006 - 17:33 #11
hov.. glæmte lige jeg var logget på med min vens bruger.. jeg er donca :)
Avatar billede hundevennen Nybegynder
28. april 2006 - 18:09 #12
:-))
Avatar billede pwn Forsker
28. april 2006 - 19:58 #13
Tak for de mange gode svar - jeg kunne godt tænke mig løsningen, hvor billedet vises med det samme, når musen føren hen over feltet; altså uden klik. Jeg har gjort følgende:
1) Oprettet hotspot over et rum
2)Højreklikket og valgt Make link
3) Fundet det billede, der skal sættes ind

Det virker på den måde, at klikkes der, åbnes billedet på en ny side.

Hvordan kommer jeg videre; hvor ligger "show layer med et mouseclick på en hotspot"?
Avatar billede hundevennen Nybegynder
29. april 2006 - 10:17 #14
tryk på F2 for at få boksen advanced layout frem - gå i insert og vælg layer og sæt et billede ind  i laget stadigvæk i insert menupunktet.
Åbn Behaviors med  Shift + F3.
I det faneblad der hedder behaviors - klik på plusset og vælg show hide layers så får du en boks frem hvor du kan vælge show og hide og i layouboksen kan du så vælge hvilken funktion det skal være f.eks onmouse over og onmouseout - piece of cake, - ik?
Avatar billede pwn Forsker
29. april 2006 - 17:40 #15
Det skal skæres lidt mere ud i pap :-)

Når jeg trykker F2 får jeg ikke "advanced layout" frem (jeg bruger Dreamweaver MX 2004)- så allerede der stopper festen:-). Derimod kommer "Layers" frem under fanebladet Design.

Jeg har lagt et link med et grundrids: http://www.byport.dk/test.htm

Det jeg gerne vil er, blot ved at pege på de enkelte rum, så skal der i ventre side vises et billede. Hotspot er altså ikke det samme område, hvor billedet skal vises.
Som jeg har forstået forklaringerne, så tegnes et hotspot - fx. over stue - og et Lag i venstre side. Laget skal så indeholde et billede, der er skjult indtil musen føres ind over stue-hotspot.
Hvordan får jeg det til at virke.
ogm
Hvordan får jeg billedet til at blive på laget og ikke orientere sig i forhold til skærmkanten?
Avatar billede pwn Forsker
29. april 2006 - 18:17 #16
Lige en rettelse - billedet er stationært, det er resten af sicen, der er centreret. Så, hvordan får jeg billedetr til at følge den hvide del af siden?
Avatar billede hundevennen Nybegynder
29. april 2006 - 19:26 #17
Du kan bruge hele dit billede som link - d.v.s. når du føre musen hen over dit billede virker det med en mouseover og tænder for det lag du har lavet
Avatar billede hundevennen Nybegynder
29. april 2006 - 19:27 #18
jeg bruger DW MX så det burde vel være det samme??
Avatar billede hundevennen Nybegynder
29. april 2006 - 19:30 #19
jamen fane eller boksen der kommer frem hos mig hedder også design og i den er der et faneblad der hedder behavior iøvrigt har du jo lavet noget når man køre musen henover din balkon - du skal bare lave en onmouseout så forsvinder laget
Avatar billede hundevennen Nybegynder
30. april 2006 - 07:42 #20
jeg har kigget på koden til det du har lavet og det er jo rigtig nok - du skal som jeg skriver bare lave enshow hide layer mere på din hotspot, altså en hide layer onmouseout
Avatar billede hundevennen Nybegynder
30. april 2006 - 07:48 #21
med hensyn til dit layer 1 - der hvor du har billedet, så lav en style der placere billedet der hvordu vil ha det - dit layer skal se sådan her ud
<div id="Layer2" style="position:absolute; left:229px; top:81px; width:333px; height:347px; z-index:2"></div>
Avatar billede pwn Forsker
04. juli 2006 - 12:44 #22
Jeg må nok få det generelle Dreamweaver-niveau lidt højere op inden jeg kaster mig ud i ovenstående for mig avancerede teknik. Smid nogle svar, så lukker og fordeler jeg points - og tak for hjælpen.

mvh
p
Avatar billede hundevennen Nybegynder
04. juli 2006 - 20:01 #23
tjah - IDG har nogle gode hæfter om dreamweaver - de små hæfter på 100 sider til omrking 50 kr.
Avatar billede pwn Forsker
04. juli 2006 - 20:21 #24
Det tip honorere jeg med accept:-))
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
Programmeringssprog kurser
Kurser inden for grundlæggende programmering
Se alle Programmeringssprog kurser

Flere spørgsmål fra Programmeringsværktøjer kategorien

Titel Indlæg Oprettet Seneste aktivitet
senior Af Uroda i Programmeringsværktøjer 1 22/06/202418:29 23/06/202413:17
Sort Skærm Af Kaj Sondrup i Programmeringsværktøjer 5 25/02/202421:45 27/02/202420:17
DATA (D) Af rene1111 i Programmeringsværktøjer 3 21/02/202415:03 22/02/202409:08
Power Automate, åben en fil der er delt med mig Af KATM i Programmeringsværktøjer 1 16/02/202409:07 19/02/202409:10
Prisberegner til hjemmeside Af Michael Vahl i Programmeringsværktøjer 5 14/01/202417:30 17/12/202401:03
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester



Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I dag 04:32 Korrupt CF kort Af Mozcan i Foto & video
I går 21:34 install.esd og boot.wim Af sjass i Windows
I går 18:52 Nyt tekstdokument er forsvundet. Af valby i Windows
I går 16:48 "Defragmentering" af Windows 11 ? Af Ikke-ekspert i Windows
25/1219:53 CD Burner XP (Sætte den til at optage nogle numre fra en CD - Men ikke alle ? Af Ikke-ekspert i Musik & videoafspillere
White papers
Flere white papers »


Premium
Teaser billede
Historisk million-bøde får Region Syddanmarks it-direktør til at efterlyse nye GDPR-retningslinjer
Læs mere »
Ser med 'stor alvor' på problemer med vand, varme og manglende kontrol i politiets datacenter
Brugere rammes af Microsoft-fejl: M365-produkter er på mystisk vis blevet deaktiveret
Overblik: Danske it-selskaber strømmer ind mod den centrale storby - og det handler ikke om penge
Se alle »
Computerworld
Teaser billede
Til næste år kommer iPhone 17 – og ifølge rygtestrømmene vil den byde på tre nyheder
Læs mere »
Netværkstest: Første mesh-sæt med komplette WiFi 7-features sætter nye rekorder for dækning og hastighed
Her er dommen: Region Syddanmark skal betale historisk stor bøde for grove overtrædelser af GDPR
Nørgaard: Copilot scorer pænt højt i min kendte 3D-test (Dyrt, Dumt, Dårligt)
Se alle »
CIO
Teaser billede
En af verdens største it-distributører dropper samarbejdet med Broadcom: Kunne ikke nå til enighed
Læs mere »
Dansk headhunter: Dette spørgsmål bliver jeg næsten altid stillet, når jeg forsøger at rekruttere it-folk
Sådan vil Domstolsstyrelsen nedbringe legacy og teknisk gæld: Her er den nye plan
CISO Sarah Aalborg forlader Tivoli: Her er hendes planer for fremtiden
Se alle »
Job & Karriere
Teaser billede
Microsoft klar med ny direktion for den danske forretning: Her er de nye direktører
Læs mere »
Merete Søby klar med nyt top-job efter pludselig exit fra Schultz: Her er hendes nye job
Linus Torvalds giver russiske Linux-udviklere sparket: Vil ikke have noget med dem at gøre
Dansk headhunter: Dette spørgsmål bliver jeg næsten altid stillet, når jeg forsøger at rekruttere it-folk
Se alle »
White paper
Teaser billede
Derfor kræver AI, cloud og sikkerhed et stærkere netværk
Læs mere »
Sikkerhed uden grænser: Cisco Hypershield
Sådan: Én løsning til compliance, sikkerhed og overblik
Governance, Risk & Compliance: Knyt stærke bånd mellem forretning og sikkerhed
Se alle »

Events
Flere events »
White papers
Flere white papers »
IT-Kurser
Se alle vores it-kurser »