CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

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:-)

Synes godt om

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 :)

Synes godt om

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

Synes godt om

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.

Synes godt om

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?

Synes godt om

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.

Synes godt om

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");

Synes godt om

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> </p></td>
<td width="38%"><img src="" alt="" name="realimg" width="300" height="300" id="realimg" /></td>
</tr>
</table>

</body>
</html>

Synes godt om

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

Synes godt om

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

Synes godt om

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

Synes godt om

freegeg Nybegynder

28. april 2006 - 17:33 #11

hov.. glæmte lige jeg var logget på med min vens bruger.. jeg er donca :)

Synes godt om

hundevennen Nybegynder

28. april 2006 - 18:09 #12

:-))

Synes godt om

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"?

Synes godt om

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?

Synes godt om

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?

Synes godt om

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?

Synes godt om

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

Synes godt om

hundevennen Nybegynder

29. april 2006 - 19:27 #18

jeg bruger DW MX så det burde vel være det samme??

Synes godt om

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

Synes godt om

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

Synes godt om

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>

Synes godt om

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

Synes godt om

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.

Synes godt om

pwn Forsker

04. juli 2006 - 20:21 #24

Det tip honorere jeg med accept:-))

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

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
Capcha problemer Af Asky i Programmeringsværktøjer	0	02/03/202517:21	-
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

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.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS