Søg
Avatar billede pitzen Nybegynder
15. juni 2004 - 19:26 Der er 13 kommentarer og
1 løsning

Skift tekst i tabel, ved klik på link!

Jeg skal lave en side, hvor der bliver listet en masse produkter op... Når jeg klikker på et af produkterne, skal teksten i en af tabellerne skifte. Sådan at produktets informationer kommer frem!

Jeg kunne klare dette ved at bruge frames, men det vil jeg ikke :)

ER der en metode? Eller skal jeg lave en side med top-image osv. for hver produkt? Kan man includere en html-fil?

PFT...

Mvh. Morten!
Avatar billede thesurfer Nybegynder
15. juni 2004 - 19:28 #1
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>
Avatar billede thesurfer Nybegynder
15. juni 2004 - 19:29 #2
Der skulle selfølgelig stå: <div id="besked">standard tekst</div>
Avatar billede thesurfer Nybegynder
15. juni 2004 - 19:30 #3
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>
Avatar billede thesurfer Nybegynder
15. juni 2004 - 19:31 #4
doh.. glemte lige:

<a href="#" onclick="vis('dette er den nye tekst');return false">ny tekst</a>
Avatar billede pitzen Nybegynder
15. juni 2004 - 19:44 #5
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!
Avatar billede thesurfer Nybegynder
15. juni 2004 - 19:55 #6
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>
Avatar billede pitzen Nybegynder
15. juni 2004 - 23:43 #7
Hey! Tak for et godt svar... Ville gerne høre om man kan sætte en HTML fil ind istedet for tekst?
Avatar billede thesurfer Nybegynder
15. juni 2004 - 23:48 #8
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'..
Avatar billede pitzen Nybegynder
15. juni 2004 - 23:52 #9
Kan du ikk proppe det ind i ovestående eksempel?
Avatar billede thesurfer Nybegynder
15. juni 2004 - 23:55 #10
prøver lige..
Avatar billede thesurfer Nybegynder
15. juni 2004 - 23:59 #11
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..
Avatar billede pitzen Nybegynder
16. juni 2004 - 00:07 #12
Jamen det er jo kanon!! 1000-Tak for hjælpen...

Skriv et svar og du får point!
Avatar billede thesurfer Nybegynder
16. juni 2004 - 00:09 #13
Og et svar er skrevet ;-)
Avatar billede thesurfer Nybegynder
16. juni 2004 - 00:42 #14
Takker 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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
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 går 20:07 Libra Office 26.2.5.2 - Er sort - Kan an ændre til lysere baggrund ? (Windows 11) Af Ikke-ekspert i Office & Kontorpakker
I går 11:24 Hvor kan jeg finde hjælp til at flytte fra min gamle Samsung Flip4 til min nye Samsung Galaxy S24 Af vbr i Apps til Android
I går 11:16 problem med mailbesked Af Pestilensen i Excel
I går 10:45 Powerbank Af postpeter@outlook.dk i Fri debat
22/0821:38 webui_forge_cu121_torch231 med AMD Grafikkort. Af jonpet i Andet software
White papers
Flere white papers »