kbkingMedlem sedan mars 2003168 inlägg 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)
dectgapMedlem sedan sep. 20021 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.
kbkingMedlem sedan mars 2003168 inlägg Ursäkta att det tog en stund för mig att fatta!
Detta använde jag:
<map name="Map">
<area shape="rect" coords="27,60,209,99" onclick="openNewWin();return false;">
</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?
Peter SMedlem sedan dec. 20025 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>
:)
kbkingMedlem sedan mars 2003168 inlägg jag har denna kod, går den att anpassa? Tänkte närmast på "user id"
<script>
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>
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
dectgapMedlem sedan sep. 20021 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>
kbkingMedlem sedan mars 2003168 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å?
dectgapMedlem sedan sep. 20021 655 inlägg Enklast är att lägga till följande i dina area-taggar: href="#"
kbkingMedlem sedan mars 2003168 inlägg Tack båda två för denna gång!
