Søg
Avatar billede Rasmusjc Juniormester
16. marts 2003 - 17:13 Der er 11 kommentarer og
1 løsning

Drop Down samt scrolling

Hej Eksperter!!!

Jeg har denne html tekst. (kommer længere nede)
Mine problmer er at jeg:
1) skal lave en dropdown menu på nogle af boksene(billederne). Så der kommer en lille undermenu frem og så man kan vælge 2 3 eller 4 andre sider.
Har fundet en dropdown menu på siden http://www.infimum.dk/privat/overmenu.html men jeg kan ikke få den smidt over så den passer til min kode.

problem nr. 2 er at hvis man ikke har en stor skærmopløsning kan de nederste banner ikke ses og man får derfor ikke fuldt udbytte af siden. Kan det også smides ind i den java-script kode?

Håber I kan hjælpe mig. Forsat god søndag.
MVH Rasmus Christensen
Avatar billede Rasmusjc Juniormester
16. marts 2003 - 17:14 #1
Flot at jeg lige glemte html koden, den kommer her:

<html>
<head>
<title>Kan i hjælpe eksperter</title>

<SCRIPT language="JavaScript">

<!--
function scriptOK() {

        if (navigator.appName == "Netscape") {
                if (parseInt(navigator.appVersion.substring(0,1)) >= 3)
                        return true;
        }

        else if (navigator.appName == "Microsoft Internet Explorer") {
              if (parseInt(navigator.appVersion.substring(0,1)) >= 3)
                        return true;
        }

        return false;
}

if (scriptOK()) {

  standard = new MakeArray(8)
  ud = new MakeArray(8)
  over = new MakeArray(8)
  klik = new MakeArray(8)
   

  standard[0].src = "k_bestyrelse.gif"
  standard[1].src = "k_traener.gif"
  standard[2].src = "k_kalender.gif" 
  standard[3].src = "k_traen.gif"
  standard[4].src = "k_vinder.gif"
  standard[5].src = "k_historik.gif"
  standard[6].src = "k_nyhed.gif"
  standard[7].src = "k_link.gif"
  standard[8].src = "k_afstemning.gif"

  ud[0].src = "k_bestyrelse.gif"
  ud[1].src = "k_traener.gif"
  ud[2].src = "k_kalender.gif"
  ud[3].src = "k_traen.gif"
  ud[4].src = "k_vinder.gif"
  ud[5].src = "k_historik.gif"
  ud[6].src = "k_nyhed.gif"
  ud[7].src = "k_link.gif"
  ud[8].src = "k_afstemning.gif"


  over[0].src = "kn_bestyrelse.gif"
  over[1].src = "kn_traener.gif"
  over[2].src = "kn_kalender.gif"
  over[3].src = "kn_traen.gif"
  over[4].src = "kn_vinder.gif"
  over[5].src = "kn_historik.gif"
  over[6].src = "kn_nyhed.gif"
  over[7].src = "kn_link.gif"
  over[8].src = "kn_afstemning.gif"

  klik[0].src = "kn_bestyrelse.gif"
  klik[1].src = "kn_traener.gif"
  klik[2].src = "kn_kalender.gif"
  klik[3].src = "kn_traen.gif"
  klik[4].src = "kn_vinder.gif"
  klik[5].src = "kn_historik.gif" 
  klik[6].src = "kn_nyhed.gif"
  klik[7].src = "kn_link.gif"
  klik[8].src = "kn_afstemning.gif"     

} 

function MakeArray(n) {
        this.length = n
        for (var i = 0; i<=n; i++) {

                this[i] = new Image()
        }

        return this
}

function msover(num) {
        if (scriptOK()) {
                if ((over[num].src != "")) {

                document.images[num].src = over[num].src
        }

        }
}

function msout(num) {
        if (scriptOK()) {
                if ((ud[num].src != "")) {

                document.images[num].src = ud[num].src
        }

        }

}

function msclick(num) {
        if (scriptOK()) {
                if ((klik[num].src != "")) {

                document.images[num].src = klik[num].src;

                for (var i = 0; i<=8; i++) {
                        if ((ud[i].src != standard[i].src)) {
                                document.images[i].src = standard[i].src;

                                ud[i].src = standard[i].src
                }

                }

                ud[num].src = klik[num].src

        }

        }

}

// -->
</SCRIPT>


