Avatar billede Keld Nielsen Professor
07. januar 2007 - 08:29 Der er 31 kommentarer og
1 løsning

Skift tekst i menu

Jeg har en CSS-menu, hvor jeg gerne ville kunne skifte teksten, til et andet sprog (Engelsk og Tysk) ved tryk på en knap.

Linierne i menuen er meget enkle, som her:
<li><a href="item3c.html">Bloklys</a></li>

Da det kun er menuen som skal skifte sprog, er der ingen grund til at lave tre udgaver af hele sitet.
Avatar billede chrisson Nybegynder
08. januar 2007 - 22:51 #1
<html>
<head>
<script>
function sprog(land){
var menu = document.getElementById('menu');
if(land == "engelsk"){
menu.innerHTML = "<a>Frontpage</a><br><a>About me</a><br><a>Logon</a>";
}
if(land == "dansk") {
menu.innerHTML = "<a>Forside</a><br><a>Om mig selv</a><br><a>Logind</a>";
}
}
</script>
</head>
<body>
<div id="menu">
<a>Forside</a><br>
<a>Om mig selv</a><br>
<a>Logind</a>
</div>
<a href="#" onclick="sprog('engelsk')">English</a>
<a href="#" onclick="sprog('dansk')">Dansk</a>
</body>
</html>

Her var bare lige et hurtigt er...
(det virker)
Avatar billede chrisson Nybegynder
08. januar 2007 - 22:53 #2
et*

hvis du ikke kan finde ud af at ligge tysk ind, siger du bare til, så gør jeg det.
Avatar billede chrisson Nybegynder
08. januar 2007 - 23:52 #3
Her er en klikfri udgave:

<html>
<head>
<script>
function sprog(land){
var menu = document.getElementById('menu');
if(land == "engelsk"){
menu.innerHTML = "<a>Frontpage</a><br><a>About me</a><br><a>Logon</a>";
}
if(land == "dansk") {
menu.innerHTML = "<a>Forside</a><br><a>Om mig selv</a><br><a>Logind</a>";
}
}
</script>
</head>
<body>
<div id="menu">
<a>Forside</a><br>
<a>Om mig selv</a><br>
<a>Logind</a>
</div>
<a onclick="sprog('engelsk')"><u><font color="blue">English</font></u></a>
<a onclick="sprog('dansk')"><u><font color="blue">Dansk</font></u></a>
</body>
</html>

Link:
http://www.kasketten.dk/eksperten/testsprog.htm
Avatar billede chrisson Nybegynder
09. januar 2007 - 00:27 #4
Sad lige om legede lidt:
<html>
<head>
<script>
function sprog(land){
var menu = document.getElementById('menu');
var login = document.getElementById('login');
var sprog = document.getElementById('sprog');
if(land == "engelsk"){
menu.innerHTML = "<b>Menu</b><br><a>Frontpage</a><br><a>About me</a>";
login.innerHTML = "<form action='login_ok.php' method='post' enctype='multipart/form-data'><b>Logon</b><br><a>Username:</a><br><input type='text'><br><a>Password:</a><br><input type='password'><br><input type='submit' value='Logon'></form>";
sprog.innerHTML = "<div id='sprog'><b>Languages</b></div>";
}
if(land == "dansk") {
menu.innerHTML = "<b>Menu</b><br><a>Forside</a><br><a>Om mig selv</a>";
login.innerHTML = "<form action='login_ok.php' method='post' enctype='multipart/form-data'><b>Logind</b><br><a>Brugernavn:</a><br><input type='text'><br><a>Kode:</a><br><input type='password'><br><input type='submit' value='Logind'></form>";
sprog.innerHTML = "<div id='sprog'><b>Sprog</b></div>";
}
}
</script>
</head>
<body>
<div id="menu">
<b>Menu</b><br>
<a>Forside</a><br>
<a>Om mig selv</a><br>
</div>
<br>
<div id="login">
<form action="login_ok.php" method="post" enctype="multipart/form-data">
<b>Logind</b><br>
<a>Brugernavn:</a><br><input type="text"><br>
<a>Kode:</a><br><input type="password"><br>
<input type="submit" value="Logind">
</form>
</div>
<br>
<div id="sprog"><b>Sprog</b></div>
<a onclick="sprog('engelsk')"><u><font color="blue">English</font></u></a><br>
<a onclick="sprog('dansk')"><u><font color="blue">Dansk</font></u></a>
</body>
</html>

