/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
CSS på noget Javascript
Fra : Jean Jensen


Dato : 01-10-08 10:52

Hej med dig.

Hvorfor virker følgende ikke:

<a href="javascript:history.back(-1)" class="locator">&laquo;
Tilbage</a>

- den henter ikke class'en....................

\ Kapunen

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

 
 
Lars Madsen (01-10-2008)
Kommentar
Fra : Lars Madsen


Dato : 01-10-08 12:12

Jean Jensen wrote:
> Hej med dig.
>
> Hvorfor virker følgende ikke:
>
> <a href="javascript:history.back(-1)" class="locator">&laquo;
> Tilbage</a>
>
> - den henter ikke class'en....................
>
> \ Kapunen
>

hvis du nu giver et link til resten af siden så ville det nok være
nemmere at hjælpe dig.

--

/daleif (remove RTFSIGNATURE from email address)

LaTeX FAQ: http://www.tex.ac.uk/faq
LaTeX book: http://www.imf.au.dk/system/latex/bog/ (in Danish)
Remember to post minimal examples, see URL below
http://www.tex.ac.uk/cgi-bin/texfaq2html?label=minxampl
http://www.minimalbeispiel.de/mini-en.html

Jean Jensen (01-10-2008)
Kommentar
Fra : Jean Jensen


Dato : 01-10-08 12:49

Lars Madsen wrote in dk.edb.internet.webdesign.html:
>
>
> hvis du nu giver et link til resten af siden så ville det nok være
> nemmere at hjælpe dig.
>
>
Det kører lokalt, men her er .asp'en og .css'en

asp'en:
---------------------------------------------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1" />
<title>Untitled Document</title>
<link href="../../styles/podastyleDyr.css" rel="stylesheet"
type="text/css" />
</head><body>

<div id="box1">
<div id="top"><!--#include virtual="include/header.asp"--></div>
</div>

<div id="navn"><!--#include virtual="include/who.asp"--></div>

<div id="box2">

<div id="topMenu">
         <table width="100%" border="0" cellspacing="0" cellpadding="0"
align="center" class="TableMenu">
      <tr>
         <th width="18">&nbsp;</th>
   <th scope="col" class="MenuTH"><a class="FaneBlad"
href="../../default.asp"></a></th>
   <th scope="col" class="MenuTH"></th>
   <th scope="col" class="MenuTH"><a class="FaneBlad"
href="../../docs/HusHave/default.asp"></a></th>
   <th scope="col" class="MenuTH"><a class="FaneBlad"
href="../../docs/Industri/default.asp"></a></th>
   <th scope="col" class="MenuTH"><a class="FaneBlad"
href="../../docs/Forhandler/default.asp"></a></th>
   <th scope="col" class="MenuTH"></th>
   <th scope="col" class="MenuTH"><a class="FaneBlad"
href="../../docs/eshop/default.asp"></a></th>
   <th scope="col" class="Language">

<!--#include virtual="include/languages.asp"-->

         </th>
      </tr>
          </table>
</div>

<div id="locator<table width="936" align="center"><tr><th width="880"
align="left" class="locator">Her er du: <a href="#"
class="locatorLink">Poda.dk</a>&nbsp;&raquo;&nbsp;<a href="#"
class="locatorLink">Poda.dk</a>&nbsp;&raquo;&nbsp;<a href="#"
class="locatorLink">Poda.dk</a>&nbsp;</th><th width="56"
align="left"><a href="javascript:history.back(-1)"
class="locator">&laquo; Tilbage</a></th></tr></table></div>

<div id="content"><h1>Poda hegner hundene</h1>
<div id="tekstBoxMenuBilleder">
<a href="../../docs/dyr/defaultHundegaarde.asp"
class="LinkMenuBillede"><img
src="../../images/Grafik/menu/almMenuBillederHundegaarde.jpg"
class="menubillede" alt="Hundegårde" /></a>
<a href="../../docs/dyr/defaultHundehuse.asp"
class="LinkMenuBillede"><img
src="../../images/Grafik/menu/almMenuBillederHundehuse.jpg"
class="menubillede" alt="hundehuse" /></a><br />
<a href="../../docs/dyr/defaultHundAutoboxe.asp"
class="LinkMenuBillede"><img
src="../../images/Grafik/menu/almMenuBillederHundAutoboxe.jpg"
class="menubillede" alt="Autobokse" /></a>
<a href="../../docs/dyr/defaultHundTransportkasser.asp"
class="LinkMenuBillede"><img
src="../../images/Grafik/menu/almMenuBillederHundTransportkasser.jpg"
class="menubillede" alt="Transportkasser" /></a>
<br /><br /></div>