</head>
<body bgcolor="#150e71" background="../images/bg_left.jpg">
<center>
<table width="100" border="0" cellspacing="0">
<tr>
<td align="middle" valign="top">
<A HREF="best.html" onFocus="this.blur();" TARGET="MAIN"
    onMouseOut="msout(0)"
    onMouseOver="msover(0)"
    onClick="msclick(0)">
    <img src="k_bestyrelse.gif" width="115" height="30" border="0" Alt="Profil af HFIF"></a>
</td>
</tr>

<tr>
<td align="middle" valign="top">
    <A HREF="traener.html" onFocus="this.blur();" TARGET="MAIN"
    onMouseOut="msout(1)"
    onMouseOver="msover(1)"
    onClick="msclick(1)">
    <img src="k_traener.gif" width="115" height="30" border="0" Alt="Trænere, hjælpetrænere og lokale dommere"></a>
</td>
</tr>

<tr>
<td align="middle" valign="top">
    <A HREF="kalender.html" onFocus="this.blur();" TARGET="MAIN"
    onMouseOut="msout(2)"
    onMouseOver="msover(2)"
    onClick="msclick(2)">
    <img src="k_kalender.gif" width="115" height="30" border="0" Alt="Aktivitetskalender"></a>
</td>
</tr>

<tr>
<td align="middle" valign="top">
    <A HREF="hold.html" onFocus="this.blur();" TARGET="MAIN"
    onMouseOut="msout(3)"
    onMouseOver="msover(3)"
    onClick="msclick(3)">
    <img src="k_traen.gif" width="115" height="30" border="0" Alt="Fodboldhold">
</td>
</tr>
<tr>
<td align="middle" valign="top">
    <A HREF="ugevinder.html" onFocus="this.blur();" TARGET="MAIN"
    onMouseOut="msout(4)"
    onMouseOver="msover(4)"
    onClick="msclick(4)">
    <img src="k_vinder.gif" width="115" height="30" border="0" Alt="Ugens vindere">
</td>
</tr>

<tr>
<td align="middle" valign="top">
    <A HREF="statestik.html" onFocus="this.blur();" TARGET="MAIN"
    onMouseOut="msout(5)"
    onMouseOver="msover(5)"
    onClick="msclick(5)">
    <img src="k_historik.gif" width="115" height="30" border="0" Alt="Historik">
</td>
</tr>
<tr>
<td align="middle" valign="top">
    <A HREF="nyhedsarkiv.html" onFocus="this.blur();" TARGET="MAIN"
    onMouseOut="msout(6)"
    onMouseOver="msover(6)"
    onClick="msclick(6)">
    <img src="k_nyhed.gif" width="115" height="30" border="0" Alt="Nyhedsarkivet">
</td>
</tr>
<tr>
<td align="middle" valign="top">
    <A HREF="link.html" onFocus="this.blur();" TARGET="MAIN"
    onMouseOut="msout(7)"
    onMouseOver="msover(7)"
    onClick="msclick(7)">
    <img src="k_link.gif" width="115" height="30" border="0" Alt="Linksamling">

</td>
</tr>
<tr>
<td align="middle" valign="top">
    <A HREF="afstemning.html" onFocus="this.blur();" TARGET="MAIN"
    onMouseOut="msout(8)"
    onMouseOver="msover(8)"
    onClick="msclick(8)">
    <img src="k_afstemning.gif" width="115" height="30" border="0" Alt="afstemning">

</td>
</tr>
</table>
</center>
</body>
</html>
Avatar billede olebole Juniormester
16. marts 2003 - 18:15 #2
<ole>

Du må ud på nettet og finde en mere anvendelig menu. Den, du henviser til, skal bygges så meget om, at det bedre kan betale sig at finde en anden  :)

/mvh
</bole>
Avatar billede Rasmusjc Juniormester
16. marts 2003 - 21:41 #3
Jeg har lavet det sådan at der kommer den menu som der bliver brugt på http://www.infimum.dk/privat/overmenu.html altså de små link knapper.
Dog uden at de billeder der vises når man kører musen hen over baren kommer frem. Problemet ligger så i at få den link side vist i midten af den frame som er på siden. Det ved jeg ikke lige hvordan man løser.
men koden hvis det bare laves om på den nederste del af html koden ser sådan her ud.


<tr>
<td align="middle" valign="top">
<div class="pop"
    onmouseover="popOut(this);"
    onmouseout="popIn(this);">
    <A HREF="afstemning.html" onFocus="this.blur();" TARGET="MAIN"
    onMouseOut="msout(8)"
    onMouseOver="msover(8)"
    onClick="msclick(8)">
    <img src="k_afstemning.gif" width="115" height="30" border="0" Alt="afstemning">


