<map> mit Popup - javarea.de Forum powered by javarea.de

Archivlink: javarea.de Forum > JavaScript > <map> mit Popup

Vollständigen Link anzeigen: javarea.de Forum > JavaScript > <map> mit Popup

Pages: [1]

geschrieben von andreas66 am 20.02.2007 - 10:41

Hallo,

ich habe hier mir ein Script zusammengeschnipselt, damit ich per <map> von einem Gesamtbild
einzelne Details mittels Popup größer rausholen kann.

Da ich dieses Script aus mehreren zusammenkopiert habe, habe ich den Verdacht, dass es nicht
ganz "sauber" is....
Auch soll das Popup an einer bestimmten Position aufgehen, und nicht am linken oberen Bildschirmrand. Das Popup sollte sich auch an das Bild anpassen, also keinen weissen Rand um das Bild zeigen.

Wer kann mir mein Script verfeinern bzw. erweitern ?

<script type="text/javascript">
function FensterAuf(file)
{
window.open(file,'window','width=250, height=250, scrollbars=no');
}
</script>

<html> <head> <title>Verweis-sensitive Grafiken definieren</title> </head> <body> <h1>Übersicht St.Leon-Rot</h1> <div> <map name="Gesamt">
<area shape="rect" coords="40,220,75,300" href="c:\tmp\scr.jpg" onclick="FensterAuf(this.href); return false;" title="SCR I">
<area shape="rect" coords="240,270,275,280" href="c:\tmp\bhkw.jpg" onclick="FensterAuf(this.href); return false;" title="BHKW">

</map> </div> <p><img src="c:\tmp\landkarte.jpg" width="400" height="565" usemap="#Gesamt"></p> </body> </html>

geschrieben von pyscho am 20.02.2007 - 13:54

Hallo andreas66,

nur am Rande damit dein Code gut strukturiert aussieht wäre es besser wenn du sie mit dem Tags code
umschliessen würdest.

Die [] eckigen Klammern müssen mit geschrieben werden und [ausdruck][/ausdruck] beendet weden.:

HTML-Quelltext

1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11: 
12:

<script type="text/javascript"> 
function FensterAuf(file) 
{ 
window.open(file,'window','width=250, height=250, scrollbars=no'); 
} 
</script>

<html> <head> <title>Verweis-sensitive Grafiken definieren</title> </head> <body> <h1>Übersicht St.Leon-Rot</h1> <div> <map name="Gesamt">
<area shape="rect" coords="40,220,75,300" href="c:\tmp\scr.jpg" onclick="FensterAuf(this.href); return false;" title="SCR I">
<area shape="rect" coords="240,270,275,280" href="c:\tmp\bhkw.jpg" onclick="FensterAuf(this.href); return false;" title="BHKW">

</map> </div> <p><img src="c:\tmp\landkarte.jpg" width="400" height="565" usemap="#Gesamt"></p> </body> </html>

bye