Avatar billede borrisholt Novice
14. oktober 2002 - 00:56 Der er 8 kommentarer og
1 løsning

Marker den viste ..

Jeg har et HTML dokument der har til opgave at vise et dokument i en anden frame. Det virker også meget godt.

Mit problem består i at jeg kunne godt tænke mig at linket til det viste dokument er understreget.

Her er koden :

<html>

<head>

<STYLE type ="text/css">
  A:link    {color: #034fb9; font-weight:bold; text-decoration: none}
  A:visited  {color: #034fb9; font-weight:bold; text-decoration: none}
  A:hover    {color: maroon;  font-weight:bold; text-decoration = underline}
  A:active  {color: maroon;  font-weight:bold; text-decoration = underline}
</STYLE>

<script language="JavaScript">
var
count = 0;

var
ticker_url = new Array
(
    "P0005834.JPG.htm",
    "P0005835.JPG.htm"
);
  Items_Count = 1;

function nextPic()
{
  count ++;
  count %= Items_Count +1;

  parent.frames[1].location = ticker_url[count];    // Filnavn
}

function prevPic()
{
  count--

  if (count < 0)
    count = Items_Count;

  parent.frames[1].location = ticker_url[count];    // Filnavn
}

function Load(index)
{
  parent.frames[1].location = ticker_url[index];
}
</script>
</head>

<body onload = "java script: Load(0)">
<center>
<table>
    <tr>
    <td>
        <a href="java script: prevPic()">
          << Forrige
        </a>
    </td>

    <td>
      <a href="java script: Load(0)">1</a>
    </td>


    <td>
      <a href="java script: Load(1)">2</a>
    </td>

    <td>
        <a href="java script: nextPic()">
          Næste >>
        </a>
    </td>
</tr>
</body>
</html>


Jens B
Avatar billede sthen Nybegynder
14. oktober 2002 - 01:42 #1
Prøv til at starte på, at sætte dine linkerklæringer i denne rækkefølge:

<STYLE type ="text/css">
  A:link    {color: #034fb9; font-weight:bold; text-decoration: none}
  A:visited  {color: #034fb9; font-weight:bold; text-decoration: none}
  A:active    {color: maroon;  font-weight:bold; text-decoration = underline}
  A:hover  {color: maroon;  font-weight:bold; text-decoration = underline}
</STYLE>

Det er vigtigt, at de ALTID kommer i denne rækkefølge.
Lad os se om det hjælper
Avatar billede sthen Nybegynder
14. oktober 2002 - 01:43 #2
Og så lige en ting mere - ret dine = til :

<STYLE type ="text/css">
  A:link    {color: #034fb9; font-weight:bold; text-decoration: none}
  A:visited  {color: #034fb9; font-weight:bold; text-decoration: none}
  A:active    {color: maroon;  font-weight:bold; text-decoration: underline}
  A:hover  {color: maroon;  font-weight:bold; text-decoration: underline}
</STYLE>
Avatar billede borrisholt Novice
14. oktober 2002 - 01:45 #3
Det med active virker meget godt ... det er ikke noget problem. rækkefølgen til trods....

Problemet er når man bruger "Forrige" og "Næste" linket.. Så bliver de active, og ikke fx. nummet 7

by the way ...
  er det kun i C++ man kan skrive ++Count ? Altså have tildelings operatoren før variabel navnet ?


Jens B
Avatar billede sthen Nybegynder
14. oktober 2002 - 01:47 #4
Det ANER jeg ikke - kan ikke C++
Avatar billede sthen Nybegynder
14. oktober 2002 - 01:48 #5
Men den med at rette = til : burde kunne gøre det
Avatar billede borrisholt Novice
14. oktober 2002 - 01:51 #6
Løsningen ligger IKKE i style sheet'et. Derfor er spm stillet her :-)


Hvis fx Jeg manuelt trykker på nummer 7, og så trykker næste. Ska vil jeg gerne have nummer 8 markeret.

Det jeg ville med min ++ operator var at skrive ++count %= Items_Count +1;
Men det må man ikke ...


Jens B
Avatar billede knudgert Nybegynder
14. oktober 2002 - 03:03 #7
>sthen

Du er gal på den, rækkefølgen skal være link - visited - hover - active.

http://www.w3.org/TR/REC-CSS2/selector.html#x27
Avatar billede borrisholt Novice
14. oktober 2002 - 10:24 #8
knudgert, Med flere :
G L E M det style sheet og svar på spørgsmålet !

Jeg har selv en slags svar på mit problem :

Jeg kan dynamisk skrive de aktuelle links ned i documentet dynamisk, hvergang min load bliver kaldt ...

Jeg skal første skrive mit JavaScript om :


<script language="JavaScript">
var
count = 0;

var
ticker_url = new Array
(
    "P0005834.JPG.htm",
    "P0005835.JPG.htm"
);
  Items_Count = 1;

function Load(index)
{
  parent.frames[1].location = ticker_url[index];
}


function nextPic()
{
  count ++;
  count %= Items_Count +1;
  Load(count);
}

function prevPic()
{
  count--

  if (count < 0)
    count = Items_Count;
  Load(count);
}


Så er mit spørgsmål : Hvordan laver jeg en "clear" på mit dokument ?

Jens B

</script>
</head>

<body onload = "java script: Load(0)">
....
</body>
</html>
Avatar billede borrisholt Novice
14. oktober 2002 - 19:18 #9
fandt selv ud af det :

<html>

<head>

<STYLE type ="text/css">
  A:link    {color: #034fb9; font-weight:bold; text-decoration: none}
  A:visited  {color: #034fb9; font-weight:bold; text-decoration: none}
  A:hover    {color: maroon;  font-weight:bold; text-decoration = underline}
</STYLE>

<script language="JavaScript">
var
count = 0;

var
ticker_url = new Array
(
    "P0005834.JPG.htm",
    "P0005835.JPG.htm"
);
  Items_Count = 1;

  LinkBGColor;

function Load(index)
{
  parent.frames[1].location = ticker_url[index];
  count = index;

  for (i = 0; i<= Items_Count +1; ++i)
  {
    document.links[i].style.backgroundColor=LinkBGColor;
    document.links[i].style.color="#034fb9";
  }

  document.links[index+1].style.backgroundColor="#48A229";
  document.links[index+1].style.color="#FFFFFF";
}

function preLoad()
{
  LinkBGColor = document.links[0].style.backgroundColor;
  Load(0);
}

function nextPic()
{
  count ++;
  count %= Items_Count +1;

  Load(count);
}

function prevPic()
{
  count--

  if (count < 0)
    count = Items_Count;

  Load(count);
}

</script>
</head>

<body BACKGROUND="../../Icons/lootextb.JPG" onload = "java script: preLoad()">

<center>
<table>
    <tr>
    <td>
        <a href="java script: prevPic()">
          << Forrige
        </a>
    </td>

    <td>
      <a href="java script: Load(0)">1</a>
    </td>


    <td>
      <a href="java script: Load(1)">2</a>
    </td>

    <td>
        <a href="java script: nextPic()">
          Næste >>
        </a>
    </td>
</tr>
</body>
</html>

Jens B
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
Vi tilbyder markedets bedste kurser inden for webudvikling

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