<html>
  <head>
 
    <style type="text/css">
      body {background-color:#150e71;}
     
      }

      div.pop a {display:block}

    </style>
    <script type="text/javascript">
      function popIn(e) {
          e.style.height="28px";
          e.style.background="url('http://www.thallish.dk/grafik/MenuStart.gif')";
          document.getElementById("links").style.display="none";
      }
      function popOut(e) {
          e.style.height="178px";
          e.style.background="url('http://www.thallish.dk/grafik/MenuDropdown.GIF')";
          document.getElementById("links").style.display="block";
      }

    </script>
  </head>

  <body>
   
    <div class="pop"
   
    onmouseout="popIn(this);">
          <div id="links" style="display:none">
      <a href="#">link 1</a>
      <a href="#">link 2</a>
      <a href="#">link 3</a>
      <a href="#">link 4</a>
      </div>
    </div>

    <hr>
  </body>
</html>
</td>
</tr>
</table>
</center>
</body>
</html>
Avatar billede olebole Juniormester
16. marts 2003 - 21:46 #4
Prøv nu at finde en færdig menu, du kan bruge ... du vil blive ved med at løbe ind i problemer med det, du sidder og roder med.
Den flytter jo hele sideindholdet ned, når den folder ud ... det kan vel ikke være meningen ...(?)
Avatar billede Rasmusjc Juniormester
16. marts 2003 - 22:04 #5
Du har nok ret. Jeg er ikke specielt meget inde i alt det html sprog endnu. Problemet ligger bare i at så skal hele siden vel laves om. Da det er denne venstre side der styrer hele indholdet.

Jeg vil se på sagen. Her du evt. nogle steder hvor der er sådan nogle færdige menuer?
Avatar billede olebole Juniormester
16. marts 2003 - 22:06 #6
Prøv:
  http://www.eksperten.dk/kat/10?searchtype=txt
og:
  http://www.eksperten.dk/kat/8?searchtype=txt

Det er noget, der er oppe næsten dagligt  :)
/mvh
Avatar billede Rasmusjc Juniormester
16. marts 2003 - 22:06 #7
Iøvrigt. Så er scrolling problemet løst. Det hele styres af en index side med forskellige frames højre, venstre midt og top. Det var bare lige at ændre no til auto så hvis man ikke har en opløsning på min. 1024*768 så kommer der scorlling på. Det er ikke kønt med de grå "knapper" men det fungere. Ved heller ikke lige hvordan man får ændret farven på den :)
Avatar billede olebole Juniormester
16. marts 2003 - 22:19 #8
Søg på 'scrollbar' ... Ekspertens database strutter med forklaringer på netop det.
I det hele taget kan det siges ofte nok:
  "Søg på Eksperten ...!"  ;o)
/mvh
Avatar billede olebole Juniormester
16. marts 2003 - 22:21 #9
PS: Hvis alle gjorde det, ville der højest blive åbnet 10 nye spm. om ugen i kode/programmerings-kategorierne  ;o)
Avatar billede Rasmusjc Juniormester
16. marts 2003 - 22:23 #10
Sorry. §;O}
Avatar billede olebole Juniormester
16. marts 2003 - 22:25 #11
Bare rolig ... sådan var det ikke ment  :)
Avatar billede Rasmusjc Juniormester
29. september 2003 - 23:16 #12
Ja, et endegyldigt svar kom der aldrig, så jeg tager pointene igen. Men Olebole du var nu en stor hjælp
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel Indlæg Oprettet Seneste aktivitet
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript 5 27/04/202620:09 21/08/202610:41
Validering af filnavn i formular Af Strawberry i JavaScript 8 14/04/202610:11 20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript 2 03/02/202614:19 04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript 9 18/04/202516:52 22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript 2 14/02/202511:47 27/06/202514:34
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I dag 18:50 Slet lokal konto Af ErikHg i Windows
I dag 16:05 Ændre tal i en celle Af xvid i Excel
I dag 13:47 Dette er ikke en kommerciel session i Windows 11 Af eksmojo i Windows
31/0810:26 Synkronisering af kalender mellem computer, android telefon og iPhone Af Strawberry i Andre onlineløsninger
31/0810:24 Kan Excel selv beregne alder? Af leahcim i Excel
White papers
Flere white papers »