K kbking Medlem sedan mars 2003 168 inlägg Trådstart 15 mars 2003 14:04 #1 Mellan head taggarna har jag:
<script src="script/kbking.js"></script> och i body har jag:
<a href="#" onClick="openNewWin();return false;"><img src="images/kbking.gif" width="13" height="75" border="0"></a>
Koden skriver ut ett pop-up fönster med diverse info. Detta fungerar alltså utmärkt.
Nu har jag emellertid en bild som med ett flödes-schema symboliserar organisationen. Jag vill göra en image-map av denna bild och ha sju ställen på den klickbara för att få upp likadan info som jag kan med ovanstående metod.
Det jag undrar är: Hur skriver jag länken för vart och ett av dessa sju ställen?
(jag använder Dreamweaver)
dectgap Medlem sedan sep. 2002 1 655 inlägg Titta lite på hur koden ser ut här så förstår du nog hur du ska göra:
http://roslund.homeip.net/mattias/imagemap/index.html
Säga vad man vill om WYSIWYG-redigerare, men de är oslagbara när man ska göra imagemaps.
K kbking Medlem sedan mars 2003 168 inlägg Ursäkta att det tog en stund för mig att fatta!
Detta använde jag:
<map name="Map">
När jag nu skall göra ytterligare 6 länkar i denna image-map, vad behöver jag ändra på då? Är det mer än att numrera fönstren från 1-6? Jag kan väl lägga alla i samma .js fil också, eller hur?
P Peter S Medlem sedan dec. 2002 5 483 inlägg Genom att omdefiniera din openWin() -funktion kan du göra det hela lite smidigare:
// I .js-filen
function openWin( url ){
window.open( url, "", "height=300,width=300" );
};
// I <body>
<map>
<area onclick="openWin('sida1.html')"....
<area onclick="openWin('sida2.html')"....
</map>
K kbking Medlem sedan mars 2003 168 inlägg jag har denna kod, går den att anpassa? Tänkte närmast på "user id"
<script>http://www.jcd.se/applikationer/bjerking/personal/view/card.asp?user="+id,"fonster","WIDTH=600,HEIGHT=370 ");//fonster.window.moveTo (screen.availWidth-420,10);
Koden ingår inte i mina sidor - jag använder inte asp - men tänkte att den kanske går att skrynkla till på något vis
dectgap Medlem sedan sep. 2002 1 655 inlägg <html>
<head>
<script type="text/javascript">
var fonster;
function openwin(id) {
fonster = window.open("http://www.jcd.se/applikationer/bjerking/personal/view/card.asp?user="+id,"fonster","WIDTH=600,HEIGHT=370");
//fonster.window.moveTo(screen.availWidth-420,10);
fonster.focus();
}
</script>
</head>
<body>
<img src="din_bild" usemap="#ett_namn" />
<map name="ett_namn">
<area onclick="openwin(1)" ... />
<area onclick="openwin(2)" ... />
<area onclick="openwin(3)" ... />
<area onclick="openwin(4)" ... />
</map>
</body>
</html>
K kbking Medlem sedan mars 2003 168 inlägg Tack!
Allt väl så här långt. När jag klickar i "image-mappen" så visas ingen hand. Går det att få med den också?
dectgap Medlem sedan sep. 2002 1 655 inlägg Enklast är att lägga till följande i dina area-taggar: href="#"
K kbking Medlem sedan mars 2003 168 inlägg Tack båda två för denna gång!
