Søg
Avatar billede m.smedegaard Nybegynder
11. oktober 2001 - 15:59 Der er 9 kommentarer og
1 løsning

Link til at virke!

Hej

Jeg har lavet array i nogle tabeller, sådan at mine \"nye\" nyheder altid er øverst, og det virker fint. Nu skal jeg have mine overskrifter i mit array til at linke til mine htm-sider.

1) Hvordan gør jeg det?

<html>
<head>
<title>nyheder</title>

<script language=\'javascript\'>
var date = new Array(
    \"26/09/2001\",   
    \"12/09/2001\",
    \"02/09/2001\",
    \"30/08/2001\",
    \"24/08/2001\",
    \"20/08/2001\");
   
    function dato( nr ) {
    if (  nr >= 0
        &&  nr < date.length )
        document.write( date[nr] )
    else
        document.write( \"\" );
}; //end dato( number )

var news = new Array(                             
    \"Om kampen Team Aarhus - KBH\",                 
    \"Greve - Team Aarhus i tal\",                   
    \"Koch vandt mesterrække tunering i Viby BK\",   
    \"10-3 sejr i første holdkamp\",
    \"Kelly Morgan til Team Aarhus\",
    \"Jürgen Koch til Team Aarhus\");
                               
function nyhed( nr ) {
    if (  nr >= 0
        &&  nr < news.length )
        document.write( news[nr] )
    else
        document.write( \"\" );
};


</script>




<style>
td { color: #FFFFFF; font-size: 8pt; font-family: Verdana, Arial, Helvetica, sans-serif }


a:hover
{
  color: cccccc;
}

<!--

BODY{
scrollbar-face-color:#2E5586;
scrollbar-arrow-color:FFFFFF;
scrollbar-track-color:#C0C0C0;
scrollbar-shadow-color:\'\';
scrollbar-highlight-color:\'\';
scrollbar-3dlight-color:\'\';
scrollbar-darkshadow-Color:\'\';
}
-->
</style>
</head>

<body background=\"billeder/background2.gif\">
<div align=\"left\"></div>
<table width=\"600\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\" height=\"345\">
  <tr>
    <td height=\"30\" class=\"unnamed1\" colspan=\"5\">
      <div align=\"center\"></div>
    </td>
    <td height=\"60\" class=\"unnamed1\" width=\"461\"><b><font face=\"Verdana, Arial, Helvetica, sans-serif\"  color=\"#CCCCCC\"><font size=\"2\">Nyheder</font></font></b></td>
  </tr>
  <tr>
    <td height=\"15\" width=\"29\"></td>
    <td height=\"15\" width=\"66\" class=\"underovers\">
      <script>dato(0)</script>
    </td>
    <td height=\"15\" width=\"14\" class=\"underovers\"></td>
    <td height=\"15\" width=\"19\" class=\"underovers\">
      <div align=\"center\">|</div>
    </td>
    <td height=\"15\" width=\"13\" class=\"underovers\"></td>
    <td height=\"15\" width=\"461\" class=\"underovers\">
      <script>nyhed(0)</script>
    </td>
  </tr>
Avatar billede prodic Mester
11. oktober 2001 - 16:10 #1
hvad skal den linke til? - bare et andet html-dokument?

Og hvordan tilføjer du flere nyheder - manuel indtastning oder was?
Avatar billede prodic Mester
11. oktober 2001 - 16:11 #2
<a href=\"link.html\"><script>nyhed(0)</script>

hvis det bare er manuel indtastning.
Avatar billede m.smedegaard Nybegynder
11. oktober 2001 - 16:38 #3
De nye html dokumenter skal bare tilføjes manuelt!
Avatar billede prodic Mester
11. oktober 2001 - 16:48 #4
smedegaard->Så kan du sagtens bruge ovenstående løsning - ved bare at gøre <Script>-delen til et link til den pågældende side for nyheden.

Som jeg viste ovenfor.
Avatar billede jakoba Nybegynder
11. oktober 2001 - 16:48 #5
Det kan gøres en god del smartere hvis du nøjes med eet array der er formatteret.

her har jeg opdelt array-strengene i 3 sektioner med | (lodret streg) tegnet.

første sektion er datoen,
anden sektion er link-adresse (eller \'-\' hvis der ikke hører et link til den nyhed)
tredie sektion er nyhedsteksten.

Og så har jeg skrevet en lidt mere kompliceret funktion der
1) skriver datoen som link hvis der er noget at linke til.
2) sktiver htmlkommandierne til de mellemliggende små celler
3) skriver nyheden.

på den måde er hver nyhed samlet i een streng, så der ikke er risiko fir at fx datoerne forskubber sig når man tilføjer nu nyhed i det ene array og glemmer at opdate det andet.

men du må nu ikke bruge tegnet \'|\' i de nyheder der skal skrives.

<html>
<head>
<title>nyheder</title>

<script language=\'javascript\'>

var news = new Array(                           
    \"26/09/2001|aarkbh.html|Om kampen Team Aarhus - KBH\",               
    \"12/09/2001|grevetal.html|Greve - Team Aarhus i tal\",                 
    \"02/09/2001|kochmester.html|Koch vandt mesterrække tunering i Viby BK\", 
    \"30/08/2001|-|10-3 sejr i første holdkamp\",
    \"24/08/2001|kellymorgan.html|Kelly Morgan til Team Aarhus\",
    \"20/08/2001|jurgenkoch.html|Jürgen Koch til Team Aarhus\");
                             
function nyhed( nr ) {
    var data = news[nr].split(\"|\");
    var tx = \"\";
    if ( data[1] == \"-\" ) {
        tx += data[0];
    } else {
        tx += \"<a href=\'\"+data[1]+\"\'>\"+data[0]+\"</a>\";
    }
    tx += \'</td>\'
        +\'<td height=\"15\" width=\"14\" class=\"underovers\"></td>\'
        +\'<td height=\"15\" width=\"19\" class=\"underovers\">\'
        +\'<div align=\"center\">|</div>\'
        +\'</td>\'
        +\'<td height=\"15\" width=\"13\" class=\"underovers\"></td>\'
        +\'<td height=\"15\" width=\"461\" class=\"underovers\">\';
    tx += data[2];
    document.write( tx );
};

</script>

<META NAME=\"Generator\" CONTENT=\"Stone\'s WebWriter 3\">
<style>
td { color: #333333; font-size: 9pt; font-family: Verdana, Arial, Helvetica, sans-serif }


a:hover
{
  color: cccccc;
}

<!--

BODY{
scrollbar-face-color:#2E5586;
scrollbar-arrow-color:FFFFFF;
scrollbar-track-color:#C0C0C0;
scrollbar-shadow-color:\'\';
scrollbar-highlight-color:\'\';
scrollbar-3dlight-color:\'\';
scrollbar-darkshadow-Color:\'\';
}
-->
</style>
</head>

<body background=\"billeder/background2.gif\">
<div align=\"left\"></div>
<table width=\"600\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\" height=\"345\">
  <tr>
    <td height=\"30\" class=\"unnamed1\" colspan=\"5\">
      <div align=\"center\"></div>
    </td>
    <td height=\"60\" class=\"unnamed1\" width=\"461\"><b><font face=\"Verdana, Arial, Helvetica, sans-serif\"  color=\"#CCCCCC\"><font size=\"2\">Nyheder</font></font></b></td>
  </tr>
  <tr>
    <td height=\"15\" width=\"29\"></td>
    <td height=\"15\" width=\"66\" class=\"underovers\">
      <script>nyhed(0)</script>
    </td>
  </tr>
  <tr>
    <td height=\"15\" width=\"29\"></td>
    <td height=\"15\" width=\"66\" class=\"underovers\">
      <script>nyhed(1)</script>
    </td>
  </tr>
  <tr>
    <td height=\"15\" width=\"29\"></td>
    <td height=\"15\" width=\"66\" class=\"underovers\">
      <script>nyhed(2)</script>
    </td>
  </tr>
  <tr>
    <td height=\"15\" width=\"29\"></td>
    <td height=\"15\" width=\"66\" class=\"underovers\">
      <script>nyhed(3)</script>
    </td>
  </tr>
  <tr>
    <td height=\"15\" width=\"29\"></td>
    <td height=\"15\" width=\"66\" class=\"underovers\">
      <script>nyhed(4)</script>
    </td>
  </tr>
</table>

</body>
</html>
Avatar billede prodic Mester
11. oktober 2001 - 16:55 #6
Jakoba->Så kom der endelige en avanceret løsning :-)

jeg er hermed stået af :-)
Avatar billede m.smedegaard Nybegynder
11. oktober 2001 - 16:59 #7
Hej jakoba

Det ser rigtig godt ud!

Kan du ikke lave sådan at datoen ikke bliver til et link, sådan at det kun er overskrifterne der virker på a:hover??

<html>
<head>
<title>nyheder</title>

<script language=\'javascript\'>

var news = new Array(                           
    \"26/09/2001 | aarkbh.html|Om kampen Team Aarhus - KBH\",               
    \"12/09/2001 | grevetal.html|Greve - Team Aarhus i tal\",                 
    \"02/09/2001 | kochmester.html|Koch vandt mesterrække tunering i Viby BK\", 
    \"30/08/2001 | 10-3 sejr i første holdkamp\",
    \"24/08/2001 | kellymorgan.html|Kelly Morgan til Team Aarhus\",
    \"20/08/2001 | jurgenkoch.html|Jürgen Koch til Team Aarhus\");
                             
function nyhed( nr ) {
    var data = news[nr].split(\"|\");
    var tx = \"\";
    if ( data[1] == \"-\" ) {
        tx += data[0];
    } else {
        tx += \"<a href=\'\"+data[1]+\"\'>\"+data[0]+\"</a>\";
    }
    tx += \'</td>\'
        +\'<td height=\"15\" width=\"14\" class=\"underovers\"></td>\'
        +\'<td height=\"15\" width=\"19\" class=\"underovers\">\'
        +\'<div align=\"center\">|</div>\'
        +\'</td>\'
        +\'<td height=\"15\" width=\"13\" class=\"underovers\"></td>\'
        +\'<td height=\"15\" width=\"461\" class=\"underovers\">\';
    tx += data[2];
    document.write( tx );
};

</script>





<style>
td { color: #FFFFFF; font-size: 8pt; font-family: Verdana, Arial, Helvetica, sans-serif }


a:hover
{
  color: cccccc;
}

<!--

BODY{
scrollbar-face-color:#2E5586;
scrollbar-arrow-color:FFFFFF;
scrollbar-track-color:#C0C0C0;
scrollbar-shadow-color:\'\';
scrollbar-highlight-color:\'\';
scrollbar-3dlight-color:\'\';
scrollbar-darkshadow-Color:\'\';
}
-->
</style>
</head>

<body background=\"billeder/background2.gif\">
<div align=\"left\"></div>
<table width=\"600\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\" height=\"345\">
  <tr>
    <td height=\"30\" class=\"unnamed1\" colspan=\"5\">
      <div align=\"center\"></div>
    </td>
    <td height=\"60\" class=\"unnamed1\" width=\"461\"><b><font face=\"Verdana, Arial, Helvetica, sans-serif\"  color=\"#CCCCCC\"><font size=\"2\">Nyheder</font></font></b></td>
  </tr>
  <tr>
    <td height=\"15\" width=\"29\"></td>
    <td height=\"15\" width=\"66\" class=\"underovers\">
     
    </td>
    <td height=\"15\" width=\"14\" class=\"underovers\"></td>
    <td height=\"15\" width=\"19\" class=\"underovers\">
      <div align=\"center\">|</div>
    </td>
    <td height=\"15\" width=\"13\" class=\"underovers\"></td>
    <td height=\"15\" width=\"461\" class=\"underovers\">
      <script>nyhed(0)</script>
    </td>
  </tr>
  <tr>
    <td height=\"15\" width=\"29\"></td>
    <td height=\"15\" width=\"66\" class=\"underovers\">
      <script>dato(1)</script>
    </td>
    <td height=\"15\" class=\"underovers\" width=\"14\"></td>
    <td height=\"15\" class=\"underovers\" width=\"19\">
      <div align=\"center\">|</div>
    </td>
    <td height=\"15\" class=\"underovers\" width=\"13\"></td>
    <td height=\"15\" class=\"underovers\" width=\"461\">
      <script>nyhed(1)</script>
    </td>
  </tr>
  <tr>
    <td height=\"15\" width=\"29\"></td>
    <td height=\"15\" width=\"66\" class=\"underovers\">
      <script>dato(2)</script>
    </td>
    <td height=\"15\" class=\"underovers\" width=\"14\"></td>
    <td height=\"15\" class=\"underovers\" width=\"19\">
      <div align=\"center\">|</div>
    </td>
    <td height=\"15\" class=\"underovers\" width=\"13\"></td>
    <td height=\"15\" class=\"underovers\" width=\"461\">
      <script>nyhed(2)</script>
    </td>
  </tr>
Avatar billede jakoba Nybegynder
11. oktober 2001 - 17:10 #8
formatet er fastlåst og vigtigt at overholde.
Så ikke noget med blanktegn foran og bagved | tegnene.
og hvis der ikke er noget link skal der stå et - tegn istedet for.

jeg er ikke sikker på jeg forstår hvad du mener med \"kun er overskrifterne der virker på a:hoover\".

herunder har jeg ændret så det er nyhedsteksten der bliver et link.
er det det?

var news = new Array(                         
    \"26/09/2001|aarkbh.html|Om kampen Team Aarhus - KBH\",             
    \"12/09/2001|grevetal.html|Greve - Team Aarhus i tal\",               
    \"02/09/2001|kochmester.html|Koch vandt mesterrække tunering i Viby BK\",
    \"30/08/2001|-|10-3 sejr i første holdkamp\",
    \"24/08/2001|kellymorgan.html|Kelly Morgan til Team Aarhus\",
    \"20/08/2001|jurgenkoch.html|Jürgen Koch til Team Aarhus\");
                           
function nyhed( nr ) {
    var data = news[nr].split(\"|\");
    var tx = \"\"+data[0];
    tx += \'</td>\'
        +\'<td height=\"15\" width=\"14\" class=\"underovers\"></td>\'
        +\'<td height=\"15\" width=\"19\" class=\"underovers\">\'
        +\'<div align=\"center\">|</div>\'
        +\'</td>\'
        +\'<td height=\"15\" width=\"13\" class=\"underovers\"></td>\'
        +\'<td height=\"15\" width=\"461\" class=\"underovers\">\';
    if ( data[1] == \"-\" ) {
        tx += data[2];
    } else {
        tx += \"<a href=\'\"+data[1]+\"\'>\"+data[2]+\"</a>\";
    }
    document.write( tx );
};
Avatar billede m.smedegaard Nybegynder
11. oktober 2001 - 17:39 #9
Mange tak for det, det var en stor hjælp!
Avatar billede jakoba Nybegynder
11. oktober 2001 - 17:54 #10
selv tak. fandt lige en fejl i din a:hover style, der skal # foran farveangivelsen:
a:hover {
  color: #cccccc;
}
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 17:32 Jeg kan ikke opdatere min iPad til ios 26.4.1. Af Bettina i Apps til iOS
I går 08:32 Office pakke LTSC vs Retail? Af Don G i Office & Kontorpakker
10/0421:19 Lydindstilling Prosonic TV Af TageArent i Fjernsyn & projektorer
10/0415:37 Sort skærm Af mort1 i Windows
09/0412:32 iPadOS 26.4.1 kan ikke opdatere Af claes57 i Apps til iOS
White papers
Flere white papers »