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

awesome Nybegynder

30. maj 2007 - 18:46 Der er 14 kommentarer

Swap text

Hej.
Jeg skal bruge et javescript til swap text. Jeg har et kort som en billedfil, og jeg vil gerne have at når man kører over et bestemt sted på kortet, så er der noget tekst som popper op med en adresse i en tekstramme ovenover kortet.
Er der nogen som kan hjælpe mig?

Synes godt om

madeindk Nybegynder

30. maj 2007 - 18:55 #1

Hvor stort er billedet og har du et eksempel på hvordan det kan se ud?

Synes godt om

awesome Nybegynder

30. maj 2007 - 19:01 #2

200 x 250 er billedet ca.
Samme ide som http://www.skat.dk/SKAT.aspx?oID=349004, bare hvor teksten i stedet popper op i en box ovenover billedet. Boksen skal være der hele tiden, det eneste der skal skifte er teksten inde i boksen. Så når markøren ikke er over kortet er der bare en tom boks.

Synes godt om

w13 Novice

30. maj 2007 - 19:08 #3

Altså det kan gøres ekstremt nemt med:
document.getElementById('boks-id').innerHTML='Tekst her';

innerHTML er dog ikke accepteret inden for nogen standard, men det er jeg sikker på, at brugeren Olebole nok skal fortælle dig lidt om. :P

Synes godt om

awesome Nybegynder

30. maj 2007 - 19:21 #4

Ja okay, det skal dog helst være accepteret standard. :)

Synes godt om

windcape Praktikant

30. maj 2007 - 19:27 #5

Der er forskellige måder at gøre det på. Og mht. innerHTML kan du bare benytte textContent istedet, og så DOM hvis du skal have andet end ren tekst.

Synes godt om

olebole Juniormester

31. maj 2007 - 11:38 #6

<ole>

w13 >> Du gør mig jo arbejdsløs! ;oD

/mvh
</bole>

Synes godt om

w13 Novice

31. maj 2007 - 11:42 #7

Synes godt om

roenving Novice

31. maj 2007 - 13:56 #8

Prøv at kigge på overLib, som du jo også kan placere kaldet til i et area i en map !-)

http://www.bosrup.com/web/overlib/

Synes godt om

olebole Juniormester

31. maj 2007 - 14:04 #9

Jes, jeg tror, han ønsker teksten ovenover billedet - ikke henover ... men det er blot en teori ;o)

Synes godt om

jhe-ting Nybegynder

01. juni 2007 - 04:01 #10

'... kører over et bestemt sted på kortet ...' :

Det pejer i retning af image-map, tror jeg.

Måske er denne arbejds model brugbar som inspiration:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
<title>780937</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<script type="text/javascript">

function showInfo(idx){
var dst = document.getElementById('infoDisp');
dst.replaceChild(document.createTextNode("Info "+idx), dst.firstChild);
dst.style.display='block';
}
function hideInfo(){
document.getElementById('infoDisp').style.display='none';
}
function editInfo(idx){
alert('edit'+idx)
}
var hh,ww,trkImg;
window.onload = function(){
var areas = document.getElementsByTagName('area');
for (var ii=0, nn=areas.length; ii<nn; ii++) {
var showII=new Function('','showInfo('+ii+')');
areas[ii].onmouseover=showII;
areas[ii].onfocus=showII;
areas[ii].onmouseout=hideInfo;
areas[ii].onblur=hideInfo;
areas[ii].onclick=new Function('','editInfo('+ii+')');
}
}
</script>
<style type='text/css'>
#mainImg {
position: absolute; top: 0px; left: 0px; z-index: 0
}
#infoDisp{
position:absolute; display:none; color:#FFFFFF; background-color:#000000; z-index:2
}
#dbgDisp{
position:absolute; top:680px; left:400px; z-index:3
}
</style>
</head>

<body>

<div><map name="FPMap0">
<area shape="circle" coords="160, 367, 35" href='#' alt='Klik = Edit'>
<area shape="circle" coords="360, 367, 35" href='#' alt='Klik = Edit'>
</map><img id='mainImg' border="0" src="http://www.google.com/logos/Logo_50wht.gif" width="1024" height="680" usemap="#FPMap0" alt='Klik = Edit'></div>
<div id='infoDisp'>info</div>
<div id='dbgDisp'>debug</div>
</body>

</html>

Synes godt om

jhe-ting Nybegynder

01. juni 2007 - 04:03 #11

PS: edit-delen kan nok fjernes.

Synes godt om

jhe-ting Nybegynder

07. juni 2007 - 21:37 #12

PPS: Du har vist heller ikke brug for 'hideInfo'.

Synes godt om

w13 Novice

14. februar 2008 - 10:30 #13

Lukketid?

Synes godt om

jhe-ting Nybegynder

20. februar 2008 - 00:34 #14

awesome >> Er du kommet videre? Har du brug for mere input? Skal du ha' et svar at acceptere?

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

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
Returner ikke alt Af ingeman i JavaScript	13	26/06/202414:40	01/07/202417:00
Vis og skjul sektioner - virker kun på den første sektion Af nemlig i JavaScript	4	24/06/202422:50	26/06/202420:33
Hente og gemme Cookies like this. Af DanishBear i JavaScript	6	04/06/202416:23	05/06/202414:23
Ajax - indlæs webside og derefter hente data Af nemlig i JavaScript	4	21/05/202417:19	22/06/202422:07
Disable button efter 1. klik Af nemlig i JavaScript	2	05/05/202415:37	05/05/202416:25

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