Link:
http://www.kasketten.dk/eksperten/testsprog.htm
Avatar billede Keld Nielsen Professor
09. januar 2007 - 17:17 #5
Hej ....har prøvet at rette det til ...men desværre virker det ikke, kan du se fejlen?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml2/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Menu</title>
<meta http-equiv="imagetoolbar" content="no" />
<link href="menu.css" rel="stylesheet" type="text/css" />
<script>
function sprog(land){
var menu = document.getElementById('menu');
if(land == "engelsk"){
menu.innerHTML = "<ul class="menu1">
<li class="drop"><a href="item1.html">Welcome</a></li>
<li class="drop"><a href="item1.html">Shop, art, light</a></li>
<li class="drop"><a href="item1.html">Selvdyp</a></li>
<li class="drop"><a href="item2.html">Charlys Café</a><table><tr><td>
    <ul>
    <li><a href="item2a.html">Caféen</a></li>
    <li><a href="item2b.html">Bo Bendixen Galleri</a></li>
    </ul>
    </td></tr></table>
</li>
<li class="drop"><a href="item3.html">Egen fabrikation</a><table><tr><td>
    <ul>
    <li><a href="item3a.html">Hånddyppet lys</a></li>
    <li><a href="item3b.html">Kertelys</a></li>
    <li><a href="item3c.html">Julelys</a></li>
    <li><a href="item3d.html">Dekorationslys</a></li>
    <li><a href="item3e.html">Kalenderlys</a></li>
    <li><a href="item3f.html">Keglelys</a></li>
    <li><a href="item3f.html">Pyramidelys</a></li>
    <li><a href="item3f.html">Løglys</a></li>
    <li><a href="item3f.html">Patina</a></li>
    <li><a href="item3f.html">Bloklys blank</a></li>
    <li><a href="item3f.html">Bloklys 3 væger</a></li>
    <li><a href="item3f.html">3-farvet bloklys</a></li>
    <li><a href="item3f.html">3-farvet bloklys 6-kantet</a></li>
    <li><a href="item3f.html">Bloklys</a></li>
    <li><a href="item3f.html">Lyshøvl</a></li>
    <li><a href="item3f.html">Lysslukker</a></li>
    </ul>
    </td></tr></table>
</li>
<li class="drop"><a href="item4.html">Kontakt</a></li>
<li><a class="last" href="item5.html" title="Home">Nyheder</a></li>
</ul>";
}
if(land == "dansk") {
menu.innerHTML = "<ul class="menu1">
<li class="drop"><a href="item1.html">Velkommen</a></li>
<li class="drop"><a href="item1.html">Butik, brugskunst, lys</a></li>
<li class="drop"><a href="item1.html">Selvdyp</a></li>
<li class="drop"><a href="item2.html">Charlys Café</a><table><tr><td>
    <ul>
    <li><a href="item2a.html">Caféen</a></li>
    <li><a href="item2b.html">Bo Bendixen Galleri</a></li>
    </ul>
    </td></tr></table>
</li>
<li class="drop"><a href="item3.html">Egen fabrikation</a><table><tr><td>
    <ul>
    <li><a href="item3a.html">Hånddyppet lys</a></li>
    <li><a href="item3b.html">Kertelys</a></li>
    <li><a href="item3c.html">Julelys</a></li>
    <li><a href="item3d.html">Dekorationslys</a></li>
    <li><a href="item3e.html">Kalenderlys</a></li>
    <li><a href="item3f.html">Keglelys</a></li>
    <li><a href="item3f.html">Pyramidelys</a></li>
    <li><a href="item3f.html">Løglys</a></li>
    <li><a href="item3f.html">Patina</a></li>
    <li><a href="item3f.html">Bloklys blank</a></li>
    <li><a href="item3f.html">Bloklys 3 væger</a></li>
    <li><a href="item3f.html">3-farvet bloklys</a></li>
    <li><a href="item3f.html">3-farvet bloklys 6-kantet</a></li>
    <li><a href="item3f.html">Bloklys</a></li>
    <li><a href="item3f.html">Lyshøvl</a></li>
    <li><a href="item3f.html">Lysslukker</a></li>
    </ul>
    </td></tr></table>
</li>
<li class="drop"><a href="item4.html">Kontakt</a></li>
<li><a class="last" href="item5.html" title="Home">Nyheder</a></li>
</ul>";
}
}
</script>

</head>

<body>
<a onclick="sprog('engelsk')"><u><font color="blue">English</font></u></a>
<a onclick="sprog('dansk')"><u><font color="blue">Dansk</font></u></a>
<div id="menu">
<ul class="menu1">
<li class="drop"><a href="item1.html">Velkommen</a></li>
<li class="drop"><a href="item1.html">Butik, brugskunst, lys</a></li>
<li class="drop"><a href="item1.html">Selvdyp</a></li>
<li class="drop"><a href="item2.html">Charlys Café</a><table><tr><td>
    <ul>
    <li><a href="item2a.html">Caféen</a></li>
    <li><a href="item2b.html">Bo Bendixen Galleri</a></li>
    </ul>
    </td></tr></table>
</li>
<li class="drop"><a href="item3.html">Egen fabrikation</a><table><tr><td>
    <ul>
    <li><a href="item3a.html">Hånddyppet lys</a></li>
    <li><a href="item3b.html">Kertelys</a></li>
    <li><a href="item3c.html">Julelys</a></li>
    <li><a href="item3d.html">Dekorationslys</a></li>
    <li><a href="item3e.html">Kalenderlys</a></li>
    <li><a href="item3f.html">Keglelys</a></li>
    <li><a href="item3f.html">Pyramidelys</a></li>
    <li><a href="item3f.html">Løglys</a></li>
    <li><a href="item3f.html">Patina</a></li>
    <li><a href="item3f.html">Bloklys blank</a></li>
    <li><a href="item3f.html">Bloklys 3 væger</a></li>
    <li><a href="item3f.html">3-farvet bloklys</a></li>
    <li><a href="item3f.html">3-farvet bloklys 6-kantet</a></li>
    <li><a href="item3f.html">Bloklys</a></li>
    <li><a href="item3f.html">Lyshøvl</a></li>
    <li><a href="item3f.html">Lysslukker</a></li>
    </ul>
    </td></tr></table>
</li>
<li class="drop"><a href="item4.html">Kontakt</a></li>
<li><a class="last" href="item5.html" title="Home">Nyheder</a></li>
</ul>


</div>
</body>
</html>
Avatar billede chrisson Nybegynder
09. januar 2007 - 22:18 #6
Jeg kigger lige på det...
Avatar billede chrisson Nybegynder
09. januar 2007 - 22:25 #7
1. fejl
hvis dit script starter med " må det andet text ikke have ", kun hvis du skal sætte noget fra javascript ind!
Du kan også bruge ' som jeg rettede dem til
2. fejl
DU havde dine ting i flere linier..

