---

Jeg har lidt problemer med at få en "knap" til at skifte gif-fil. Jeg
vil gerne have den til at skifte, når holder musen over den. Det går
fint nok, men derefter vil jeg gerne lave en onkeypress, så den
skifter udseende igen og sender brugeren videre til en ny URL.

Jeg bruger denne:

<SCRIPT type="text/javascript">
if (Bver >=3) document.write("<A
HREF=\"./foredrag/foredragskalender.html\"
onMouseOver=(document.f1.src='links3.gif')
onMouseOut=(document.f1.src='links1.gif') ><IMG NAME=\"f1\" width=30
height=30 SRC=\"links1.gif\" BORDER=0></a>");
else document.write("<IMG width=30 height=30 SRC=\"links1.gif\"
BORDER=0>");
</SCRIPT>

Bver er en ældgammel browser-versionstester, som sikkert er totalt
overflødig, men hvordan sætter jeg en onkeypress (eller skal det være
en onClick, så man lige netop når at se et nyt knap-billede.

-----------------------

Jeg har også forsøgt denne version uden browserversionstester (det er
vel næppe nødvendigt i dag, men det var det midt i 90'erne

(indsat før </head>):
<script type="text/javascript" language="JavaScript"></script>
<SCRIPT LANGUAGE="JavaScript">
<!-- hide from none JavaScript Browsers
Image1= new Image(30,30)
Image1.src = "links.gif"
Image2 = new Image(30,30)
Image2.src = "links1.gif"
Image3 = new Image(30,30)
Image3.src = "links2.gif"

function SwapOut() {
document.imageflip.src = Image2.src; return true;
}

function SwapBack() {
document.imageflip.src = Image1.src; return true;
}

function SwapDown() {
document.imageflip.src = Image3.src; return true;
}

// - stop hiding -->
</SCRIPT>

</HEAD>


<A HREF="index.html" onMouseOver="SwapOut()" onMouseOut="SwapBack()"
onClick="SwapDown()" >
<IMG NAME="imageflip" SRC="links.gif" WIDTH=30 HEIGHT=30 BORDER=0></A>

onklick virker ikke her

Jeg er ikke en ørn til javaskript og prøver mig lidt frem.

Siden, hvor jeg eksperimenterer er:
http://www.norbyhus.dk/artiklermm/index.html

Knapperne skulle gerne have den blanke knap med et rødt felt, når
musen sættes henover og først når der derefter klikkes (eller skal det
være onkeypress?) skal den "neddykkede" knap vises.

PF mange tak for hjælp.
--
Mvh Toke

Toke.Norby@Norbyhus.dk
Læs om Ejnar Olsen og Søllestedmærkerne
samt om trusselsbrevet til kong Fr. 8!
http://www.norbyhus.dk/

---

On 12-03-2011 21:50, Toke Nørby wrote:
>
> Knapperne skulle gerne have den blanke knap med et rødt felt, når
> musen sættes henover og først når der derefter klikkes (eller skal det
> være onkeypress?) skal den "neddykkede" knap vises.
>
> PF mange tak for hjælp.
> --
> Mvh Toke

1st og fremmest kunne du hjælpe dig selv ved at rette de 26 fejl der er
på siden:
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.norbyhus.dk%2Fartiklermm%2Findex.html

Dernæst kan du undersøge a, a:hover og a:active

Karl Erik.

--
http://dmwebdesign.dk - DM i Webdesign
http://www.tyveri-check.dk - Snyd tyven før han snyder dig!
http://webdesign.ranunkelvej.com - Artikler om webdesign

---

Karl Erik Christensen <karlerik@none.invalid.com> wrote:

>1st og fremmest kunne du hjælpe dig selv ved at rette de 26 fejl der er
>på siden:
>http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.norbyhus.dk%2Fartiklermm%2Findex.html

Jeg blues! Det var værre end jeg havde forestillet mig, men nu har jeg
fulgt dit og Jens Peters råd om 1. At validere og rette siden. 2. At
glemme - i første omgang det med de tre billeder (jeg skal
efterfølgende kigge på din kode - Karl Erik!)

> Dernæst kan du undersøge a, a:hover og a:active

Jeg er ikke nogen ørn til det, men jeg skal nok kigge. Mange tak for
jeres gode råd. Jeg har uploaded den gamle side, men har tilladt mig
at sætte Validator billedet ind i nederste højre hjørne, da det, efter
nogen kamp, lykkede mig - ved hjælp af forslag fra validerings-siden,
at få siden fejlfri, sørme.

IE er åbenbart så lalleglad, at den accepterer et hav af fejl, men det
er jo ikke nogen undskyldning for at have fejlene!
--
Mvh Toke

Toke.Norby@Norbyhus.dk
Læs om Ejnar Olsen og Søllestedmærkerne
samt om trusselsbrevet til kong Fr. 8!
http://www.norbyhus.dk/

---

On 13-03-2011 16:13, Toke Nørby wrote:

> IE er åbenbart så lalleglad, at den accepterer et hav af fejl, men det
> er jo ikke nogen undskyldning for at have fejlene!
> --
> Mvh Toke

Hej Toke.

Fint at du kunne fejlrette

Det er dog ikke af hensyn til browserne at du bør validere ift. W3C, men
af hensyn til dig selv. Fejl kan give uhensigtsmæssig opførsel af din kode.

Karl Erik.

--
http://dmwebdesign.dk - DM i Webdesign
http://www.tyveri-check.dk - Snyd tyven før han snyder dig!
http://webdesign.ranunkelvej.com - Artikler om webdesign

---

Karl Erik Christensen <karlerik@none.invalid.com> wrote:

>On 13-03-2011 16:13, Toke Nørby wrote:
>
>> IE er åbenbart så lalleglad, at den accepterer et hav af fejl, men det
>> er jo ikke nogen undskyldning for at have fejlene!
>> --
>> Mvh Toke
>
>Hej Toke.
>
>Fint at du kunne fejlrette

Jow - det var en nødvendig henstilling!

>Det er dog ikke af hensyn til browserne at du bør validere ift. W3C, men
>af hensyn til dig selv. Fejl kan give uhensigtsmæssig opførsel af din kode.

OK, Det kan jeg sagtens forestille mig
Tak igen, Karl Erik.
--
Mvh Toke

Toke.Norby@Norbyhus.dk
Læs om Ejnar Olsen og Søllestedmærkerne
samt om trusselsbrevet til kong Fr. 8!
http://www.norbyhus.dk/

---

Her vil HREF vinde. Sådan at forstå at Browseren vil begynde at loade
den nye side og dermed når imageswap'et ved onclick() ikke at blive
udført.
Du kan løse det ved ikke at bruge et almindeligt link og i stedet
først udføre dit image swap og derefter viderestille til den ønskede
url.
Der er 2 problemer her. Er Javascript slået fra kan man ikke navigere.
Desuden vil brugerne blive irriterede over at skulle vente. Når man
klikker for at komme videre vil man videre med det samme.
Så alt i alt, glem det.

Regards Jens Peter Karlsen.

On Sat, 12 Mar 2011 21:50:51 +0100, Toke Nørby
<Toke.Norby@Norbyhus.dk> wrote:

>fint nok, men derefter vil jeg gerne lave en onkeypress, så den
>skifter udseende igen og sender brugeren videre til en ny URL.

---

On 12-03-2011 21:50, Toke Nørby wrote:
> Jeg har lidt problemer med at få en "knap" til at skifte gif-fil. Jeg
> vil gerne have den til at skifte, når holder musen over den. Det går
> fint nok, men derefter vil jeg gerne lave en onkeypress, så den
> skifter udseende igen og sender brugeren videre til en ny URL.
>
> Jeg bruger denne:
>
> <SCRIPT type="text/javascript">

Jeg har lavet en lille artikel om hvordan du opnår den ønskede effekt
alene vha. css.

http://webdesign.ranunkelvej.com/test5/farvelink.html

Karl Erik.

--
http://dmwebdesign.dk - DM i Webdesign
http://www.tyveri-check.dk - Snyd tyven før han snyder dig!
http://webdesign.ranunkelvej.com - Artikler om webdesign

---

---

On 13-03-2011 15:30, Jens Peter Karlsen wrote:
> Du skriver at :active ikke støttes i IE. Det er ikke korrekt.
> At implementeringen er forkert er noget andet. Såvidt jeg kan se er
> dette ikke rettet i IE9 RC. (må checke i final om et par dage).
>
> Regards Jens Peter Karlsen.

Er rettet til "ikke implementeret korrekt"
IE forstår godt active, men behandler det ikke korrekt.

Karl Erik.

--
http://dmwebdesign.dk - DM i Webdesign
http://www.tyveri-check.dk - Snyd tyven før han snyder dig!
http://webdesign.ranunkelvej.com - Artikler om webdesign

---

Toke Nørby formulerede lørdag:
8X
> Jeg bruger denne:
>
> <SCRIPT type="text/javascript">
> if (Bver >=3) document.write("<A
> HREF=\"./foredrag/foredragskalender.html\"
> onMouseOver=(document.f1.src='links3.gif')
> onMouseOut=(document.f1.src='links1.gif') ><IMG NAME=\"f1\" width=30
> height=30 SRC=\"links1.gif\" BORDER=0></a>");
> else document.write("<IMG width=30 height=30 SRC=\"links1.gif\"
> BORDER=0>");
> </SCRIPT>
8X
> Jeg er ikke en ørn til javaskript og prøver mig lidt frem.
>
> Siden, hvor jeg eksperimenterer er:
> http://www.norbyhus.dk/artiklermm/index.html
>
> Knapperne skulle gerne have den blanke knap med et rødt felt, når
> musen sættes henover og først når der derefter klikkes (eller skal det
> være onkeypress?) skal den "neddykkede" knap vises.

Du har fået løsningen af Karl Erik. En elegant een, med CSS, og uden
JS.

Vil blot tilføje et par kommentarer, og måske besvare lidt af dine
øvrige spørgsmål.

Først af alt, er din doctype ikke valid - der mangler den ene halvdel.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
gerne på een linie, er det rigtige.

Dernæst er det ikke nødvendigvis forkert at detektere browser. Som
regel mere på grund af JS end HTML. Forskelllige browsres
implementering af JS, varierer en hel del, så det man kan i den ene, må
man gøre anderledes i den anden.
Jeg vil ikke gå ind i Bver, for at finde ud af hvad den gør. Men
princippet er forkert - man skal teste om det man har brug for, kan
gøres i den aktuelle browser, ikke på selve browseren. Det kan godt
virke lidt "langhåret" - men det giver bedre og mere optimale
løsninger, som også virker, når den funktionalitet man ønsker at bruge
ændres i browserne. Så er man fri for hele tiden at skulle opdatere, og
ændre sine scripts.
Undgå document.write(). Specielt når man som her, faktisk kan skrive
det i HTML, er det forkert, at skrive til dokumentet fra JS.

Endelig, er onkeypress (onkeydown, onkeyup, etc.) til keyboard events -
ikke mus. Bortset fra onclick, begynder alle muse-eventer med onmouse.

Birger

--
http://varmeretter.dk - billig, sund og hurtig mad
http://bbsorensen.dk

---

Karl Erik foreslog:

> Jeg har lavet en lille artikel om hvordan du opnår den ønskede effekt
> alene vha. css.

> http://webdesign.ranunkelvej.com/test5/farvelink.html

Fornemt, mange tak. jeg har gemt den og vil eksperimentere! (og
bookmarked din side).

Birger Sørensen <sdc@bbsorensen.com> wrote:

>Du har fået løsningen af Karl Erik. En elegant een, med CSS, og uden
>JS.
>
>Vil blot tilføje et par kommentarer, og måske besvare lidt af dine
>øvrige spørgsmål.
>
>Først af alt, er din doctype ikke valid - der mangler den ene halvdel.
><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"
>"http://www.w3.org/TR/html4/loose.dtd">
>gerne på een linie, er det rigtige.

Tak, Birger. Jeg fik også "en over HTML'en" af valideringssiden og har
nu sat lige netop den doc-type, du foreslår, ind på min side.

>Dernæst er det ikke nødvendigvis forkert at detektere browser. Som
>regel mere på grund af JS end HTML. Forskelllige browsres
>implementering af JS, varierer en hel del, så det man kan i den ene, må
>man gøre anderledes i den anden.
>Jeg vil ikke gå ind i Bver, for at finde ud af hvad den gør. Men
>princippet er forkert - man skal teste om det man har brug for, kan
>gøres i den aktuelle browser, ikke på selve browseren. Det kan godt
>virke lidt "langhåret" - men det giver bedre og mere optimale
>løsninger, som også virker, når den funktionalitet man ønsker at bruge
>ændres i browserne. Så er man fri for hele tiden at skulle opdatere, og
>ændre sine scripts.

Det er en gammel svend, som jeg nok skrev i midten af 1990erne for at
jeg kunne få onmouse til at virke på de relevante versioner af
Netscape og IE. Det er noget passe, det script, men pyt - nu går jeg
væk fra det.

>Undgå document.write(). Specielt når man som her, faktisk kan skrive
>det i HTML, er det forkert, at skrive til dokumentet fra JS.

OK, men siden, som den er nu, er med document.write, men jeg vil
selvfølgelig prøve Karl Eriks version.

>Endelig, er onkeypress (onkeydown, onkeyup, etc.) til keyboard events -
>ikke mus. Bortset fra onclick, begynder alle muse-eventer med onmouse.

Det må jeg sætte mig lidt bedre ind i. Jeg ved alt for lidt om dette.
Jeg takker mange gange for jeres gode hjælp! Jeg vil være lidt mere
omhyggelig med at validere mine sider fremover!
--
Mvh Toke

Toke.Norby@Norbyhus.dk
Læs om Ejnar Olsen og Søllestedmærkerne
samt om trusselsbrevet til kong Fr. 8!
http://www.norbyhus.dk/