/ 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
Kan man skifte IMG i en HREF, hvi
Fra : Peter Knutsen


Dato : 18-09-04 17:00


Ja, subject giver vist ikke ret meget mening... Jeg skal forsøge
at forklare:

På de mest simple websites - inklusiv mit eget p.t. - består
links af understreget tekst. Denne tekst vises typisk som blå,
først, men når en person så har besøgt siden der henvises til,
så vil alle henvisninger til den side stå med rød tekst fremover.

Men jeg vil gerne bruge ikoner, som man skal klikke på, istedet
for at klikke på tekst. Der står så noget tekst til højre for
ikonen som forklarer hvor man kommer hen hvis man trykker.

Jeg har disse ikoner i flere farver. Kan det lade sig gøre at
vise ét ikon, når brugeren ikke før har været på den side der
henvises til, men at vise et nyt ikon, når brugeren har været på
siden?

Jeg ved godt man kan have en farvet ramme om sit ikon. Den
starter med at være blå, men bliver rød når brugeren har besøgt
den side der henvises til. Men ikonet er det samme, og sådan en
ramme er ekstremt grim at se på!

Den HTML-kode jeg kører med, er lavet med hjælp fra Stone's
Webwriter, og ser således ud:

<td><a href="
http://www.tinyurl.com
"><img src="png/ribu.png" border="0" align="left" alt="Blue
Arrow, pointing to the Right"></a>
TinyUrl
</td>
<td><a href="
http://www.url.com
"><img src="png/ribu.png" border="0" align="left" alt="Blue
Arrow, pointing to the Right"></a>
url
</td>

Når brugeren har besøgt den side der linkes til, vil jeg
eksempelvis gerne have udskiftet "ribu.png" med "rigr.png".

Kan man også få ændret ALT-teksten?

Håber der er nogen der kan hjælpe...

--
Peter Knutsen
sagatafl.org


 
 
Jonas Schmeltz Aaber~ (18-09-2004)
Kommentar
Fra : Jonas Schmeltz Aaber~


Dato : 18-09-04 17:20

> Ja, subject giver vist ikke ret meget mening... Jeg skal forsøge
> at forklare:

Det har du ret i - og din forklaring hjalp

> På de mest simple websites - inklusiv mit eget p.t. - består
> links af understreget tekst. Denne tekst vises typisk som blå,
> først, men når en person så har besøgt siden der henvises til,
> så vil alle henvisninger til den side stå med rød tekst fremover.

Mine er lilla...

> Jeg har disse ikoner i flere farver. Kan det lade sig gøre at
> vise ét ikon, når brugeren ikke før har været på den side der
> henvises til, men at vise et nyt ikon, når brugeren har været på
> siden?

Ja (se nærmere nedenfor)!

> Når brugeren har besøgt den side der linkes til, vil jeg
> eksempelvis gerne have udskiftet "ribu.png" med "rigr.png".

Opsæt en css-regel for a-elementerne:

<style type="text/css">
a.MedBg:link {
background-image: url(ribu.png);
padding-left: 15px;
color: blue;
text-decoration: underline;
}
a.MedBg:visited {
background-image: url(rigr.png);
padding-left: 15px;
color: red;
text-decoration: underline;
}
</style>

Og for hvert link med ikon:
<a href="link.htm" class="MedBg">Linket her</a>

> Kan man også få ændret ALT-teksten?

Nej, desværre. Men med en snedig JavaScript-løsning burde det udfra
baggrundsbilledet kunne laves. Spørg i dk.edb.internet.webdesign.clientside
for dette.

MVH Jonas (aka Juke)



Peter Knutsen (18-09-2004)
Kommentar
Fra : Peter Knutsen


Dato : 18-09-04 21:23


Jonas Schmeltz Aaberg wrote:
>>Ja, subject giver vist ikke ret meget mening... Jeg skal forsøge
>>at forklare:
>
> Det har du ret i - og din forklaring hjalp

Nogle gange kan man komme ret meget i tvivl om, hvorvidt det man
skriver giver mening.

>>På de mest simple websites - inklusiv mit eget p.t. - består
>>links af understreget tekst. Denne tekst vises typisk som blå,
>>først, men når en person så har besøgt siden der henvises til,
>>så vil alle henvisninger til den side stå med rød tekst fremover.
>
> Mine er lilla...

Min browser har vist altid været sat op til rød. Egentlig er rød
en dum farve, det er svært at læse rød tekst mod en hvid
baggrund. Men jeg er vant til det...

>>Jeg har disse ikoner i flere farver. Kan det lade sig gøre at
>>vise ét ikon, når brugeren ikke før har været på den side der
>>henvises til, men at vise et nyt ikon, når brugeren har været på
>>siden?
>
> Ja (se nærmere nedenfor)!

