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

Kodeord


Reklame
Top 10 brugere
Java Scripts
#NavnPoint
molokyle 5410
Klaudi 2799
smorch 2439
kim 1360
Harlekin 1134
bentjuul 984
gibson 800
severino 695
Random 675
10  konsulent.. 626
ALT-attributten går væk for hurtigt
Fra : Jimmy


Dato : 05-08-03 09:51

Hej

Jeg bruger ALT attributten på et image til at vise vigtig information vedr.
det billedet repræsenterer. Eneste problem med det er at ALT-attributten går
væk efter få sekunder, hvilket resulterer i at man ikke kan nå at læse alt
teksten!

Er der nogen måde jeg kan få ALT-attributten til at stå længere tid?

Hvis nej, er der en smartere måde jeg kan gøre dette på?

--


Jimmy



 
 
Lasse Reichstein Nie~ (05-08-2003)
Kommentar
Fra : Lasse Reichstein Nie~


Dato : 05-08-03 10:51

"Jimmy" <pleasereplyingroup@hotmail.com> writes:

> Jeg bruger ALT attributten på et image til at vise vigtig information vedr.
> det billedet repræsenterer. Eneste problem med det er at ALT-attributten går
> væk efter få sekunder, hvilket resulterer i at man ikke kan nå at læse alt
> teksten!

Alt-attributten skal indeholde tekst der vises, hvis browseren ikke
viser billedet. Det er ikke ekstrainformation om billedet. Til det formål
skal du bruge title-attributten.

Din browser (som jeg antager er IE, siden du ikke siger andet) viser
værdien af alt-attributten hvis der ikke er en title-attribut, så det
ændrer ikke på hvordan din tekst vises.

> Er der nogen måde jeg kan få ALT-attributten til at stå længere tid?

Nej, det er browseren/operativsystemet der bestemmer det (jeg synes
selv at Windows viser tooltips for kort). Det kan sikkert ændres, men
det vil kun hjælpe dig selv, ikke andre der ser din side.

> Hvis nej, er der en smartere måde jeg kan gøre dette på?

Hvis teksten er så vigtig, så put den ind på siden. Du kan så gemme
den selv med Javascript.
---
<script type="text/javascript">
var tooltiptimer;
function showTooltip(id) {
clearTimeout(tooltiptimer);
var elem = document.getElementById(id);
function showElem(){
elem.style.visibility="visible";
}
tooltiptimer = setTimeout(showElem,500);
}
function hideTooltip(id) {
clearTimeout(tooltiptimer);
var elem = document.getElementById(id);
elem.style.visibility="hidden";
}
</script>

<img src="foo" onmouseover="showTooltip('description')"
onmouseout="hideTooltip('description')">
<div id="description"
style="width:200px;height:100px;background:#ffffc0;border:1px solid yellow;position:absolute;visiblity:hidden;">
Lang beskrivelse af billedet
</div>
---
Du skal blot være opmærksom på at folk uden javascript så ikke kan se
teksten.

Du kan også bruge "longdesc"-attributten til at linke til en længere
beskrivelse.

/L
--
Lasse Reichstein Nielsen - lrn@hotpop.com
Art D'HTML: <URL:http://www.infimum.dk/HTML/randomArtSplit.html>
'Faith without judgement merely degrades the spirit divine.'

Jimmy (05-08-2003)
Kommentar
Fra : Jimmy


Dato : 05-08-03 14:19

"Lasse Reichstein Nielsen" <lrn@hotpop.com> skrev i en meddelelse
news:d6fkzb3w.fsf@hotpop.com...
> "Jimmy" <pleasereplyingroup@hotmail.com> writes:

> Alt-attributten skal indeholde tekst der vises, hvis browseren ikke
> viser billedet. Det er ikke ekstrainformation om billedet. Til det formål
> skal du bruge title-attributten.

Hvor kan jeg finde mere info om title attributten?
Er det også sådan en pop-up ting

> Din browser (som jeg antager er IE, siden du ikke siger andet) viser
> værdien af alt-attributten hvis der ikke er en title-attribut, så det
> ændrer ikke på hvordan din tekst vises.

Alle brugere der bruger disse sider kører med IE.

> > Er der nogen måde jeg kan få ALT-attributten til at stå længere tid?
>
> Nej, det er browseren/operativsystemet der bestemmer det (jeg synes
> selv at Windows viser tooltips for kort). Det kan sikkert ændres, men
> det vil kun hjælpe dig selv, ikke andre der ser din side.

Det er netop brugerne af siden der vil have den til at stå der længere.

> > Hvis nej, er der en smartere måde jeg kan gøre dette på?
>
> Hvis teksten er så vigtig, så put den ind på siden. Du kan så gemme
> den selv med Javascript.
> ---
> <script type="text/javascript">
> var tooltiptimer;
> function showTooltip(id) {
> clearTimeout(tooltiptimer);
> var elem = document.getElementById(id);
> function showElem(){
> elem.style.visibility="visible";
> }
> tooltiptimer = setTimeout(showElem,500);
> }
> function hideTooltip(id) {
> clearTimeout(tooltiptimer);
> var elem = document.getElementById(id);
> elem.style.visibility="hidden";
> }
> </script>
>
> <img src="foo" onmouseover="showTooltip('description')"
> onmouseout="hideTooltip('description')">
> <div id="description"
> style="width:200px;height:100px;background:#ffffc0;border:1px solid
yellow;position:absolute;visiblity:hidden;">
> Lang beskrivelse af billedet
> </div>
> ---
> Du skal blot være opmærksom på at folk uden javascript så ikke kan se
> teksten.

Alle brugere af siden bruger javascript. Det skal ligesom "poppe op"
teksten. Det må ikke stå der statisk. Grundet bruger venlighed. Jeg ved godt
at det nok ikke vil være så smart på alm. hjemmesider, men sådan skal det
altså virke her. Det er et lukket system, men med rimeligt mange brugere.

> Du kan også bruge "longdesc"-attributten til at linke til en længere
> beskrivelse.

Kender jeg heller ikke, hvor kan jeg finde mere info om den?

Mvh Jimmy



Johan Holst Nielsen (05-08-2003)
Kommentar
Fra : Johan Holst Nielsen


Dato : 05-08-03 14:48

Jimmy wrote:

>>Hvis teksten er så vigtig, så put den ind på siden. Du kan så gemme
>>den selv med Javascript.
>>---
>> <script type="text/javascript">
>> var tooltiptimer;
>> function showTooltip(id) {
>> clearTimeout(tooltiptimer);
>> var elem = document.getElementById(id);
>> function showElem(){
>> elem.style.visibility="visible";
>> }
>> tooltiptimer = setTimeout(showElem,500);
>> }
>> function hideTooltip(id) {
>> clearTimeout(tooltiptimer);
>> var elem = document.getElementById(id);
>> elem.style.visibility="hidden";
>> }
>> </script>
>>
>> <img src="foo" onmouseover="showTooltip('description')"
>> onmouseout="hideTooltip('description')">
>> <div id="description"
>> style="width:200px;height:100px;background:#ffffc0;border:1px solid
>
> yellow;position:absolute;visiblity:hidden;">
>
>> Lang beskrivelse af billedet
>> </div>
>>---
>>Du skal blot være opmærksom på at folk uden javascript så ikke kan se
>>teksten.
>
>
> Alle brugere af siden bruger javascript. Det skal ligesom "poppe op"
> teksten. Det må ikke stå der statisk. Grundet bruger venlighed. Jeg ved godt
> at det nok ikke vil være så smart på alm. hjemmesider, men sådan skal det
> altså virke her. Det er et lukket system, men med rimeligt mange brugere.

Prøv med at smide en setTimeout funktion ind i showTooltip nederst...
der efter f.eks. 5 sekunder kalder hideTooltip.

mvh
Johan


Lasse Reichstein Nie~ (05-08-2003)
Kommentar
Fra : Lasse Reichstein Nie~


Dato : 05-08-03 15:33

"Jimmy" <pleasereplyingroup@hotmail.com> writes:

> Hvor kan jeg finde mere info om title attributten?

<URL:http://www.w3.org/TR/html4/struct/global.html#h-7.4.3>

> Er det også sådan en pop-up ting

Browsere viser typisk title-attributten som enten "popup"/tooltip
eller i statuslinjen. Det bestemmer de selv.

> Alle brugere der bruger disse sider kører med IE.

.... og ellers bliver de nødt til det nu :)

> Alle brugere af siden bruger javascript.

Det er nemt når man kender alle brugerne personligt :)

> Det skal ligesom "poppe op" teksten. Det må ikke stå der statisk.

Det gør eksemplet da også. Det popper ikke ned igen automatisk, før
man flytter sig fra elementet det hører til. Det er et valg, og man
kan få det til at poppe ned igen ved at lave en timeout der kalder
hideTooltip.

> Grundet bruger venlighed.

Altid godt med venlige brugere :)

> Jeg ved godt at det nok ikke vil være så smart på alm. hjemmesider,
> men sådan skal det altså virke her. Det er et lukket system, men med
> rimeligt mange brugere.

Når du ved at folk bruger IE, så kan du vælge at bruge den
IE-specifikke funktion "createPopup", som laver små kromløse vinduer
der kan bruges som tooltips. Det giver ca. det samme som koden ovenfor,
man kan bare nemmere lave popupperne dynamisk.


[longdesc]
> Kender jeg heller ikke, hvor kan jeg finde mere info om den?

<URL:http://www.w3.org/TR/html4/struct/objects.html#adef-longdesc-IMG>

/L
--
Lasse Reichstein Nielsen - lrn@hotpop.com
Art D'HTML: <URL:http://www.infimum.dk/HTML/randomArtSplit.html>
'Faith without judgement merely degrades the spirit divine.'

Søg
Reklame
Statistik
Spørgsmål : 177552
Tips : 31968
Nyheder : 719565
Indlæg : 6408847
Brugere : 218887

Månedens bedste
Årets bedste
Sidste års bedste