Menu der skal skifte billede

Du må nok teste på sidens adresse og så derudfra sætte et af punkterne til at være aktivt.

F.eks. med en if/else, ja, men endnu bedre med en case (switch).

Hvordan gøres det? document.page?

window.location.href vil give dig url-adressen. Og du kan teste for indhold med indexOf("tekst")

F.eks.:

if ( window.location.href.indexOf("/adresse.htm") > -1 ){
  alert("Du er på adresse.htm!");
}

jeg kan vel også sætte den til at være:

if ( window.location.href.indexOf("/adresse.htm") == "kontakt.html")

ikke?

Nej, indexOf("/adresse.htm") vil ikke kunne returnere "kontakt.html". =)

Nej selvfølgelig ikke, men hvad hedder den så? window.location.href.name?

-- er alle dine menupunkter forskelligt stylet, jeg forstår ikke, at du har behov for alle disse divs ?-)

-- og grundlæggende har du vel forskellige sider, som serveren serverer, så du kan bare sætte en speciel klasse i dit serverside script !-)

-- og andre ting i din kode tyder på uhensigtsmæssigheder, så en oprydning af den samlede kode ser ud til at være nødvendig ...

-- prøv at vise din js- og css-kode her !o]

Her er js:

#
<!-- This script and many more are available free online at -->
#
<!-- The JavaScript Source!! http://javascript.internet.com -->
#
<!-- Created by: Joshua Bollman : http://www.freewebs.com/socomnavysealsfreak/ -->
#

#

#
function SwapImage1() {
#
document.image1.src="slice/menu_velkommen_aktiv.gif"
#
}
#
function SwapImage1Back() {
#
document.image1.src="slice/menu_velkommen.gif"
#
}
#

#
function SwapImage2() {
#
document.image2.src="slice/menu_profil_aktiv-kopi.gif"
#
}
#
function SwapImage2Back() {
#
document.image2.src="slice/menu_profil-kopi.gif"
#
}
#

#
function SwapImage3() {
#
document.image3.src="slice/menu_kurserforedrag_aktiv-kopi.gif"
#
}
#
function SwapImage3Back() {
#
document.image3.src="slice/menu_kurserforedrag-kopi.gif"
#
}
#

#
function SwapImage4() {
#
document.image4.src="slice/menu_klinik_aktiv-kopi.gif"
#
}
#
function SwapImage4Back() {
#
document.image4.src="slice/menu_klinik-kopi.gif"
#
}
#

#
function SwapImage5() {
#
document.image5.src="slice/menu_inspiration_aktiv-kopi.gif"
#
}
#
function SwapImage5Back() {
#
document.image5.src="slice/menu_inspiration-kopi.gif"
#
}
#

#
function SwapImage6() {
#
document.image6.src="slice/menu_kontakt_aktiv-kopi.gif"
#
}
#
function SwapImage6Back() {
#
document.image6.src="slice/menu_kontakt-kopi.gif"
#
}
#

#
function SwapImage7() {
#
document.image7.src="slice/menu_terapi_aktiv-kopi.gif"
#
}
#
function SwapImage7Back() {
#
document.image7.src="slice/menu_terapi-kopi.gif"
#
}

og CSS:

#
body {
#
background-color: #fdfcf6;
#
margin-left: 100px;
#
margin-top: 30px;
#
padding: 0;
#
font-family: Arial, Sans-Serif;
#
}
#

#

#
a:link {
#
font-weight: bold;
#
text-decoration: none;
#
color: #5A3D1E;
#
}
#
a:visited, a:active {
#
font-weight: bold;
#
text-decoration: none;
#
color: #5A3D1E;
#
}
#
a:hover {
#
text-decoration: none;
#
color: #E1BA9F;
#
}
#

#
/* specific divs */
#

#
#namebox {
#
background: url(slice/logo-kopi.gif) no-repeat;
#
position: absolute;
#
top: 10px;
#
left: 100px;
#
width: 327px;
#
height: 129px;
#
z-index: 1;
#
}
#