<p>Hos Poda finder du et stærkt program i hundegårdselementer.
Hundegårde fra Poda kan sættes sammen i mange kombinationer, og kan
derfor imødekomme ethvert behov. </p><p>Podas modeller i hundehuse er
helårsisolerede og sikrer, at hunden befinder sig behageligt i sit
domicil. </p><p>Sikkerhed under transport er en anden mærkesag hos
Poda. Derfor har vi udvalgt autoboxe, hvor sikkerheden er i top.
</p><p>I vores e-shop kan du bestille produkterne online, og du er
naturligvis velkommen til at kontakte en af vore rådgivere, som kan
vejlede dig om vores produkter til hunde. </p><p>For inspiration samt
vejledning i opsætning og vedligeholdelse af dit Poda hegn, kan du
læse meget mere på <a href="http://www.hegn.dk"
target="_blank">www.hegn.dk »</a></p>

<br /><br /><br /></div>

<!--#include virtual="include/footer.asp"-->

</div>

</body>
</html>
---------------------------------------------------------

..css'en:
---------------------------------------------------------
/* CSS Document */

body{
background-color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:small;
line-height:1.5;
text-align:center;
padding:0;
background-image:url(../images/Grafik/bund/baggrGronFade.jpg);
background-position:bottom;
background-repeat:repeat-x;
background-attachment:scroll;
height:100%;
margin:0 auto;}

h1{
font-size:26px;
color: #000000;
font-weight:normal;
text-decoration:none;}

h2 {font-size:22px;
color: #000000;
font-weight:normal;
text-decoration:none;}

h3 {font-size:16px;
color: #000000;
font-weight:normal;
text-decoration:none;}

h4, h5{
font-size:10px;
color: #000000;
font-weight:normal;
text-decoration:none;}

h6{font-size:9px;
color: #000000;
font-weight:normal;
text-decoration:none;}

hr{
color:#4B711C;
width:98%;}

p{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
line-height:1.5;}

/* div */

#box1 {
width:944px;
text-align:left;
margin-left:auto;
margin-right:auto;
background-color:#FFFFFF;}

#box2 {
width:944px;
height:100%;
text-align:left;
margin-left:auto;
margin-right:auto;
min-height:90%;
background-color:transparent;}

#top {
background-image:url(../images/podaLogoForsideTop.jpg);
background-position:right;
background-repeat:no-repeat;
height:110px;
text-align:left;}

#navn {
background-color:#87888A;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
font-weight:normal;
color:#FFFFFF;
text-align:right;
padding-right:0px;
padding-left:0px;
height:17px;
width:100%;
vertical-align:middle;}

#topMenu {
height:40px;
text-align:center;}

#topmenu a {
color: #000000;
font-size: small;
font-weight: bold;
text-decoration: none;
padding: 0 20px 0 20px;}

#topmenu a:hover {
color: #FF8000;
border-bottom: 1px solid #008040;}

#locator {
background-image:url(../images/Grafik/baggrund/locator.jpg);
background-position:inherit;
background-repeat:no-repeat;
/*font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:16px;*/
width:944px;
height:20px;}

#content {
background-image:url(../images/Grafik/baggrund/content.jpg);
background-position:top;
background-repeat:no-repeat;
background-color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color:#000000;
padding-top:12px;
padding-left:20px;
padding-right:20px;
height:100%;
margin-right:0px;
margin-left:0px;}

#artikelA{
background-color:transparent;
width:100%;
height:auto;
float:left;
text-align:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color:#000000;
padding-top:4px;
padding-bottom:12px;
border-bottom-width:1px;
border-bottom-color:#4B711C;}

#artikelB{
background-image:url(../../images/Grafik/baggrund/videMere.png);
background-position:bottom;
background-repeat:repeat-x;
background-color:#FFFFFF;
border-left-color:#CCCCCC;
border-left-width:1px;
width:170px;
height:auto;
float:right;
text-align:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color:#000000;
padding-left:14px;
padding-right:10px;
padding-top:10px;
padding-bottom:10px;/*
padding:14px;*/}

#BottomBox{
width: 169px;
height: 69px;
padding-top:1px;
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
line-height:1.4;}