De fejl jeg rettede:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml2/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Menu</title>
<meta http-equiv="imagetoolbar" content="no" />
<link href="menu.css" rel="stylesheet" type="text/css" />
<script>
function sprog(land){
var menu = document.getElementById('menu');
if(land == "engelsk"){
menu.innerHTML = '<ul class="menu1"><li class="drop"><a href="item1.html">Welcome</a></li><li class="drop"><a href="item1.html">Shop, art, light</a></li><li class="drop"><a href="item1.html">Selvdyp</a></li><li class="drop"><a href="item2.html">Charlys Café</a><table><tr><td><ul><li><a href="item2a.html">Caféen</a></li><li><a href="item2b.html">Bo Bendixen Galleri</a></li></ul></td></tr></table></li><li class="drop"><a href="item3.html">Egen fabrikation</a><table><tr><td><ul><li><a href="item3a.html">Hånddyppet lys</a></li><li><a href="item3b.html">Kertelys</a></li><li><a href="item3c.html">Julelys</a></li><li><a href="item3d.html">Dekorationslys</a></li><li><a href="item3e.html">Kalenderlys</a></li><li><a href="item3f.html">Keglelys</a></li><li><a href="item3f.html">Pyramidelys</a></li><li><a href="item3f.html">Løglys</a></li><li><a href="item3f.html">Patina</a></li><li><a href="item3f.html">Bloklys blank</a></li><li><a href="item3f.html">Bloklys 3 væger</a></li><li><a href="item3f.html">3-farvet bloklys</a></li><li><a href="item3f.html">3-farvet bloklys 6-kantet</a></li><li><a href="item3f.html">Bloklys</a></li><li><a href="item3f.html">Lyshøvl</a></li><li><a href="item3f.html">Lysslukker</a></li></ul></td></tr></table></li><li class="drop"><a href="item4.html">Kontakt</a></li><li><a class="last" href="item5.html" title="Home">Nyheder</a></li></ul>';
}
if(land == "dansk") {
menu.innerHTML = '<ul class="menu1"><li class="drop"><a href="item1.html">Velkommen</a></li><li class="drop"><a href="item1.html">Butik, brugskunst, lys</a></li><li class="drop"><a href="item1.html">Selvdyp</a></li><li class="drop"><a href="item2.html">Charlys Café</a><table><tr><td><ul><li><a href="item2a.html">Caféen</a></li><li><a href="item2b.html">Bo Bendixen Galleri</a></li></ul></td></tr></table></li><li class="drop"><a href="item3.html">Egen fabrikation</a><table><tr><td><ul><li><a href="item3a.html">Hånddyppet lys</a></li><li><a href="item3b.html">Kertelys</a></li><li><a href="item3c.html">Julelys</a></li><li><a href="item3d.html">Dekorationslys</a></li><li><a href="item3e.html">Kalenderlys</a></li><li><a href="item3f.html">Keglelys</a></li><li><a href="item3f.html">Pyramidelys</a></li><li><a href="item3f.html">Løglys</a></li><li><a href="item3f.html">Patina</a></li><li><a href="item3f.html">Bloklys blank</a></li><li><a href="item3f.html">Bloklys 3 væger</a></li><li><a href="item3f.html">3-farvet bloklys</a></li><li><a href="item3f.html">3-farvet bloklys 6-kantet</a></li><li><a href="item3f.html">Bloklys</a></li><li><a href="item3f.html">Lyshøvl</a></li><li><a href="item3f.html">Lysslukker</a></li></ul></td></tr></table></li><li class="drop"><a href="item4.html">Kontakt</a></li><li><a class="last" href="item5.html" title="Home">Nyheder</a></li></ul>';
}
}
</script>

</head>

<body>
<a onclick="sprog('engelsk')"><u><font color="blue">English</font></u></a>
<a onclick="sprog('dansk')"><u><font color="blue">Dansk</font></u></a>
<div id="menu">
<ul class="menu1">
<li class="drop"><a href="item1.html">Velkommen</a></li>
<li class="drop"><a href="item1.html">Butik, brugskunst, lys</a></li>
<li class="drop"><a href="item1.html">Selvdyp</a></li>
<li class="drop"><a href="item2.html">Charlys Café</a><table><tr><td>
    <ul>
    <li><a href="item2a.html">Caféen</a></li>
    <li><a href="item2b.html">Bo Bendixen Galleri</a></li>
    </ul>
    </td></tr></table>
</li>
<li class="drop"><a href="item3.html">Egen fabrikation</a><table><tr><td>
    <ul>
    <li><a href="item3a.html">Hånddyppet lys</a></li>
    <li><a href="item3b.html">Kertelys</a></li>
    <li><a href="item3c.html">Julelys</a></li>
    <li><a href="item3d.html">Dekorationslys</a></li>
    <li><a href="item3e.html">Kalenderlys</a></li>
    <li><a href="item3f.html">Keglelys</a></li>
    <li><a href="item3f.html">Pyramidelys</a></li>
    <li><a href="item3f.html">Løglys</a></li>
    <li><a href="item3f.html">Patina</a></li>
    <li><a href="item3f.html">Bloklys blank</a></li>
    <li><a href="item3f.html">Bloklys 3 væger</a></li>
    <li><a href="item3f.html">3-farvet bloklys</a></li>
    <li><a href="item3f.html">3-farvet bloklys 6-kantet</a></li>
    <li><a href="item3f.html">Bloklys</a></li>
    <li><a href="item3f.html">Lyshøvl</a></li>
    <li><a href="item3f.html">Lysslukker</a></li>
    </ul>
    </td></tr></table>
<</li>
<li class="drop"><a href="item4.html">Kontakt</a></li>
<li><a class="last" href="item5.html" title="Home">Nyheder</a></li>
</ul>


</div>
</body>
</html>
Avatar billede Keld Nielsen Professor
09. januar 2007 - 22:35 #8
Masser af tak for hjælpen !
Avatar billede chrisson Nybegynder
09. januar 2007 - 22:37 #9
Det var så lidt, og takker for points, hvis du har brug for hjælp, skriver du bare lige..
Avatar billede chrisson Nybegynder
09. januar 2007 - 22:42 #10
Hvad hedder din side egentlig?
Avatar billede Keld Nielsen Professor
01. februar 2007 - 20:07 #11
jeg er nu nået frem til en anden type menu - og er sammen med kunden nået et par skridt videre!

