Karte mit Fenstern erstellen, aber wie?

Triple H

Hallo,
ich muss eine Karte (Landkarte) erstellen, auf denen Gebäude drauf sind. Wenn man ein Gebäude anklickt soll sich ein Fenster mit wichtigen Daten zu diesem gebäude öffnen.
Wie oder mit welchem Programm kann ich das bewerkstelligen
Ich danke für zahlreiche Antworten, denn ich hab von HTML noch nicht so richtig viel Ahnung.
Gruß
Triple H

MrJava

Einfachste Möglichkeit:

Verweis-sensitive Grafiken:
http://de.selfhtml.org/html/grafiken/….htm#definieren

Ich schreib dir mal was.

MrJava

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<script language="javascript">
<!--
var f1=false
var breite=300
var hoehe=400


var infotext= new Array(4)
infotext[0]="1. Hier stehen jede Menge Infos"
infotext[1]="2. Hier stehen jede Menge Infos"
infotext[2]="3. Hier stehen jede Menge Infos"
infotext[3]="4. Hier stehen jede Menge Infos"


function infofenster(index)
{


if(f1&&f1.closed==false)
f1.close()
f1=window.open("","","width="+breite+",height="+hoehe+",left="+((screen.width-breite)/2)+",top="+((screen.height-hoehe)/2))
with(f1.document)
{
open()
writeln('<html><head><meta http-equiv="imagetoolbar" content="no"><\/head>')
writeln('<body topmargin="0" leftmargin="0" marginheight="0" marginwidth="0">


')
writeln(infotext[index])
writeln('<\/p>


<a href="javascript:self.close()">schließen<\/a><\/p>')
writeln('<\/body><\/html>')
close()
}
}


//-->
</script>
</head>
<body>


<map name="Landkarte">
<area shape="rect" coords="100,100,500,150" href="javascript:infofenster(0)" title="Geb&auml;ude 1">
<area shape="rect" coords="100,200,500,250" href="javascript:infofenster(1)" title="Geb&auml;ude 2">
<area shape="rect" coords="100,300,500,350" href="javascript:infofenster(2)" title="Geb&auml;ude 3">
<area shape="rect" coords="100,400,500,450" href="javascript:infofenster(3)" title="Geb&auml;ude 4">
</map>






[img]landkarte.gif[/img]</p>


</body>
</html>

Alles anzeigen

Kuck dir das mal an.
- Infotext muss verändert werden.
- Die Area-Elemente
Und natürlich kannste auch das Aussehen des aufklappenden Fensters
ändern.

Triple H

Danke erstmal.
Jetzt noch ne kruze Frage:
In was füge ich diesen Code ein, (also in welche Datei, Programm, o.ä.)???

Ja, ich weiß, ich hab wirklich nciht viel Ahnung in HTML, aber das wird noch!

MrJava

Zitat von Triple H

Danke erstmal.
Ja, ich weiß, ich hab wirklich nciht viel Ahnung in HTML, aber das wird noch!

Ja merkt man ~
Öffne einfach wordpad, oder irgend nen Texteditor.
Kopiere den Code in den Editor und speicher die Datei als html-Datei. (.html als Endung)

Tags