[scroller ivrigt neda']

>>Når brugeren har besøgt den side der linkes til, vil jeg
>>eksempelvis gerne have udskiftet "ribu.png" med "rigr.png".
>
> Opsæt en css-regel for a-elementerne:
>
> <style type="text/css">
> a.MedBg:link {
> background-image: url(ribu.png);
> padding-left: 15px;
> color: blue;
> text-decoration: underline;
> }
> a.MedBg:visited {
> background-image: url(rigr.png);
> padding-left: 15px;
> color: red;
> text-decoration: underline;
> }
> </style>

Så skal jeg jo til at lære CSS (er faktisk gået i gang med det,
på basis af dit svar).

Kan jeg ikke indsætte ovenstående tekst i mit basic.css
dokument, i stedet for at indsætte det i sidens HTML-kode? Jeg
vil gerne bruge samme opsætning på alle mine sider...

> Og for hvert link med ikon:
> <a href="link.htm" class="MedBg">Linket her</a>
>
>>Kan man også få ændret ALT-teksten?
>
> Nej, desværre. Men med en snedig JavaScript-løsning burde det udfra
> baggrundsbilledet kunne laves. Spørg i dk.edb.internet.webdesign.clientside
> for dette.

Uha nej, jeg skal ikke have gang i noget Java, jeg har rigeligt
besvær med at lære CSS (især efter at have spildt et kvarter på
at konstatere at Stens Netskriver er *ubrugelig* til den slags).

Desuden kan jeg godt finde på noget andet til ALT-teksterne, der
giver mening, tror jeg...

--
Peter Knutsen
sagatafl.org


Christian Hjort (18-09-2004)
Kommentar
Fra : Christian Hjort


Dato : 18-09-04 22:12

[snip]En masse kode[/snip]
>
> Så skal jeg jo til at lære CSS (er faktisk gået i gang med det,
> på basis af dit svar).

Lyder som en god idé.
>
> Kan jeg ikke indsætte ovenstående tekst i mit basic.css
> dokument, i stedet for at indsætte det i sidens HTML-kode? Jeg
> vil gerne bruge samme opsætning på alle mine sider...

kan du sagtens. Enhver CSS definition der ikke er unik for den specifikke side
kan du sætte ind i dit typografi ark[CSS fil]. Dette er også en god idé af
hensyn til brugerne, da det gemmer en masse unødig kode på deres harddisk hvis
du har det i toppen af hver side.

MVH Christian.

--
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

Peter Knutsen (18-09-2004)
Kommentar
Fra : Peter Knutsen


Dato : 18-09-04 22:51


Nu har jeg fået nye problemer.

Min Basic.css fil ser således ud:
body{background-color:#EFEFEF;
color:#000000;}

a.MedBg:link {
background-image: url(../png/ribu.png);
}
a.MedBg:visited {
background-image: url(../png/rigr.png);
}

Og det jeg så gerne vil lave, er en tabel hvor den første celle
er selve ikonet man klikker på, altså det som er enten ribu.png
eller rigr.png (står for RIght_BlUe eller RIght_GReen). Den
næste celle skal så indeholde en tekst som beskriver hvad linket
fører til. Men kun den første celle, grafikken, skal fungere som
link.

Og det virker ikke helt. Farveskiftet virker nu (fra blå til
grøn ikon), men den nederste del af mine ikoner bliver klippet
af, selv om jeg forsøger at sætte cellehøjden til mere end
ikonernes højde (de er såvidt jeg husker 30 i højden og 20 i
bredden - men 40 pixels kan i hvert fald gøre det[1])

Jeg har uploadet en demonstrationsside here:
< http://www.sagatafl.org/ql4.htm >.

Siden indeholder to tabeller.

Nummer to viser layoutet for min nuværende QuickLinks tabel, dog
kortet ned fra 42 til 6 links.

Den første tabel er mit forsøg på at lave en tabel med ikoner
der skifter farve.

Min HTML-kode ser således ud:
<table border="0" cellpadding="0" width="100%">
<tr>
<td align="right" height="40"><a href="http://www.tinyurl.com"
class="MedBg"></a></td>
<td align="left" height="40">TinyUrl</td>
<td align="right" height="40"><a href="http://www.cnn.com"
class="MedBg"></a></td>
<td align="left" height="40">CNN</td>
<td align="right" height="40"><a href="http://www.sfu.dk"
class="MedBg"></a></td>
<td align="left" height="40">Danish Socialist Youth</td>
</tr>
<tr>
<td align="right" height="40"><a href="http://www.amazon.com"
class="MedBg"></a></td>
<td align="left" height="40">Amazon</td>
<td align="right" height="40"><a href="http://www.ebay.com"
class="MedBg"></a>< /td>
<td align="left" height="40">eBay</td>
<td align="right" height="40"><a href="http://www.url.com"
class="MedBg"></a></td>
<td align="left" height="40">url.com</td>
</tr>
</table>
[Jeg har kun citeret fra den midterste tabel]


[1] Jeg fusker rundt med et sharewareprogram, Ultimate Paint,
som kun kan startes op 30 gange før man skal registrere, så jeg
er ikke så meget for at starte det op bare for at checke bredden
på en ikon.

--
Peter Knutsen
sagatafl.org


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

Månedens bedste
Årets bedste
Sidste års bedste