MEN nu virker dit fine script ikke for mig - kan du se hvor jeg laver fejlen :  www.prolight.dk/kloster
Avatar billede Keld Nielsen Professor
01. februar 2007 - 20:07 #12
...der er selvfølgelig flere point til uddeling !
Avatar billede chrisson Nybegynder
02. februar 2007 - 15:14 #13
jeg tager lige et kig på den, kan se den giver nogle javascript fejl.. Skriver tilbage med en løsning
Avatar billede chrisson Nybegynder
02. februar 2007 - 15:22 #14
<script>
function sprog(land){
var menu = document.getElementById('menu');
if(land == "engelsk"){
menu.innerHTML = '<div class="menutitle"><a href="default.htm">Welcome</a></div><div class="menutitle"><a href="butik/butik.htm">Our shop, handycraft, candles</a></div><div class="menutitle"><a href="selvdyp/selvdyp.htm">Make your own candles</a></div><div class="menutitle" onclick=SwitchMenu("sub1");><a href="#" onclick="return false;">Charlys Café</a></div><span class="submenu" id="sub1"><a href="Cafe/cafe.htm"onclick=SwitchMenu("sub1");>The Cafe</a><br><a href="Cafe/bo_bendixen.htm"onclick=SwitchMenu("sub1");>Bo Bendixen Gallery</a></span><div class="menutitle" onclick=SwitchMenu("sub2");><a href="#" onclick="return false;">Our production</a></div><span class="submenu" id="sub2"><a href="egen_fabrikation/haanddyppet.htm"onclick=SwitchMenu("sub2");>Hand dipped candles</a><br><a href="faqs.htm" onclick=SwitchMenu("sub2");>Thin taper candles</a><br><a href="faqs.htm" onclick=SwitchMenu("sub2");>Christmas candles </a><br><a href="faqs.htm" onclick=SwitchMenu("sub2");>Decoration candles</a><br><a href="faqs.htm" onclick=SwitchMenu("sub2");>Calendar candles</a><br><a href="faqs.htm" onclick=SwitchMenu("sub2");>Conicai candles</a><br><a href="faqs.htm" onclick=SwitchMenu("sub2");>Pyramidal candles</a><br><a href="faqs.htm" onclick=SwitchMenu("sub2");>Onion shaped candles</a><br><a href="faqs.htm" onclick=SwitchMenu("sub2");>Patina</a><br><a href="faqs.htm" onclick=SwitchMenu("sub2");>Square candles, shiny</a><br><a href="faqs.htm" onclick=SwitchMenu("sub2");>Bloklys krystalmat</a><br><a href="faqs.htm" onclick=SwitchMenu("sub2"); >Square candles, 3 wicks</a><br><a href="faqs.htm" onclick=SwitchMenu("sub2");>Square candles, 3 coulored</a><br><a href="faqs.htm" onclick=SwitchMenu("sub2");>Square candles, 3 coulored hexagonal</a><br><a href="faqs.htm" onclick=SwitchMenu("sub2");>Square candles</a><br><a href="faqs.htm" onclick=SwitchMenu("sub2");>Candle sharpener</a><br><a href="help.htm" onclick=SwitchMenu("sub2");>Candle extinguisher</a></span><div class="menutitle"><a href="kontakt/kontakt.htm">Contact</a></div><div class="menutitle"><a href="nyheder/nyheder.htm">News</a></div></div>';
}
if(land == "dansk") {
menu.innerHTML = '<div class="menutitle"><a href="default.htm">Velkommen</a></div><div class="menutitle"><a href="butik/butik.htm">Butik, brugskunst, lys</a></div><div class="menutitle"><a href="selvdyp/selvdyp.htm">Selvdyp</a></div><div class="menutitle" onclick=SwitchMenu("sub1");><a href="#" onclick="return false;">Charlys Café</a></div><span class="submenu" id="sub1"><a href="Cafe/cafe.htm"onclick=SwitchMenu("sub1");>Caféen</a><br><a href="Cafe/bo_bendixen.htm"onclick=SwitchMenu("sub1");>Bo Bendixen Galleri</a></span><div class="menutitle" onclick=SwitchMenu("sub2");><a href="#" onclick="return false;">Egen fabrikation</a></div><span class="submenu" id="sub2"><a href="egen_fabrikation/haanddyppet.htm"onclick=SwitchMenu("sub2");>Hånddyppet lys</a><br><a href="faqs.htm" onclick=SwitchMenu("sub2");>Kertelys</a><br><a href="faqs.htm" onclick=SwitchMenu("sub2");>Julelys</a><br><a href="faqs.htm" onclick=SwitchMenu("sub2");>Dekorationslys</a><br><a href="faqs.htm" onclick=SwitchMenu("sub2");>Kalenderlys</a><br><a href="faqs.htm" onclick=SwitchMenu("sub2");>Keglelys</a><br><a href="faqs.htm" onclick=SwitchMenu("sub2");>Pyramidelys</a><br><a href="faqs.htm" onclick=SwitchMenu("sub2");>Løglys</a><br><a href="faqs.htm" onclick=SwitchMenu("sub2");>Patina</a><br><a href="faqs.htm" onclick=SwitchMenu("sub2");>Bloklys blank</a><br><a href="faqs.htm" onclick=SwitchMenu("sub2");>Bloklys krystalmat</a><br><a href="faqs.htm" onclick=SwitchMenu("sub2"); >Bloklys 3-væger</a><br><a href="faqs.htm" onclick=SwitchMenu("sub2");>3-farvet bloklys</a><br><a href="faqs.htm" onclick=SwitchMenu("sub2");>3-farvet bloklys 6-kantet</a><br><a href="faqs.htm" onclick=SwitchMenu("sub2");>Bloklys - fyrfad</a><br><a href="faqs.htm" onclick=SwitchMenu("sub2");>Lyshøvl</a><br><a href="help.htm" onclick=SwitchMenu("sub2");>Lysslukker</a></span><div class="menutitle"><a href="kontakt/kontakt.htm">Kontakt</a></div><div class="menutitle"><a href="nyheder/nyheder.htm">Nyheder</a></div></div>';
}
if(land == "tysk") {
menu.innerHTML = '<div class="menutitle"><a href="default.htm">Willkommen</a></div><div class="menutitle"><a href="butik/butik.htm">Unser Laden, Gebrauchskunst,Kerzen</a></div><div class="menutitle"><a href="selvdyp/selvdyp.htm">Kerzen selber tauchen</a></div><div class="menutitle" onclick=SwitchMenu("sub1");><a href="#" onclick="return false;">Charlys Café</a></div><span class="submenu" id="sub1"><a href="Cafe/cafe.htm"onclick=SwitchMenu("sub1");>Das Cafe</a><br><a href="Cafe/bo_bendixen.htm"onclick=SwitchMenu("sub1");>Bo Bendixen Gallerie</a></span><div class="menutitle" onclick=SwitchMenu("sub2");><a href="#" onclick="return false;">Unser Produktion</a></div><span class="submenu" id="sub2"><a href="egen_fabrikation/haanddyppet.htm"onclick=SwitchMenu("sub2");>Handgezogene Kerzen</a><br><a href="faqs.htm" onclick=SwitchMenu("sub2");>Blumensteckkerzen</a><br><a href="faqs.htm" onclick=SwitchMenu("sub2");>Weihnachtskerzen</a><br><a href="faqs.htm" onclick=SwitchMenu("sub2");>Dekorationskerzen</a><br><a href="faqs.htm" onclick=SwitchMenu("sub2");>Kalenderkerzen</a><br><a href="faqs.htm" onclick=SwitchMenu("sub2");>Kegelformige Kerzen</a><br><a href="faqs.htm" onclick=SwitchMenu("sub2");>Pyramidenformige Kerzen</a><br><a href="faqs.htm" onclick=SwitchMenu("sub2");>Zwiebel kerzen</a><br><a href="faqs.htm" onclick=SwitchMenu("sub2");>Patina</a><br><a href="faqs.htm" onclick=SwitchMenu("sub2");>Blockkerzen, blank</a><br><a href="faqs.htm" onclick=SwitchMenu("sub2");>Bloklys krystalmat</a><br><a href="faqs.htm" onclick=SwitchMenu("sub2"); >Blockkerzen, 3-Docht</a><br><a href="faqs.htm" onclick=SwitchMenu("sub2");>Blockkerzen, 3-farbig </a><br><a href="faqs.htm" onclick=SwitchMenu("sub2");>Blockkerzen, 3-farbig, sechseckig</a><br><a href="faqs.htm" onclick=SwitchMenu("sub2");>Blockkerzen</a><br><a href="faqs.htm" onclick=SwitchMenu("sub2");>Kerzenspitzer</a><br><a href="help.htm" onclick=SwitchMenu("sub2");>Kerzenloscher</a></span><div class="menutitle"><a href="kontakt/kontakt.htm">Kontakt</a></div><div class="menutitle"><a href="nyheder/nyheder.htm">News</a></div></div>';
}
}
</script>