#botMenu {
position:inherit;
bottom:0;
height: 120px;
text-align: center;
width: 944px;
background-color:transparent;
background-image:url(../images/Grafik/baggrund/bundbagbund.png);
background-position:top;
background-repeat:no-repeat;
font-weight:normal;}

#botMenu a {
color:#FFFFFF;
font-weight:normal;
text-decoration:none;}

#tableBottom{
bottom:8px;}

/* th */

th.locator {
/*background-image:url(../images/Grafik/baggrund/locator.jpg);
background-position:inherit;
background-repeat:no-repeat;*/
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:12px;
/*width:944px;
height:20px;*/}

th{
font-size:10px;
color: #FFFFFF;
font-weight:normal;}

th.w3c{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
font-weight:normal;
color: #FFFFFF;
font-weight:normal;
text-align:right;
text-decoration:none;}

th.MenuTH{
width:122px;
height:27px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:normal;
color:#FFFFFF;
text-align:center;
vertical-align:baseline;
padding-top:11px;}

th.Language{
text-align:right;
vertical-align:middle;}

/* table */

table.Bottom{
width:944px;
height:110px;
text-align:center;
font-weight:normal;}

table.TableMenu{
width:944px;
height:40px;
background-image:url(../images/Grafik/menu/menuTopDyr.jpg);
background-position:top;
background-repeat:no-repeat;}

table.BottomContent{
width:100%;
text-align:center;
font-weight:normal;}

/* a */

