Søg
Avatar billede job Nybegynder
05. november 1999 - 11:31 Der er 11 kommentarer og
2 løsninger

Mouseover ???????

Jeg har et stort billede hvorpå jeg har defineret 4 hotspots. Nu vil jeg gerne have 4 forskellige tekster til at komme frem afhængigt af hvilket hotspot jeg kører musen hen over. Kan dette lade sig gøre ? jeg kan kun få den samme tekst frem hver gang fordi det bliver opfattet som ét billede selv om der er 4 hotspots.
Er der nogen der kan hjælpe mig ??
Avatar billede bjarte Nybegynder
05. november 1999 - 12:01 #1
send meg bildet og det som forklaring på hva som skal gjøres nermere..(hvor på bildet osv..) så skal jeg se hv jeg får til

du må bruke mapping og rollover-image

Avatar billede starleicht Nybegynder
05. november 1999 - 12:40 #2
Er det noget i den her stil?
http://users.cybercity.dk/~buh3281/test/hotspot.html
Avatar billede skjoldby Nybegynder
05. november 1999 - 13:25 #3
Hvis du laver teksterne som billeder er det klart det nemmeste. text0.jpg skal være et blankt billede og der efter kommer text1.jpg etc.
Jeg skal lige sige jeg ikke har testet det, men det her er ihvert fald princippet. Du kan godt lave det vha text, men så skal du bruge layers og det er en anden historie.

<script language="Javascript">
<!--
function imgSwap(imgName,Target) {
img = new Image;
img.src = imgName;
document[Target].src = img.src;
}
// -->
</script>




<img src="text0.jpg" width="320" height="289" border="0" name="textswap">
<img src="hotspots.jpg" width="320" height="289" border="0" usemap="#map1">

<map name="map1">
  <area shape="rect" coords="149,14,263,99" href="link2.html" onMouseOver="imgSwap('text1.jpg','textswap')" onMouseOut="imgSwap('text0.jpg','textswap')">
  <area shape="rect" coords="5,7,141,106" href="link1.html" onMouseOver="imgSwap('text2.jpg','textswap')" onMouseOut="imgSwap('text0.jpg','textswap')">
</map>
Avatar billede skjoldby Nybegynder
05. november 1999 - 13:27 #4
starleicht>>> hvad er det for noget med et link. Skriv dog koden og forklar den. Hvad nu hvis der er én der går ind på spørgsmålet om en måned for at se svaret - og linket ikke eksistere længere? Kan du se hvad jeg mener?
Avatar billede starleicht Nybegynder
05. november 1999 - 13:36 #5
Normalt ville jeg også have gjort det, men jeg ville gerne illustrere hvad jeg mente, eksemplificeret med grafik, så det var den eneste mulighed.
Men selvfølgelig har du ret, og det er taget til efterretning.

Starleicht :-)
Avatar billede job Nybegynder
05. november 1999 - 16:07 #6
Bjarte
Du kan se problemet beskrevet på:
http://www.angelfire.com/ab2/testing4/index.html

Tror du du kan hjælpe ??
Avatar billede job Nybegynder
05. november 1999 - 16:21 #7
Starleicht
Ja, det kunne være noget i denne stil. Jeg har prøvet at forstå dit script som ser således ud:
<html>

<head>
<title>http://users.cybercity.dk/~buh3281/test/hotspot.html</title>
<script language="JavaScript">
<!--
    img = new Image;
    function changeImg(imgName) {
      img.src = imgName;
      document.pic.src = img.src;
    }
//-->
</script>
</head>

<body>

<p><!--webbot bot="ImageMap" circle="(32,49) 19  " circle="(120,21) 18  "
circle="(148,74) 17  " default src="hotspot.gif" width="200" height="100" border="0" --><br>
<img src="txt.gif" width="150" height="50" border="0" name="pic"></p>

<p>&nbsp;</p>
</body>
</html>

Jeg kan simpelthen ikke forstå hvorfra teksten "Hotspot 3 Her står noget tekst" kommer fra. Hvor er den i koden ??