Prøv dette
Avatar billede Keld Nielsen Professor
02. februar 2007 - 15:22 #15
super !
Avatar billede chrisson Nybegynder
02. februar 2007 - 15:23 #16
Men det er en mega fed side du har fået bikset sammen ;)
Avatar billede chrisson Nybegynder
02. februar 2007 - 15:31 #17
Virker det?
Avatar billede Keld Nielsen Professor
02. februar 2007 - 15:35 #18
Desværre ikke - nu virker sprogskift, men det er så gået ud over "fold-sammen" menuen -jeg kan ikke lige gennemskue hvad du rettede ?
Avatar billede chrisson Nybegynder
02. februar 2007 - 15:52 #19
Det var nogle '

Jeg fixer lige foldud menuen
Avatar billede chrisson Nybegynder
02. februar 2007 - 15:56 #20
Gør det noget jeg ligger hele kildekoden ind?

Hvis folk vil have sådan noget alligevældet tager de det via Kildekode i Internet Explorer eller andet :P
Avatar billede Keld Nielsen Professor
02. februar 2007 - 16:03 #21
nej overhovedet ikke - jeg har jo ikke opfundet HTML !
Avatar billede chrisson Nybegynder
02. februar 2007 - 16:05 #22
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">

<!-- #BeginTemplate "master.dwt" -->

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- #BeginEditable "doctitle" -->
<title>.: Kloster Design :.</title>
<!-- #EndEditable -->
<link rel="stylesheet" type="text/css" title="CSS" href="styles/style1.css" media="screen" />
<script type="text/javascript">

