Avatar billede husky Nybegynder
01. januar 2003 - 14:01 Der er 12 kommentarer og
1 løsning

Lille kode

Jeg har dette site: http://trine.frip.dk/index.htm

Jeg har virkelig brug for en "rullemenù" som på: www.ikasthandball.dk

Altså en menu som giver flere valgmuligheder når man trykker på et link.

Rullemenuen skal passe godt ind og have samme farve som min nuværende menù

Håber I forstår
Avatar billede esben_aaberg Nybegynder
01. januar 2003 - 14:07 #1
Hvorfor låner du ikke bare koden fra www.ikasthandball.dk og tilretter den?
Avatar billede husky Nybegynder
01. januar 2003 - 14:14 #2
Fordi jeg ikke har forstand på html kodning, men jeg kan lige prøve - vender tilbage hvis det mislykkedes
Avatar billede husky Nybegynder
01. januar 2003 - 14:16 #3
Det går ikke -  Tilret den til mig hvis du har lyst, kan ikke hitte ud af sådan noget :>
Avatar billede boris Mester
01. januar 2003 - 16:45 #4
I nedenstående udpluk har overmenuen et href til en funktion, som skiftevis viser og skjuler undermenuen. Undermenuen har ID 'IBEH', som tilføres funktionen som parameter.
Bemærk at det hele virker ikke i Netscape.
----------------------------------------
<font face="Verdana, Arial, Helvetica, sans-serif" size="1" color="#FFFFFF"><b><a class="menu" href="java script:undermenu('IBEH')">Damer</a></b></font>
<!-- Her starter undermenuafsnittet -->
      <div id="IBEH" style="DISPLAY: none">

      <font face="Verdana, Arial, Helvetica, sans-serif" size="1"><br>
      <img height="5" src><br><a class="undermenu" href="/hold/spillertrup.asp?HoldID=1&amp;Show=IBEH">Spillertruppen</a><br>
      <img height="5" src><br><a class="undermenu" href="/hold/ledere.asp?HoldID=1&amp;Show=IBEH">Trænere og ledere</a><br>
Avatar billede boris Mester
01. januar 2003 - 16:46 #5
(funktionen hedder undermenu og står i begyndelsen af scriptet, men den er der ikke grund til at ændre på)
Avatar billede syvon Nybegynder
01. januar 2003 - 16:57 #6
har en her hvis det er noget der kan bruges
kan den rettes til

www.povlsen.org/test/menu.asp
Avatar billede husky Nybegynder
01. januar 2003 - 17:36 #7
boris: du skal nok få point, men kan du ikke lige gøre lidt mere for mig.

Hvis du gider sætte den kode du har plukket ud sammen med min kildekode fra min Trine site så det hele passer sammen, med rød farve og det.

