Skift tekst i tabel, ved klik på link!

Eksempel:

<table>
<tr>
<td>
  <div id="besked">
</td>
</tr>
</table>

<br><br>
<a href="#" onclick="document.getElementById('besked').innerHTML = 'ny besked';return false;">skift tekst</a>

Der skulle selfølgelig stå: <div id="besked">standard tekst</div>

Hvis det er mange links, kan det anbefales at lave en funtion:

<script type="text/JavaScript">
function vis(beskeden)
{
document.getElementById('besked').innerHTML = beskeden;
}
</script>

doh.. glemte lige:

<a href="#" onclick="vis('dette er den nye tekst');return false">ny tekst</a>

Hey igen... Tek for svaret, men er blevet lidt forvirret!

Har lige oprettet noget af siden... Når man klikker på et link i menu, skal "VElkommen Bla Bla" ændres til noget relvant :)

http://club-zero.dk/Eigil

Håber i kan hjælpe!

lav backup af den gamle kode, og prøv denne her:

<HTML>
<HEAD>
<TITLE>Menu</TITLE>
<link rel="stylesheet" href="style.css">
<script type="text/JavaScript">
function vis(beskeden)
{

if (document.all) {
  document.all.info.innerHTML = beskeden;
} else {
  document.getElementById('info').innerHTML = beskeden;
}

}
</script>

<SCRIPT LANGUAGE="JavaScript1.2" SRC="menu.js"></SCRIPT>
<SCRIPT LANGUAGE="JavaScript1.2">
function onLoad() {
    window.Menukemikalier = new Menu();
    Menukemikalier.addMenuItem("Kemi Produkt 1", "vis('hej der')"); // her er der blevet rettes
    Menukemikalier.addMenuItem("Kemi Produkt 2", "location='kemiprodukt2.htm'");
    Menukemikalier.addMenuItem("Kemi Produkt 3", "location='kemiprodukt3.htm'");
    Menukemikalier.addMenuItem("Kemi Produkt 4", "location='kemiprodukt4.htm'");
   

    window.Menupapir = new Menu();
    Menupapir.addMenuItem("Papir Produkt 1", "location='papirprodukt1.htm'");
    Menupapir.addMenuItem("Papir Produkt 2", "location='papirprodukt2.htm'");
    Menupapir.addMenuItem("Papir Produkt 3", "location='papirprodukt3.htm'");
    Menupapir.addMenuItem("Papir Produkt 4", "location='papirprodukt4.htm'");
    Menupapir.writeMenus();
   
    Menupapir.writeMenus();
}
</SCRIPT>
</HEAD>
<table width="600" border="1" align="center" cellspacing="0" bordercolor="#333333">
  <tr>
      <td height="123" colspan="2"><div align="center" class="style3">Eigil Petersen ApS </div></td>
    </tr>
    <tr>
      <td width="180">  <A HREF="java script:window.showMenu(window.Menukemikalier);" onMouseOver="window.showMenu(window.Menukemikalier);">Kemikalier</A><br>
  <A HREF="java script:window.showMenu(window.Menupapir);" onMouseOver="window.showMenu(window.Menupapir);">Papir</A><br>
  <A HREF="java script:window.showMenu(window.Menupapir);" onMouseOver="window.showMenu(window.Menupapir);">Vaskemiddel</A><br>
  <A HREF="java script:window.showMenu(window.Menupapir);" onMouseOver="window.showMenu(window.Menupapir);">Handsker</A><br>
  <A HREF="java script:window.showMenu(window.Menupapir);" onMouseOver="window.showMenu(window.Menupapir);">Sikkerhedsudstyrk</A><br>
  <A HREF="java script:window.showMenu(window.Menupapir);" onMouseOver="window.showMenu(window.Menupapir);">Klude</A><br>
  <A HREF="java script:window.showMenu(window.Menupapir);" onMouseOver="window.showMenu(window.Menupapir);">Rengøring</A><br>
  <A HREF="java script:window.showMenu(window.Menupapir);" onMouseOver="window.showMenu(window.Menupapir);">Koste</A><br>
  <A HREF="java script:window.showMenu(window.Menupapir);" onMouseOver="window.showMenu(window.Menupapir);">Stativer</A><br>
  <A HREF="java script:window.showMenu(window.Menupapir);" onMouseOver="window.showMenu(window.Menupapir);">AMP</A><br>
  <A HREF="java script:window.showMenu(window.Menupapir);" onMouseOver="window.showMenu(window.Menupapir);">Bananer</A><br>
  <A HREF="java script:window.showMenu(window.Menupapir);" onMouseOver="window.showMenu(window.Menupapir);">Papkasser med øl</A><br>
  <SCRIPT LANGUAGE="JavaScript1.2">
if (document.all || document.getElementById) {
    onLoad();
}
    </SCRIPT>
    </td>
    <td width="410" valign="top"><div id="info" align="center" class="style2">Velkommen Bla Bla Bal! </div></td>
  </tr>
  </table>