a.tekstLink{
border-bottom: 1px dotted #4B711C;
text-decoration:none;
color:#000000;}

a.tekstLink:hover{
border-bottom: 1px dashed #4B711C;
text-decoration:none;
color:#000000;}

a.locatorLink{
border-bottom: 1px dotted #FFFFFF;
text-decoration:none;
color:#FFFFFF;}

a.locatorLink:hover{
border-bottom: 1px dashed #FFFFFF;
text-decoration:none;
color:#FFFFFF;}

a.FaneBlad:link,a.FaneBlad:visited,a.FaneBlad:active,a.FaneBlad:hover{
display:block;
width:121px;
height:26px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
color:#FFFFFF;}

a.BottomBoxForhandler:link,a.BottomBoxForhandler:visited,a.BottomBoxFo
rhandler:active,a.BottomBoxForhandler:hover{
display:block;
width:168px;
height:50px;
background-image:url(../images/Grafik/bund/GreyBox_Forhandler.gif);
background-repeat:no-repeat;
padding:0px 0 0 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:normal;
color:#FFFFFF;
text-decoration:none;
text-align:left;
padding-left:3px;
padding-top:20px;}

a.BottomBoxKatalog:link,a.BottomBoxKatalog:visited,a.BottomBoxKatalog:
active,a.BottomBoxKatalog:hover{
display:block;
width:168px;
height:50px;
background-image:url(../images/Grafik/bund/GreyBox_katalog.gif);
background-repeat:no-repeat;
padding:0px 0 0 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:normal;
color:#FFFFFF;
text-decoration:none;
text-align:left;
padding-left:3px;
padding-top:20px;}

a.BottomBoxKonkurrence:link,a.BottomBoxKonkurrence:visited,a.BottomBox
Konkurrence:active,a.BottomBoxKonkurrence:hover{
display:block;
width:168px;
height:50px;
background-image:url(../images/Grafik/bund/GreyBox_Konkurrence.gif);
background-repeat:no-repeat;
padding:0px 0 0 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:normal;
color:#FFFFFF;
text-decoration:none;
text-align:left;
padding-left:3px;
padding-top:20px;}

a.BottomBoxNyheder:link,a.BottomBoxNyheder:visited,a.BottomBoxNyheder:
active,a.BottomBoxNyheder:hover{
display:block;
width:168px;
height:50px;
background-image:url(../images/Grafik/bund/GreyBox_Nyheder.gif);
background-repeat:no-repeat;
padding:0px 0 0 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:normal;
color:#FFFFFF;
text-decoration:none;
text-align:left;
padding-left:3px;
padding-top:20px;}

a.BottomBoxEshop:link,a.BottomBoxEshop:visited,a.BottomBoxEshop:active
,a.BottomBoxEshop:hover{
display:block;
width:168px;
height:50px;
background-image:url(../images/Grafik/bund/GreyBox_eShop.gif);
background-repeat:no-repeat;
padding:0px 0 0 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:normal;
color:#FFFFFF;
text-decoration:none;
text-align:left;
padding-left:3px;
padding-top:20px;}

/* formularer */

input.search{
height:16px;
background-color:#FFFFFF;
border-bottom:1px;
border-bottom-color:#d3d3d3;
border-left:1px;
border-left-color:#d3d3d3;
border-right:1px;
border-right-color:#d3d3d3;
border-top:1px;
border-top-color:#d3d3d3;
color:#000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;}

input.videMere{
height:16px;
background-color:#FFFFFF;
border-bottom:1px;
border-bottom-color:#d3d3d3;
border-left:1px;
border-left-color:#d3d3d3;
border-right:1px;
border-right-color:#d3d3d3;
border-top:1px;
border-top-color:#d3d3d3;
color:#000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;}

button.search{
height:20px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#000000;
font-family:verdana,helvetica,sans-serif;
font-size:9px;
font-weight:normal;}

button.videMere{
height:20px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#000000;
font-family:verdana,helvetica,sans-serif;
font-size:9px;
font-weight:normal;}

input.Footer{
height:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;}

button.Footer{
height:20px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#000000;
font-family:verdana,helvetica,sans-serif;
font-size:9px;
font-weight:normal;}

/* Billeder */

img.flag{
border:none;}

img.menubillede{
border-bottom:3px;
border: solid #FFFFFF;
margin:3px;}

img.industriBillede{
float:right;
border-right:12px;
border:solid #FFFFFF;
margin:3px;}
---------------------------------------------------------

Håber det ....

\ Kapunen

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Jean Jensen (01-10-2008)
Kommentar
Fra : Jean Jensen


Dato : 01-10-08 12:55

Arghhh - har lige set fejlen...

Kun en TOSSE glemmer at bogstavere korrekt!



--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Jørgen Farum Jensen (01-10-2008)
Kommentar
Fra : Jørgen Farum Jensen


Dato : 01-10-08 12:35

Jean Jensen skrev:
> Hej med dig.
>
> Hvorfor virker følgende ikke:
>
> <a href="javascript:history.back(-1)" class="locator">&laquo;
> Tilbage</a>
>
> - den henter ikke class'en....................

1. Syntaksen er både gammeldags og forkert.
Du har følgende muligheder med history:

<a href="/" onclick="history.back()">Gå tilbage</a>
der forudsætter at browserens historik indeholder
en ældre side fra samme session,

<a href="/" onclick="history.forward()">Gå frem</a>
der forudsætter at browserens historik indeholder
en nyere side fra samme session,

og

<a href="/" onclick="history.go(n)">Gå tilbage</a>
hvor n er et heltal, -n hopper n sider tilbage i
historikken, +n hopper n sider frem i historikken.

class attributten refererer til en stylesheet form-
deklaration, der sætter formregler for et
element med denne attribuut, for eksempel

a.locator {
color:red;
text-decoration:none;
}

--
Med venlig hilsen

Jørgen Farum Jensen
http://webdesign101.dk

Jean Jensen (01-10-2008)
Kommentar
Fra : Jean Jensen


Dato : 01-10-08 12:52

Jørgen Farum Jensen wrote in dk.edb.internet.webdesign.html:
>
>
> 1. Syntaksen er både gammeldags og forkert.
> Du har følgende muligheder med history:
>
> <a href="/" onclick="history.back()">Gå tilbage</a>
> der forudsætter at browserens historik indeholder
> en ældre side fra samme session,
>
> <a href="/" onclick="history.forward()">Gå frem</a>
> der forudsætter at browserens historik indeholder
> en nyere side fra samme session,
>
> og
>
> <a href="/" onclick="history.go(n)">Gå tilbage</a>
> hvor n er et heltal, -n hopper n sider tilbage i
> historikken, +n hopper n sider frem i historikken.
>
> class attributten refererer til en stylesheet form-
> deklaration, der sætter formregler for et
> element med denne attribuut, for eksempel
>
> a.locator {
> color:red;
> text-decoration:none;
> }
>
>
På andre link på samme side hentes class'en og vises som ønsket,
men ikke på mit "tilbage"-link... Hvoff' d' ?

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Jean Jensen (01-10-2008)
Kommentar
Fra : Jean Jensen


Dato : 01-10-08 12:55

Arghhh - har lige set fejlen...

Kun en TOSSE glemmer at bogstavere korrekt!


--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Søg
Reklame
Statistik
Spørgsmål : 177558
Tips : 31968
Nyheder : 719565
Indlæg : 6408924
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste