Knap funktion med flere knapper

<ole>

<a href="http://www.html.dk"
onmouseover="skiftbillede('eksempel','billede2.gif')"
onmouseout="skiftbillede('eksempel','billede1.gif')">
<img name="eksempel" src="billede1.gif" alt="Før musen over dette billede"
style="border:none;" /></a>

<a href="http://www.html.dk"
onmouseover="skiftbillede('eksempel2','billede3.gif')"
onmouseout="skiftbillede('eksempel2','billede4.gif')">
<img name="eksempel2" src="billede4.gif" alt="Før musen over dette billede"
style="border:none;" /></a>

/mvh
</bole>

- men det script kan du slet ikke bruge under XHTML. Inden du går videre med at bruge XHTML, bør du nok læse disse to artikler:
    http://www.eksperten.dk/artikler/537
    http://www.eksperten.dk/artikler/538

- og finde ud af, hvorfor du nok bør skrive HTML4.01 i stedet  ;o)

- og desuden skal du vide, at html.dk er et dårligt sted at lære om web-teknologier. Godt nok er der huller mellem fejlene - men det er også det bedste, man kan sige  :o|

-- og det kan iøvrigt laves en hel del simplere:

<img src="knap1.gif" style="cursor:pointer;" onmouseover="this.src=this.src.replace(/\.gif/,'_klik.gif';" onmouseout="this.src=this.src.replace(/_klik\.gif/,'.gif';" onclick="location.href='http://www.eksperten.dk';">

Argh ...

<img src="knap1.gif" style="cursor:pointer;" onmouseover="this.src=this.src.replace(/\.gif/,'_klik.gif');" onmouseout="this.src=this.src.replace(/_klik\.gif/,'.gif');" onclick="location.href='http://www.eksperten.dk';">

-- det eneste du skal ændre fra knap til knap er så src !-)

Hej igen.

Tak for de kloge ord og link til artiklerne. Kan se der er en god gang "go´nat læsning" der. Kommer nemlig nok til at læse dem et par gange;-) Er meget NY til sådan en gang koder...

Vaglte iøvrigt at benytte dette foreslag, som ser en del enklere ud end min egne plan:

<img src="knap1.gif" style="cursor:pointer;" onmouseover="this.src=this.src.replace(/\.gif/,'_klik.gif');" onmouseout="this.src=this.src.replace(/_klik\.gif/,'.gif');" onclick="location.href='http://www.eksperten.dk';">

Har dog et lille problem med det. Efter at havde indsat koden er min tabel sprunget. Selve knappen virker fint, men det er som om den optager mere plads?

?-)

Havde du sat størrelse på knapperne før ?o]

Ja, men det har jeg også tilføjet i koden. Det er måske ikke så godt?

KODEN:

<td width="167">
<img src="Index_filer/Opbyggelse/Top_filer/Top_knap/knap1.gif" width="167" height="31" style="cursor:pointer;" onmouseover="this.src=this.src.replace(/\.gif/,'_klik.gif');" onmouseout="this.src=this.src.replace(/_klik\.gif/,'.gif');" onclick="location.href='http://www.eksperten.dk';">
</td>

Det burde ikke betyde noget, men når du nu alligevel har en style-attribut, kan du jo ligesågodt smide al styling-information i den, og måske tilføje border:0; eller noget 0-margin eller 0-paddin ?-)

style="cursor:pointer;width:167px;height:31px;"

Skal jeg smide dette stykke kode ind i den anden? style="cursor:pointer;width:167px;height:31px;"

F.eks sådan her:

<td style="cursor:pointer;width:167px;height:31px;">
<img src="Index_filer/Opbyggelse/Top_filer/Top_knap/knap1.gif" width="167" height="31" style="cursor:pointer;" onmouseover="this.src=this.src.replace(/\.gif/,'_klik.gif');" onmouseout="this.src=this.src.replace(/_klik\.gif/,'.gif');" onclick="location.href='http://www.eksperten.dk';">
</td>

F.eks. sådan:

<td style="width:167px;height:31px;">
<img src="Index_filer/Opbyggelse/Top_filer/Top_knap/knap1.gif" style="cursor:pointer;width:167px;height:31px;" onmouseover="this.src=this.src.replace(/\.gif/,'_klik.gif');" onmouseout="this.src=this.src.replace(/_klik\.gif/,'.gif');" onclick="location.href='http://www.eksperten.dk';">
</td>

Det hjælpe hellere ikke?-hvis det var det du mente med at indsætte style="cursor:pointer;width:167px;height:31px;" sådan her

<td style="cursor:pointer;width:167px;height:31px;">
<img src="Index_filer/Opbyggelse/Top_filer/Top_knap/knap1.gif" width="167" height="31" style="cursor:pointer;" onmouseover="this.src=this.src.replace(/\.gif/,'_klik.gif');" onmouseout="this.src=this.src.replace(/_klik\.gif/,'.gif');" onclick="location.href='http://www.eksperten.dk';">
</td>

Hov, havde ikke lige set du havde smidt en kommentar mere. Prøver den straks;-)

Nej, det er desværre det sammen... Kan det skyldes mit stylesheet? I så fald ser det således ud:

body { margin: 0; }
font { font-family: Arial, Helvetica, sans-serif; }
img { border: 0; }
table { border: 0; }
form { display: inline; }
.niveau1 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FFFFFF;  }
.niveau2 { font-family: Arial, Helvetica, sans-serif; font-size: 10px;  }
.text { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #666666;  }

Det ser ikke ud til at det er der, der kan være noget, som tilter det ...

-- brug iøvrigt aldrig papir-enheden pt, da visse browsere tager den bogstaveligt og et punkt som oftest fysisk er større end en pixel !-)

1 pt = 1/72 tomme ~ 0,35 mm

Afhængig af skærm er 1 px ca. 0,2 - 0,28 mm

Ok, det vil jeg lige ændre;-) Blir´nød til at løbe, men skulle du komme på noget der kunne være årsag til den sprænger så skriv lige. Go´weekend

Hej igen. Har ikke kunne få funktionen til at virke, så er begyndt at lede efter en alternativ løsning eller helt at gå "tilbage" til mine oprindelige knapper der ikke skiftede ved mouseover.

Har tilgængel fået rettede alle mine pt til px angivelser;-)