</p>
</BODY>
</HTML>

Hey! Tak for et godt svar... Ville gerne høre om man kan sætte en HTML fil ind istedet for tekst?

hmm.. så skal du bruge iframe i stedet for..

eksempel:
<iframe name="lilleside" src=""></iframe>

<a href="side2.htm" target="lilleside">åben filen side2.htm i iframen</a>

Test det, og se om det er det du vil ha'..

Kan du ikk proppe det ind i ovestående eksempel?

prøver lige..

Ret lige "side2.htm", "hejhej" og "velkommen.htm":

<HTML>
<HEAD>
<TITLE>Menu</TITLE>
<link rel="stylesheet" href="style.css">
<script type="text/JavaScript">
function vis(beskeden)
{

if (document.all) {
  document.all.info.innerHTML = beskeden;
} else {
  document.getElementById('info').innerHTML = beskeden;
}

}
</script>

<SCRIPT LANGUAGE="JavaScript1.2" SRC="menu.js"></SCRIPT>
<SCRIPT LANGUAGE="JavaScript1.2">
function onLoad() {
    window.Menukemikalier = new Menu();
    Menukemikalier.addMenuItem("Kemi Produkt 1", "window.info.location.href='side2.htm'"); // HTML fil
    Menukemikalier.addMenuItem("Kemi Produkt 2", "window.info.document.write('hejhej')");  // tekst besked
    Menukemikalier.addMenuItem("Kemi Produkt 3", "location='kemiprodukt3.htm'");
    Menukemikalier.addMenuItem("Kemi Produkt 4", "location='kemiprodukt4.htm'");
   

    window.Menupapir = new Menu();
    Menupapir.addMenuItem("Papir Produkt 1", "location='papirprodukt1.htm'");
    Menupapir.addMenuItem("Papir Produkt 2", "location='papirprodukt2.htm'");
    Menupapir.addMenuItem("Papir Produkt 3", "location='papirprodukt3.htm'");
    Menupapir.addMenuItem("Papir Produkt 4", "location='papirprodukt4.htm'");
    Menupapir.writeMenus();
   
    Menupapir.writeMenus();
}
</SCRIPT>
</HEAD>
<table width="600" border="1" align="center" cellspacing="0" bordercolor="#333333">
  <tr>
      <td height="123" colspan="2"><div align="center" class="style3">Eigil Petersen ApS </div></td>
    </tr>
    <tr>
      <td width="180">  <A HREF="java script:window.showMenu(window.Menukemikalier);" onMouseOver="window.showMenu(window.Menukemikalier);">Kemikalier</A><br>
  <A HREF="java script:window.showMenu(window.Menupapir);" onMouseOver="window.showMenu(window.Menupapir);">Papir</A><br>
  <A HREF="java script:window.showMenu(window.Menupapir);" onMouseOver="window.showMenu(window.Menupapir);">Vaskemiddel</A><br>
  <A HREF="java script:window.showMenu(window.Menupapir);" onMouseOver="window.showMenu(window.Menupapir);">Handsker</A><br>
  <A HREF="java script:window.showMenu(window.Menupapir);" onMouseOver="window.showMenu(window.Menupapir);">Sikkerhedsudstyrk</A><br>
  <A HREF="java script:window.showMenu(window.Menupapir);" onMouseOver="window.showMenu(window.Menupapir);">Klude</A><br>
  <A HREF="java script:window.showMenu(window.Menupapir);" onMouseOver="window.showMenu(window.Menupapir);">Rengøring</A><br>
  <A HREF="java script:window.showMenu(window.Menupapir);" onMouseOver="window.showMenu(window.Menupapir);">Koste</A><br>
  <A HREF="java script:window.showMenu(window.Menupapir);" onMouseOver="window.showMenu(window.Menupapir);">Stativer</A><br>
  <A HREF="java script:window.showMenu(window.Menupapir);" onMouseOver="window.showMenu(window.Menupapir);">AMP</A><br>
  <A HREF="java script:window.showMenu(window.Menupapir);" onMouseOver="window.showMenu(window.Menupapir);">Bananer</A><br>
  <A HREF="java script:window.showMenu(window.Menupapir);" onMouseOver="window.showMenu(window.Menupapir);">Papkasser med øl</A><br>
  <SCRIPT LANGUAGE="JavaScript1.2">
if (document.all || document.getElementById) {
    onLoad();
}
    </SCRIPT>
    </td>
    <td width="410" valign="top"><div id="info" align="center" class="style2"><iframe src="velkommen.htm" name="info" frameborder="0" height="100%" width="100%"></iframe></div></td>
  </tr>
  </table>
</p>
</BODY>
</HTML>


Du burde kunne se hvordan det virker.. ellers spørger du bare..

Jamen det er jo kanon!! 1000-Tak for hjælpen...

Skriv et svar og du får point!

Og et svar er skrevet ;-)

Takker for point :-)