Job
Avatar billede bjarte Nybegynder
05. november 1999 - 16:37 #8
har lært litt gjennom skjoldby(spørsmål på eksperten), så jeg tror at han klarer det bedre.. men jeg har sett en sak der man viste teksten (fra hotspotsene) i et formfelt.

Den funket ikke i 3.0 browsere...
men.. ellers var den ganske bra.
Avatar billede starleicht Nybegynder
05. november 1999 - 16:41 #9
Her er min kode:

******************************************
<html>
<head>
        <title></title>

<SCRIPT language="JavaScript">

<!--
        img = new Image;
        function changeImg(imgName) {
          img.src = imgName;
          document.pic.src = img.src;
        }
//-->

</SCRIPT>
</head>

<body>

<img src="hotspot.gif" width=200 height=100 border=0 usemap="#hotspot"><br>
<img src="txt.gif" width=150 height=50 border=0 name="pic">

<map name="hotspot">
<area shape="circle" coords="32,49,19" href="#" onMouseover="changeImg('txt1.gif')" onMouseout="changeImg('txt.gif')">
<area shape="circle" coords="120,21,18" href="#" onMouseover="changeImg('txt2.gif')" onMouseout="changeImg('txt.gif')">
<area shape="circle" coords="148,74,17" href="#" onMouseover="changeImg('txt3.gif')" onMouseout="changeImg('txt.gif')">
<area shape="default" nohref>
</map>

</body>
</html>
******************************************
Teksten "Hotspot 3 Her står noget tekst" er simpelthen en gif-fil (txt3.gif).
For at få ovenstående til at virke, skal du altså lave 4 gif-"tekst" filer:
txt.gif der vises når musen ikke peger på et hotspot
txt1.gif der vises når musen peger på hotspot 1 (det røde)
txt2.gif der vises når musen peger på hotspot 2 (det grønne)
txt3.gif der vises når musen peger på hotspot 3 (det blå)

Så skal du selvfølgelig også have et billede, der indeholder de 3 hotspots. I mit eksempel: hotspot.gif

Jeg håber det hjalp på forståelsen.
:-) Starleicht
Avatar billede bjarte Nybegynder
05. november 1999 - 16:45 #10
bildet viser ikke. men jeg forstår poenget, med skuffer. med jobs eksempel tror jeg han har lagt teksten for hotspotsene i egen side???

job>> er dette nødvendig?

slik jeg har forstått det kan du vel bare "mappe" hotspotsene, og lage en onmousover-sak slik at de forskjellige bildene vises.

NB: et eksempel er...
en råååå side

http://gudmund.vgs.no/~tormhil/

med forholds lite innhold da...
Avatar billede skjoldby Nybegynder
05. november 1999 - 23:36 #11
job, prøv nu at se mit svar.
Vil du hellere have det med ren tekst??? Det kan jeg hurtigt klarer hvis du giver en melding!
Avatar billede skjoldby Nybegynder
10. november 1999 - 13:48 #12
HALLOOO JOB! ER DU DER???
Avatar billede bjarte Nybegynder
12. november 1999 - 10:18 #13
hmm ser ut som job er gått i graven...
på http://www.bratta.com er det enkelt lite script(layers) til å vise ren tekst
det er vel dette du skal lage?

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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel Indlæg Oprettet Seneste aktivitet
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript 1 03/02/202614:19 03/02/202618:42
Åbne en PDF fil fra en mappe Af mbl i JavaScript 9 18/04/202516:52 22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript 2 14/02/202511:47 27/06/202514:34
Sæt vindue størrelse Af poulmadsen i JavaScript 1 08/10/202417:18 13/10/202412:33
Opgavestyring Af ingeman i JavaScript 1 15/09/202416:06 15/09/202420:40
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 16:12 Outlook fejler: 0x80070057 + 0x800CCC0E Af TTA i Office & Kontorpakker
I går 20:13 PIHOLE Af dcedata1977 i Linux
13/0312:06 SDKORT / SSD Af dcedata1977 i Linux
13/0309:12 Kan min telefon høre en samtale og lave annonce tilbud efter det Af Niels Ebbe Schmidt Huus i Mobiltelefoner
11/0307:12 Fastnettelefon Af nu_igen i Andet hardware
White papers
Flere white papers »