Avatar billede karryen Nybegynder
21. september 2005 - 15:11 Der er 8 kommentarer og
1 løsning

Simpelt menu, FED skrift

Hej,

Jeg kende ikke meget til JavaScript, og har derfor brug for at noget hjælp.

Jeg skal bruge en enkel menu. Når man trykker på taksten skal den blive fed, samtidig med den skifter til en nye side i et iFrame.

Venlig Hilsen
Karl
Avatar billede skovenborg Nybegynder
21. september 2005 - 15:14 #1
Prøv:
<script type="text/javascript">
var activeLink;
function linkPressed(elm) {
  if (activeLink) {
    activeLink.fontWeight = "normal";
  }
  activeLink = elm.style;
  activeLink.fontWeight = "bold";
}
</script>

<a href="link.htm" target="iframeNavn" onclick="linkPressed(this);">Link1</a>
<a href="link2.htm" target="iframeNavn" onclick="linkPressed(this);">Link2</a>
<a href="link2.htm" target="iframeNavn" onclick="linkPressed(this);">Link3</a>

Er dog ikke lige testet
Avatar billede softspot Forsker
21. september 2005 - 15:22 #2
<html>
<head>
<title>test menu</title>
<script type="text/javascript">
var selectedMenu;
function selectMenu(obj) {
  selectedMenu.style.fontWeigth = '';
  obj.style.fontWeight = 'bold';
  selectedMenu = obj;
}
window.onload = function() {
  var objMenu = document.getElementById("menu");
  if(objMenu) {
    var links = objMenu.getElementsByTagName("A");
    for(var i = 0; i < links.length; i++) {
      links[i].onclick = function() {selectMenu(this);}
    }
  }
}
</script>
</head>
<body>
<ul id="menu">
<li><a href="side1.htm" target="ifmNav">Side 1</a></li>
<li><a href="side2.htm" target="ifmNav">Side 2</a></li>
<li><a href="side3.htm" target="ifmNav">Side 3</a></li>
<li><a href="side4.htm" target="ifmNav">Side 4</a></li>
</ul>
<iframe name="ifmNav"></iframe>
</body>
</html>
Avatar billede softspot Forsker
21. september 2005 - 15:22 #3
hmmm... synes ellers jeg skrev hurtigt...!? :D
Avatar billede softspot Forsker
21. september 2005 - 15:26 #4
Denne her fungerer (altså ifht. den jeg postede første :)):

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>test menu</title>
    <script type="text/javascript">
        var selectedMenu;
        function selectMenu(obj) {
            if(selectedMenu) selectedMenu.style.fontWeight = 'normal';
            obj.style.fontWeight = 'bold';
            selectedMenu = obj;
        }
        window.onload = function() {
            var objMenu = document.getElementById("menu");
            if(objMenu) {
                var links = objMenu.getElementsByTagName("A");
                for(var i = 0; i < links.length; i++) {
                    links[i].onclick = function() {selectMenu(this);}
                }
            }
        }
    </script>
</head>
<body>
    <ul id="menu">
        <li><a href="side1.htm" target="ifmNav">Side 1</a></li>
        <li><a href="side2.htm" target="ifmNav">Side 2</a></li>
        <li><a href="side3.htm" target="ifmNav">Side 3</a></li>
        <li><a href="side4.htm" target="ifmNav">Side 4</a></li>
    </ul>
    <iframe name="ifmNav"></iframe>
</body>
</html>
Avatar billede karryen Nybegynder
21. september 2005 - 16:06 #5
Det virker ikke, den skriver bare "Siden kan ikke vises"
Avatar billede softspot Forsker
21. september 2005 - 16:08 #6
Når du gør hvad?

Hvis det er når du klikker på et link, så skal du naturligvis skifte links ud med sider som kan findes fra din maskine.

Hvis det er når du prøver at loade siden, så er jeg straks lidt mere undrende, for det spiller max her hos mig...
Avatar billede karryen Nybegynder
21. september 2005 - 16:57 #7
uh, bare mig der var en torsk

det virker nu, smid et svar
Avatar billede softspot Forsker
21. september 2005 - 16:58 #8
Det er menneskeligt at fejle - godt du fik det til at fungere :)
Avatar billede softspot Forsker
21. september 2005 - 17:34 #9
Tak for point :)
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