#
#banner {
#
/* background: url(slice/billede_inspiration-kopi.gif) no-repeat; */
#
position: absolute;
#
top: 140px;
#
left: 100px;
#
width: 898px;
#
height: 129px;
#
z-index: 1;
#
}
#
#
#billede_annemarie {
#
/* background: url(slice/annemarie2.gif) no-repeat; */
#
position: absolute;
#
top: 400px;
#
left: 695px;
#
width: 200px;
#
height: 300px;
#
z-index: 1;
#
}
#
#
#velkommen_menu {
#
background: url(slice/menu_velkommen.gif) no-repeat;
#
position: absolute;
#
top: 270px;
#
left: 100px;
#
width: 50px;
#
height: 42px;
#
z-index: 1;
#
}
#
#
#terapi_menu {
#
background: url(slice/menu_terapi-kopi.gif) no-repeat;
#
position: absolute;
#
top: 270px;
#
left: 217px;
#
width: 50px;
#
height: 42px;
#
z-index: 1;
#
}
#
#
#profil_menu {
#
background: url(slice/menu_profil-kopi.gif) no-repeat;
#
position: absolute;
#
top: 270px;
#
left: 491px;
#
width: 49px;
#
height: 42px;
#
z-index: 1;
#
}
#
#
#klinik_menu {
#
background: url(slice/menu_klinik-kopi.gif) no-repeat;
#
position: absolute;
#
top: 270px;
#
left: 297px;
#
width: 47px;
#
height: 42px;
#
z-index: 1;
#
}
#
#
#inspiration_menu {
#
background: url(slice/menu_inspiration-kopi.gif) no-repeat;
#
position: absolute;
#
top: 270px;
#
left: 374px;
#
width: 87px;
#
height: 42px;
#
z-index: 1;
#
}
#
#
#kontakt_menu {
#
background: url(slice/menu_kontakt-kopi.gif) no-repeat;
#
position: absolute;
#
top: 270px;
#
left: 570px;
#
width: 66px;
#
height: 42px;
#
z-index: 1;
#
}
#

#
#pageHeader h1 {
#
margin-top: 320px;
#
}
#

#
.textbox p {
#
position: absolute;
#
margin-top: 320px;
#
height: 500px;
#
width: 450px;
#
line-height: 18pt;
#
color: #5A3D1E;
#
font-size: 12px;
#
float:left;
#
}
#

#
.newsbox p {
#
position: absolute;
#
margin-top: 450px;
#
margin-left: 588px;
#
height: 110px;
#
width: 280px;
#
padding: 20px 15px 20px 15px;
#
line-height: 12pt;
#
background-color: #C8E7EF;
#
color: #5A3D1E;
#
font-size: 12px;
#
}
#

#

#
#linklist {
#
position: absolute;
#
margin-left: 698px;
#
margin-top: 320px;
#
height: 200px;
#
width: 200px;
#
font-size: 11px;
#
line-height: 11pt;
#
color: #5A3D1E;
#
}
#

#
span.light {
#
font-weight: lighter;
#
#
}

jeg forstår ikke helt din kommentar omkring server som serverer sider. Jeg er med på at der er flere div end nødvendigt.

Forstår du hvad jeg vil med menu punkterne?

Du behøver kun een SwapImage-funktion, men det er blevet sværere at lave den, fordi en del af dine billeder hedder noget -kopi ...

function SwapImage(pic){
  if(pic.src.indexOf("_aktiv")>-1)
    pic.src = pic.src.replace(/_aktiv/,"");
  else if(pic.src.indexOf("-kopi")>-1)
    pic.src = pic.src.replace(/-kopi/, "_aktiv-kopi");
  else
    pic.src = pic.src.replace(/\.gif/, "_aktiv.gif");
}

-- og så kalder du den på billederne med:

<a href="index.shtml"><img src="slice/menu_velkommen_aktiv.gif" name="image1" border="0" onmouseover="SwapImage(this);" onmouseout="SwapImage(this);"></a>

-- altså præcis den samme kode uanset billede og event ...

-- css-delen vil jeg vente med at prøve at overskue (eller måske kommer der lige en anden forbi !-)