Jeg har nu prøvet og kan sq ikke
Avatar billede boris Mester
01. januar 2003 - 19:02 #8
Her har du lidt mere hjælp.
Du skal selv tilpasse udseendet i css filen.
Indsæt funktionen, som hedder function undermenu(...osv oppe foroven i dit eget Javascript.

Og her har jeg ændret et af dine menupunkter således med et punkt, som hedder overmenupunkt:

<tr>
  <td bgcolor="#e9e9e9" onmouseover="co(this,'in');" onmouseout="co(this,'out');" >
    <a href="java script:undermenu('enundermenu');" class="menu">› Overmenupunkt</a>
<div id="enundermenu" style="display:none;">
  <br>
  <a class="undermenu" href="etlink">etunderpunkt</a><br>
  <a class="undermenu" href="etandetlink">etandetunderpunkt</a><br>
  <a class="undermenu" href="ettredjelink"> ettredjeunderpunkt </a><br>
  </td>
</tr>
Avatar billede husky Nybegynder
01. januar 2003 - 20:17 #9
Det fungere ikke helt endnu boris, hvis du lige gider kigge engang :>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<HTML>
<HEAD>
<!-- Minus AutoDato -->
    <TITLE>Infosite om Trine Jensen og Ikast/Bording EH</TITLE>
<link rel="stylesheet" type="text/css" href="trine.css">
<META NAME="Generator" CONTENT="Stone's WebWriter 3.5">
<script language="JavaScript">
  function co(element,mode) {
    if (mode=="in") {
      cursortype = 'hand'
      colorval = '#CC0D0D'
    } else if (mode=="out") {
      cursortype = ''
      colorval = '#e9e9e9'
    }
  element.style.background=colorval;
  element.style.cursor=cursortype;


<!-- Her starter undermenuafsnittet -->
      <div id="IBEH" style="DISPLAY: none">

      <font face="Verdana, Arial, Helvetica, sans-serif" size="1"><br>
      <img height="5" src><br><a class="undermenu" href="/hold/spillertrup.asp?HoldID=1&amp;Show=IBEH">Spillertruppen</a><br>
      <img height="5" src><br><a class="undermenu" href="/hold/ledere.asp?HoldID=1&amp;Show=IBEH">Trænere og ledere</a><br>
}


</script>
</HEAD>
<BODY background="images/bagg.jpg" topmargin="0" marginwidth="0" marginheight="0">

<table width="605" height="100" cellspacing="0" cellpadding="3">
<tr valign="top">
<td width="605" height="100" background="images/banner.jpg"></td>
</tr>
</table>
<table width="605" height="500" cellspacing="0" cellpadding="1">
<tr valign="top">
<td width="150" height="500" background="images/menubagg.jpg">

<font color="#D13333">&nbsp;&nbsp;&nbsp;.menu</font>
<table cellpadding="3" cellspacing="1" bgcolor="#CC0D0D" width="149">


<tr>
  <td bgcolor="#e9e9e9" onmouseover="co(this,'in');" onmouseout="co(this,'out');" >
    <a href="java script:undermenu('enundermenu');" class="menu">› Overmenupunkt</a>
<div id="enundermenu" style="display:none;">
  <br>
  <a class="undermenu" href="etlink">etunderpunkt</a><br>
  <a class="undermenu" href="etandetlink">etandetunderpunkt</a><br>
  <a class="undermenu" href="ettredjelink"> ettredjeunderpunkt </a><br>
  </td>
</tr>

<tr>
 
<td bgcolor="#e9e9e9" onmouseover="co(this,'in');" onmouseout="co(this,'out');">
    <a href="trine.htm" class="menu">› Trine info</a></td>

</tr>
<tr>
  <td bgcolor="#e9e9e9" onmouseover="co(this,'in');" onmouseout="co(this,'out');">
    <a href="ikast.htm" class="menu">› Ikast/Bording</a></td>
</tr>
<tr>
  <td bgcolor="#e9e9e9" onmouseover="co(this,'in');" onmouseout="co(this,'out');">
    <a href="resultat.htm" class="menu">› Resultater og stilling</a></td>
</tr>
<tr>
  <td bgcolor="#e9e9e9" onmouseover="co(this,'in');" onmouseout="co(this,'out');">
    <a href="billeder.htm" class="menu">› Billeder</a></td>
</tr>
<tr>
  <td bgcolor="#e9e9e9" onmouseover="co(this,'in');" onmouseout="co(this,'out');">
    <a href="gæstebog.htm" class="menu">› Gæstebog</a></td>
</tr>

<tr>
  <td bgcolor="#e9e9e9" onmouseover="co(this,'in');" onmouseout="co(this,'out');">
    <a href="raad.htm" class="menu">› Gode råd </a></td>
</tr>

<tr>
  <td bgcolor="#e9e9e9" onmouseover="co(this,'in');" onmouseout="co(this,'out');">
    <a href="kontakt.htm" class="menu">› Kontakt webmaster</a></td>
</tr>
</table>
<BR>
<center><img src="images/trinejensen.jpg"></center>
<p>
<font color="#D13333">&nbsp;&nbsp;&nbsp;.banner</font>
<table cellpadding="3" cellspacing="1" bgcolor="#CC0D0D" width="149">
<tr>
  <td bgcolor="#e9e9e9">
&nbsp;&nbsp;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<a href="http://www.dhf.dk" target="_blank"><img alt="Dansk håndbold union!" src="images/dhfbar.gif" width="25" style="filter:alpha(opacity=25)" name="Test" onMouseDown="this.filters.alpha.opacity=100" onMouseover="this.filters.alpha.opacity=70" onMouseout="this.filters.alpha.opacity=25" border="0"></a>
<p><center>
<a href="http://www.ikasthandball.dk" target="_blank"><img alt="Ikast/Bording's hjemmeside!" src="images/ibhbar.gif"  style="filter:alpha(opacity=25)" name="Test" onMouseDown="this.filters.alpha.opacity=100" onMouseover="this.filters.alpha.opacity=70" onMouseout="this.filters.alpha.opacity=25" border="0"></a>
</center>
</td>
</tr>
</table>

</td>
<td width="455" height="500" background="images/mainbagg.jpg"><BR><blockquote>
<!-- --------------------------------------------------- HOVEDSIDEN ----------------------------------- -->
<!-- --------------------------------------------------- HOVEDSIDEN ----------------------------------- -->
<!-- --------------------------------------------------- HOVEDSIDEN ----------------------------------- -->

<font face="verdana" size="4" color="#CC0D0D"><B>V</B></font><U>elkommen</U><BR>
til et lille infosite om håndboldspilleren Trine Jensen samt Ikast/Bording EH .<BR>
På denne side vil De kunne finde biografi, resultater, mål, billeder, stillinger, gode råd + meget mere.
<p>
<HR SIZE="1" NOSHADE color="#CC0D0D">
<BR>
<font face="verdana" size="4" color="#CC0D0D"><B>N</B></font><U>yheder</U><p>
<U>d. 21/12-02</U><BR>
I dag vandt Ikast/Bording EH en meget vigtig kamp mod rivalerne fra Slagelse.<br>
Virkelig godt klaret!
<p>
<U>d. 16/12-02</U><BR>
I dag bliver guldpigerne fra Ikast hyldet. Det sker på Rådhusbalkonen kl. 17.00. Trine Jensen, Line Daugaard, Karin Mortensen og Katrine Andersen bliver fortjent hyldet.<br>
Flot indsats piger - og tillykke.
<p>

<HR SIZE="1" NOSHADE color="#CC0D0D">
<BR>
<font face="verdana" size="4" color="#CC0D0D"><B>P</B></font><U>OTW</U> (picture of the week)<p>
<center><img src="potw/001.jpg"></center>
<p>
<HR SIZE="1" NOSHADE color="#CC0D0D">
Copyright (c) 2002 - All rights reserved.

<!-- -------------------------------------------------- /HOVEDSIDEN ----------------------------------- -->
<!-- -------------------------------------------------- /HOVEDSIDEN ----------------------------------- -->
<!-- -------------------------------------------------- /HOVEDSIDEN ----------------------------------- -->
</blockquote></td>
</tr>
</table>
<table width="605" height="20" cellspacing="0" cellpadding="3">
<tr valign="top">
<td width="605" height="20" background="images/bundbagg.jpg">
</td>
</tr>
</table>

</BODY>
</HTML>
Avatar billede husky Nybegynder
01. januar 2003 - 20:19 #10
Hvis du lige kan sige hvad der er forkert i den?
Avatar billede boris Mester
01. januar 2003 - 21:20 #11
Jeg har fjernet de ting i Javascript, som gav fejl og sat funktionen ind.
Nu giver det ikke fejl, men jeg ved ikke, hvordan det ser ud sammen med din css fil.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<HTML>
<HEAD>
<!-- Minus AutoDato -->
    <TITLE>Infosite om Trine Jensen og Ikast/Bording EH</TITLE>
<link rel="stylesheet" type="text/css" href="trine.css">
<META NAME="Generator" CONTENT="Stone's WebWriter 3.5">
<script language="JavaScript">
// Det er denne funktion, som styrer undermenuerne.
// Den fodres med parameteren id
function undermenu(id)
{
    if(document.all[id].style.display == "none")
        document.all[id].style.display = "inline";
    else
        document.all[id].style.display = "none";
}


  function co(element,mode) {
    if (mode=="in") {
      cursortype = 'hand'
      colorval = '#CC0D0D'
    } else if (mode=="out") {
      cursortype = ''
      colorval = '#e9e9e9'
    }
    }
   

</script>
</HEAD>
<BODY background="images/bagg.jpg" topmargin="0" marginwidth="0" marginheight="0">

<table width="605" height="100" cellspacing="0" cellpadding="3">
<tr valign="top">
<td width="605" height="100" background="images/banner.jpg"></td>
</tr>
</table>
<table width="605" height="500" cellspacing="0" cellpadding="1">
<tr valign="top">
<td width="150" height="500" background="images/menubagg.jpg">

<font color="#D13333">&nbsp;&nbsp;&nbsp;.menu</font>
<table cellpadding="3" cellspacing="1" bgcolor="#CC0D0D" width="149">


<tr>
  <td bgcolor="#e9e9e9" onmouseover="co(this,'in');" onmouseout="co(this,'out');" >
    <a href="java script:undermenu('enundermenu');" class="menu">› Overmenupunkt</a>
<div id="enundermenu" style="display:none;">
  <br>
  <a class="undermenu" href="etlink">etunderpunkt</a><br>
  <a class="undermenu" href="etandetlink">etandetunderpunkt</a><br>
  <a class="undermenu" href="ettredjelink"> ettredjeunderpunkt </a><br>
  </td>
</tr>

<tr>
 
<td bgcolor="#e9e9e9" onmouseover="co(this,'in');" onmouseout="co(this,'out');">
    <a href="trine.htm" class="menu">› Trine info</a></td>

</tr>
<tr>
  <td bgcolor="#e9e9e9" onmouseover="co(this,'in');" onmouseout="co(this,'out');">
    <a href="ikast.htm" class="menu">› Ikast/Bording</a></td>
</tr>
<tr>
  <td bgcolor="#e9e9e9" onmouseover="co(this,'in');" onmouseout="co(this,'out');">
    <a href="resultat.htm" class="menu">› Resultater og stilling</a></td>
</tr>
<tr>
  <td bgcolor="#e9e9e9" onmouseover="co(this,'in');" onmouseout="co(this,'out');">
    <a href="billeder.htm" class="menu">› Billeder</a></td>
</tr>
<tr>
  <td bgcolor="#e9e9e9" onmouseover="co(this,'in');" onmouseout="co(this,'out');">
    <a href="gæstebog.htm" class="menu">› Gæstebog</a></td>
</tr>

<tr>
  <td bgcolor="#e9e9e9" onmouseover="co(this,'in');" onmouseout="co(this,'out');">
    <a href="raad.htm" class="menu">› Gode råd </a></td>
</tr>

<tr>
  <td bgcolor="#e9e9e9" onmouseover="co(this,'in');" onmouseout="co(this,'out');">
    <a href="kontakt.htm" class="menu">› Kontakt webmaster</a></td>
</tr>
</table>
<BR>
<center><img src="images/trinejensen.jpg"></center>
<p>
<font color="#D13333">&nbsp;&nbsp;&nbsp;.banner</font>
<table cellpadding="3" cellspacing="1" bgcolor="#CC0D0D" width="149">
<tr>
  <td bgcolor="#e9e9e9">
&nbsp;&nbsp;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<a href="http://www.dhf.dk" target="_blank"><img alt="Dansk håndbold union!" src="images/dhfbar.gif" width="25" style="filter:alpha(opacity=25)" name="Test" onMouseDown="this.filters.alpha.opacity=100" onMouseover="this.filters.alpha.opacity=70" onMouseout="this.filters.alpha.opacity=25" border="0"></a>
<p><center>
<a href="http://www.ikasthandball.dk" target="_blank"><img alt="Ikast/Bording's hjemmeside!" src="images/ibhbar.gif"  style="filter:alpha(opacity=25)" name="Test" onMouseDown="this.filters.alpha.opacity=100" onMouseover="this.filters.alpha.opacity=70" onMouseout="this.filters.alpha.opacity=25" border="0"></a>
</center>
</td>
</tr>
</table>

</td>
<td width="455" height="500" background="images/mainbagg.jpg"><BR><blockquote>
<!-- --------------------------------------------------- HOVEDSIDEN ----------------------------------- -->
<!-- --------------------------------------------------- HOVEDSIDEN ----------------------------------- -->
<!-- --------------------------------------------------- HOVEDSIDEN ----------------------------------- -->

<font face="verdana" size="4" color="#CC0D0D"><B>V</B></font><U>elkommen</U><BR>
til et lille infosite om håndboldspilleren Trine Jensen samt Ikast/Bording EH .<BR>
På denne side vil De kunne finde biografi, resultater, mål, billeder, stillinger, gode råd + meget mere.
<p>
<HR SIZE="1" NOSHADE color="#CC0D0D">
<BR>
<font face="verdana" size="4" color="#CC0D0D"><B>N</B></font><U>yheder</U><p>
<U>d. 21/12-02</U><BR>
I dag vandt Ikast/Bording EH en meget vigtig kamp mod rivalerne fra Slagelse.<br>
Virkelig godt klaret!
<p>
<U>d. 16/12-02</U><BR>
I dag bliver guldpigerne fra Ikast hyldet. Det sker på Rådhusbalkonen kl. 17.00. Trine Jensen, Line Daugaard, Karin Mortensen og Katrine Andersen bliver fortjent hyldet.<br>
Flot indsats piger - og tillykke.
<p>

<HR SIZE="1" NOSHADE color="#CC0D0D">
<BR>
<font face="verdana" size="4" color="#CC0D0D"><B>P</B></font><U>OTW</U> (picture of the week)<p>
<center><img src="potw/001.jpg"></center>
<p>
<HR SIZE="1" NOSHADE color="#CC0D0D">
Copyright (c) 2002 - All rights reserved.

<!-- -------------------------------------------------- /HOVEDSIDEN ----------------------------------- -->
<!-- -------------------------------------------------- /HOVEDSIDEN ----------------------------------- -->
<!-- -------------------------------------------------- /HOVEDSIDEN ----------------------------------- -->
</blockquote></td>
</tr>
</table>
<table width="605" height="20" cellspacing="0" cellpadding="3">
<tr valign="top">
<td width="605" height="20" background="images/bundbagg.jpg">
</td>
</tr>
</table>

</BODY>
</HTML>
Avatar billede husky Nybegynder
01. januar 2003 - 21:32 #12
Den fungere ikke -

Tak for din tid boris, men din kodning der passer altså ikke helt ind.
Skriften og det hele bliver´meget større med den kode - jeg tror jeg beholder det jeg har nu.

Ellers tak.
Avatar billede boris Mester
01. januar 2003 - 22:08 #13
Ak ja.
Hvis jeg lige må citere mig selv:
"men jeg ved ikke, hvordan det ser ud sammen med din css fil."
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
Kurser inden for grundlæggende programmering

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