/***********************************************
* Switch Menu script- by Martial B of http://getElementById.com/
* Modified by Dynamic Drive for format & NS4/IE4 compatibility
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/

var persistmenu="yes" //"yes" or "no". Make sure each SPAN content contains an incrementing ID starting at 1 (id="sub1", id="sub2", etc)
var persisttype="sitewide" //enter "sitewide" for menu to persist across site, "local" for this page only

if (document.getElementById){ //DynamicDrive.com change
document.write('<style type="text/css">\n')
document.write('.submenu{display: none;}\n')
document.write('</style>\n')
}

function SwitchMenu(obj){
    if(document.getElementById){
    var el = document.getElementById(obj);
    var ar = document.getElementById("sidebar").getElementsByTagName("span"); //DynamicDrive.com change
        if(el.style.display != "block"){ //DynamicDrive.com change
            for (var i=0; i<ar.length; i++){
                if (ar[i].className=="submenu") //DynamicDrive.com change
                ar[i].style.display = "none";
            }
            el.style.display = "block";
        }else{
            el.style.display = "none";
        }
    }
}

function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}

function onloadfunction(){
if (persistmenu=="yes"){
var cookiename=(persisttype=="sitewide")? "switchmenu" : window.location.pathname
var cookievalue=get_cookie(cookiename)
if (cookievalue!="")
document.getElementById(cookievalue).style.display="block"
}
}

function savemenustate(){
var inc=1, blockid=""
while (document.getElementById("sub"+inc)){
if (document.getElementById("sub"+inc).style.display=="block"){
blockid="sub"+inc
break
}
inc++
}
var cookiename=(persisttype=="sitewide")? "switchmenu" : window.location.pathname
var cookievalue=(persisttype=="sitewide")? blockid+";path=/" : blockid
document.cookie=cookiename+"="+cookievalue
}

if (window.addEventListener)
window.addEventListener("load", onloadfunction, false)
else if (window.attachEvent)
window.attachEvent("onload", onloadfunction)
else if (document.getElementById)
window.onload=onloadfunction

if (persistmenu=="yes" && document.getElementById)
window.onunload=savemenustate

</script>
<script>
function sprog(land){
var menu = document.getElementById('menu');
if(land == "engelsk"){
menu.innerHTML = '<div class="menutitle"><a href="default.htm">Welcome</a></div><div class="menutitle"><a href="butik/butik.htm">Our shop, handycraft, candles</a></div><div class="menutitle"><a href="selvdyp/selvdyp.htm">Make your own candles</a></div><div class="menutitle" onclick=SwitchMenu("sub1");><a href="#" onclick="return false;">Charlys Café</a></div><span class="submenu" id="sub1"><a href="Cafe/cafe.htm"onclick=SwitchMenu("sub1");>The Cafe</a><br><a href="Cafe/bo_bendixen.htm"onclick=SwitchMenu("sub1");>Bo Bendixen Gallery</a></span><div class="menutitle" onclick=SwitchMenu("sub2");><a href="#" onclick="return false;">Our production</a></div><span class="submenu" id="sub2"><a href="egen_fabrikation/haanddyppet.htm"onclick=SwitchMenu("sub2");>Hand dipped candles</a><br><a href="faqs.htm" onclick=SwitchMenu("sub2");>Thin taper candles</a><br><a href="faqs.htm" onclick=SwitchMenu("sub2");>Christmas candles </a><br><a href="faqs.htm" onclick=SwitchMenu("sub2");>Decoration candles</a><br><a href="faqs.htm" onclick=SwitchMenu("sub2");>Calendar candles</a><br><a href="faqs.htm" onclick=SwitchMenu("sub2");>Conicai candles</a><br><a href="faqs.htm" onclick=SwitchMenu("sub2");>Pyramidal candles</a><br><a href="faqs.htm" onclick=SwitchMenu("sub2");>Onion shaped candles</a><br><a href="faqs.htm" onclick=SwitchMenu("sub2");>Patina</a><br><a href="faqs.htm" onclick=SwitchMenu("sub2");>Square candles, shiny</a><br><a href="faqs.htm" onclick=SwitchMenu("sub2");>Bloklys krystalmat</a><br><a href="faqs.htm" onclick=SwitchMenu("sub2"); >Square candles, 3 wicks</a><br><a href="faqs.htm" onclick=SwitchMenu("sub2");>Square candles, 3 coulored</a><br><a href="faqs.htm" onclick=SwitchMenu("sub2");>Square candles, 3 coulored hexagonal</a><br><a href="faqs.htm" onclick=SwitchMenu("sub2");>Square candles</a><br><a href="faqs.htm" onclick=SwitchMenu("sub2");>Candle sharpener</a><br><a href="help.htm" onclick=SwitchMenu("sub2");>Candle extinguisher</a></span><div class="menutitle"><a href="kontakt/kontakt.htm">Contact</a></div><div class="menutitle"><a href="nyheder/nyheder.htm">News</a></div></div>';
}
if(land == "dansk") {
menu.innerHTML = '<div class="menutitle"><a href="default.htm">Velkommen</a></div><div class="menutitle"><a href="butik/butik.htm">Butik, brugskunst, lys</a></div><div class="menutitle"><a href="selvdyp/selvdyp.htm">Selvdyp</a></div><div class="menutitle" onclick=SwitchMenu("sub1");><a href="#" onclick="return false;">Charlys Café</a></div><span class="submenu" id="sub1"><a href="Cafe/cafe.htm"onclick=SwitchMenu("sub1");>Caféen</a><br><a href="Cafe/bo_bendixen.htm"onclick=SwitchMenu("sub1");>Bo Bendixen Galleri</a></span><div class="menutitle" onclick=SwitchMenu("sub2");><a href="#" onclick="return false;">Egen fabrikation</a></div><span class="submenu" id="sub2"><a href="egen_fabrikation/haanddyppet.htm"onclick=SwitchMenu("sub2");>Hånddyppet lys</a><br><a href="faqs.htm" onclick=SwitchMenu("sub2");>Kertelys</a><br><a href="faqs.htm" onclick=SwitchMenu("sub2");>Julelys</a><br><a href="faqs.htm" onclick=SwitchMenu("sub2");>Dekorationslys</a><br><a href="faqs.htm" onclick=SwitchMenu("sub2");>Kalenderlys</a><br><a href="faqs.htm" onclick=SwitchMenu("sub2");>Keglelys</a><br><a href="faqs.htm" onclick=SwitchMenu("sub2");>Pyramidelys</a><br><a href="faqs.htm" onclick=SwitchMenu("sub2");>Løglys</a><br><a href="faqs.htm" onclick=SwitchMenu("sub2");>Patina</a><br><a href="faqs.htm" onclick=SwitchMenu("sub2");>Bloklys blank</a><br><a href="faqs.htm" onclick=SwitchMenu("sub2");>Bloklys krystalmat</a><br><a href="faqs.htm" onclick=SwitchMenu("sub2"); >Bloklys 3-væger</a><br><a href="faqs.htm" onclick=SwitchMenu("sub2");>3-farvet bloklys</a><br><a href="faqs.htm" onclick=SwitchMenu("sub2");>3-farvet bloklys 6-kantet</a><br><a href="faqs.htm" onclick=SwitchMenu("sub2");>Bloklys - fyrfad</a><br><a href="faqs.htm" onclick=SwitchMenu("sub2");>Lyshøvl</a><br><a href="help.htm" onclick=SwitchMenu("sub2");>Lysslukker</a></span><div class="menutitle"><a href="kontakt/kontakt.htm">Kontakt</a></div><div class="menutitle"><a href="nyheder/nyheder.htm">Nyheder</a></div></div>';
}
if(land == "tysk") {
menu.innerHTML = '<div class="menutitle"><a href="default.htm">Willkommen</a></div><div class="menutitle"><a href="butik/butik.htm">Unser Laden, Gebrauchskunst,Kerzen</a></div><div class="menutitle"><a href="selvdyp/selvdyp.htm">Kerzen selber tauchen</a></div><div class="menutitle" onclick=SwitchMenu("sub1");><a href="#" onclick="return false;">Charlys Café</a></div><span class="submenu" id="sub1"><a href="Cafe/cafe.htm"onclick=SwitchMenu("sub1");>Das Cafe</a><br><a href="Cafe/bo_bendixen.htm"onclick=SwitchMenu("sub1");>Bo Bendixen Gallerie</a></span><div class="menutitle" onclick=SwitchMenu("sub2");><a href="#" onclick="return false;">Unser Produktion</a></div><span class="submenu" id="sub2"><a href="egen_fabrikation/haanddyppet.htm"onclick=SwitchMenu("sub2");>Handgezogene Kerzen</a><br><a href="faqs.htm" onclick=SwitchMenu("sub2");>Blumensteckkerzen</a><br><a href="faqs.htm" onclick=SwitchMenu("sub2");>Weihnachtskerzen</a><br><a href="faqs.htm" onclick=SwitchMenu("sub2");>Dekorationskerzen</a><br><a href="faqs.htm" onclick=SwitchMenu("sub2");>Kalenderkerzen</a><br><a href="faqs.htm" onclick=SwitchMenu("sub2");>Kegelformige Kerzen</a><br><a href="faqs.htm" onclick=SwitchMenu("sub2");>Pyramidenformige Kerzen</a><br><a href="faqs.htm" onclick=SwitchMenu("sub2");>Zwiebel kerzen</a><br><a href="faqs.htm" onclick=SwitchMenu("sub2");>Patina</a><br><a href="faqs.htm" onclick=SwitchMenu("sub2");>Blockkerzen, blank</a><br><a href="faqs.htm" onclick=SwitchMenu("sub2");>Bloklys krystalmat</a><br><a href="faqs.htm" onclick=SwitchMenu("sub2"); >Blockkerzen, 3-Docht</a><br><a href="faqs.htm" onclick=SwitchMenu("sub2");>Blockkerzen, 3-farbig </a><br><a href="faqs.htm" onclick=SwitchMenu("sub2");>Blockkerzen, 3-farbig, sechseckig</a><br><a href="faqs.htm" onclick=SwitchMenu("sub2");>Blockkerzen</a><br><a href="faqs.htm" onclick=SwitchMenu("sub2");>Kerzenspitzer</a><br><a href="help.htm" onclick=SwitchMenu("sub2");>Kerzenloscher</a></span><div class="menutitle"><a href="kontakt/kontakt.htm">Kontakt</a></div><div class="menutitle"><a href="nyheder/nyheder.htm">News</a></div></div>';
}
}
</script>

</head>

<body>

<!-- Begin Container -->
<div id="container">
    <!-- Begin Masthead -->
    <div id="masthead">
<table width="926" height="120" border="0" cellspacing="0" background="top2007.jpg">
  <tr>
    <td valign="bottom"><table width="100%" border="0" cellspacing="0">
        <tr>
          <td colspan="2"><div align="right" ><span class="h5-neg">Skab hygge
            med vores lys<br class="h5-neg">
            ...og sluk dem let og elegant!</span></div></td>
        </tr>
        <tr>
          <td colspan="2"><h5>Kloster Design<br>
            Klostervej 96, Kloster<br>
          6950 Ringkøbing</h5></td>
        </tr>
        <tr>
          <td style="width: 10%"><h5>Tlf.<br>
            Fax.<br>
            E-mail</h5></td>
          <td width="83%"><h5>97 33 70 85<br>
            97 33 75 60<br>
            kloster-design@kloster-design.dk</h5></td>
        </tr>
    </table> </td>
    <td width="10">&nbsp;</td>
    <td width="373" align="right" valign="bottom">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="350" height="120" id="kloster_lys" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="kloster_lys.swf" /><param name="loop" value="false" /><param name="menu" value="false" /><param name="quality" value="high" /><param name="bgcolor" value="#000000" /><embed src="kloster_lys.swf" loop="false" menu="false" quality="high" bgcolor="#000000" width="350" height="120" name="kloster_lys" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
    </td>
  </tr>
</table>    </div>
    <!-- End Masthead -->
    <!-- Begin Page Content -->
    <div id="page_content">
        <!-- Begin Sidebar -->
        <div id="sidebar" class="background">
        <br><span class="sprogskift"><a href="#" onclick="sprog('dansk')">
        &nbsp;Dansk&nbsp;</a>
        <a href="#" onclick="sprog('engelsk')">English&nbsp;</a>
        <a href="#" onclick="sprog('tysk')">Deutsch</a>
        </span><br><br>
        <div id="menu">
<div class="menutitle"><a href="default.htm">Velkommen</a></div>
<div class="menutitle"><a href="butik/butik.htm">Butik, brugskunst, lys</a></div>
<div class="menutitle"><a href="selvdyp/selvdyp.htm">Selvdyp</a></div>
    <div class="menutitle" onclick="SwitchMenu('sub1')"><a href="#" onclick="return false;">
        Charlys Café</a></div>
    <span class="submenu" id="sub1">
        <a href="Cafe/cafe.htm"onclick="SwitchMenu('sub1')">Caféen</a><br>
        <a href="Cafe/bo_bendixen.htm"onclick="SwitchMenu('sub1')">Bo Bendixen
Galleri</a>
    </span>

    <div class="menutitle" onclick="SwitchMenu('sub2')"><a href="#" onclick="return false;">
        Egen fabrikation</a>
</div>
    <span class="submenu" id="sub2">
        <a href="egen_fabrikation/haanddyppet.htm"onclick="SwitchMenu('sub2')">
Hånddyppet lys</a><br>
        <a href="faqs.htm" onclick="SwitchMenu('sub2')">Kertelys</a><br>
        <a href="faqs.htm" onclick="SwitchMenu('sub2')">Julelys</a><br>
        <a href="faqs.htm" onclick="SwitchMenu('sub2')">Dekorationslys</a><br>
        <a href="faqs.htm" onclick="SwitchMenu('sub2')">Kalenderlys</a><br>
        <a href="faqs.htm" onclick="SwitchMenu('sub2')">Keglelys</a><br>
        <a href="faqs.htm" onclick="SwitchMenu('sub2')">Pyramidelys</a><br>
        <a href="faqs.htm" onclick="SwitchMenu('sub2')">Løglys</a><br>
        <a href="faqs.htm" onclick="SwitchMenu('sub2')">Patina</a><br>
        <a href="faqs.htm" onclick="SwitchMenu('sub2')">Bloklys blank</a><br>
        <a href="faqs.htm" onclick="SwitchMenu('sub2')">Bloklys krystalmat</a><br>
        <a href="faqs.htm" onclick="SwitchMenu('sub2')" >Bloklys 3-væger</a><br>
        <a href="faqs.htm" onclick="SwitchMenu('sub2')">3-farvet bloklys</a><br>
        <a href="faqs.htm" onclick="SwitchMenu('sub2')">3-farvet bloklys
6-kantet</a><br>
        <a href="faqs.htm" onclick="SwitchMenu('sub2')">Bloklys - fyrfad</a><br>
        <a href="faqs.htm" onclick="SwitchMenu('sub2')">Lyshøvl</a><br>       
        <a href="help.htm" onclick="SwitchMenu('sub2')">Lysslukker</a>
    </span>
<div class="menutitle"><a href="kontakt/kontakt.htm">Kontakt</a></div>
<div class="menutitle"><a href="nyheder/nyheder.htm">Nyheder</a></div>
        </div>
        </div>
        <!-- End Sidebar -->
        <!-- Begin Content -->
        <div id="content" style="left: 0px; top: 0px">
            <!-- #BeginEditable "content" -->
            &nbsp;<h2><b>Velkommen til Kloster Design</b></h2>
            <p>Når De er kommet til Vestjylland, må De ikke snyde Dem selv for
            et besøg i lysestøberiet og brugskunstforretningen. <br />
            <br />
            Det er nemlig et sted, der byder på mange spændende oplevelser for
            både børn og voksne.</p>
            <p>I vores forretning finder De mange smukke ting til boligen og et
            væld af fine gaveidéer. <br />
            <br />
            Vi har bl.a. et stort udvalg i:<br />
            Dukker - Lys - Keramik - Glas - Smedejern</p>
            <p>
            <img src="images/facade.jpg" /></p>
            <!-- #EndEditable --></div>
        <!-- End Content --></div>
    <!-- End Page Content -->
    <!-- Begin Footer -->
    <div id="footer">
        <p>Kloster Design . Klostervej 96 . Kloster . 6950 Ringkøbing<br>
        Telf. 97 33 70 85 . Fax 97 33 75 60<br>
        E-mail: kloster-design@kloster-design.dk</p>
    </div>
    <!-- End Footer -->
    <div id="footer_stop">
    </div>
   
    </div>
<!-- End Container -->

</body>

<!-- #EndTemplate -->

</html>
Avatar billede Keld Nielsen Professor
02. februar 2007 - 17:28 #23
...vender tilbage i morgen ...fruen påstår min indsats er nødvendigt, før gæste-ankomst!
Avatar billede Keld Nielsen Professor
07. februar 2007 - 17:11 #24
Hej ...bare rolig ø gæster blev ikke så længe, men der kom andre opgaver.

Jeg har nu lagt din løsning ind, se her: http://www.prolight.dk/kloster/

...nu har jeg (forhåbentligt) kun een fejl tilbage, linkene virker ikke når der skiftes sproglag.

Du har snart en stak point tilgode !
Avatar billede chrisson Nybegynder
07. februar 2007 - 17:30 #25
Hehe,
troede lige i havde festet i 5 dage :P

Men det du mener er, at når man har skiftet sprog, så er den stadig på dansk ik?
Avatar billede Keld Nielsen Professor
07. februar 2007 - 17:39 #26
Nej den skifter fint til engelsk og tysk ...men linkene sker er et eller andet mystisk med.

Så menuen egentligt ikke virker på engelsk og tysk
Avatar billede Keld Nielsen Professor
07. februar 2007 - 17:41 #27
...det der er så mystisk er at det er de samme sider der skal vises både på dansk/engelsk og tysk - derfor kun skift i menuen.

Indrømmer det er en anderledes måde at bygge det op på ...kæmpede også!
Avatar billede Keld Nielsen Professor
12. februar 2007 - 17:52 #28
Hej 'chrisson'

Nu har jeg oprettet alle sider, lagt alle link op i både tysk og engelsk ...og selvf. dansk.

Jeg får to typer fejl:

1. Hvis jeg vælger en eller anden side på den danske menu, virker det fint, så skifter jeg til f.eks. engelsk, og vælger her en eller anden side ...det virker ikke!

2. Når jeg vælger f.eks. tysk, skifter menuen fint, men når jeg så har valgt en side, hopper den tilbage til dansk.

Har du tid - mod - lyst til at fortsætte ?  ..point finder vi sagtens ud af!
Avatar billede chrisson Nybegynder
12. februar 2007 - 21:42 #29
Lad os komme igang... men er det ikke ved at blive nemmere at arbejde et andet sted end exp? synes de emails kommer lidt langtid efter man har skrevet...
Avatar billede Keld Nielsen Professor
12. februar 2007 - 21:45 #30
keld snabela prolight . dk  ---du er velkommen!

men vi skal nok dele erfaring med resten herinde - når vi kommer så langt!
Avatar billede chrisson Nybegynder
12. februar 2007 - 21:56 #31
ja :P har du msn eller yahoo?
Avatar billede Keld Nielsen Professor
12. februar 2007 - 22:02 #32
MSN ...noget som    privat snabela prolight . dk
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester