Søg
Avatar billede carlsson Nybegynder
02. maj 2002 - 19:48 Der er 2 kommentarer og
2 løsninger

Bedre end Alt

Jeg er lidt træt at alt Attributten <img src="" ALT="">
Findes der ikke et bedre alternativ, med JaveScript.

Avatar billede Slettet bruger
02. maj 2002 - 20:10 #1
Præcis hvad ønsker du?
Avatar billede oasen Nybegynder
02. maj 2002 - 20:22 #2
Jo, med CSS:

<head>

<style type="text/css">
img {
visibility: hidden !important;
}
img[alt] {
visibility: visible !important;
}
img[alt=""] {
visibility: hidden !important;
}
</style>

</head>
</body>

<img src="blabla.gif">
Avatar billede oasen Nybegynder
02. maj 2002 - 20:27 #3
Og visibility skal selvfølgelig sættes til visible, hvis du vil kunne se billedet og alt-teksten.

Men det virker kun i Mozilla/Netscape pt. :(
Avatar billede Slettet bruger
02. maj 2002 - 20:56 #4
Hvad med noget à la det her:

<html>
<head>
<script>
function visTip(id) {
tip = document.getElementById(id);
tip.style.left = event.clientX + 5;
tip.style.top = event.clientY + 20;
streng = "vis('" + id + "')";
eval("to" + id + " = setTimeout(streng,1000);");
}

function skjulTip(id) {
tip = document.getElementById(id);
tip.style.visibility = "hidden";
eval("if (to" + id + " != 'undefined') clearTimeout(to" + id + ");");
}

function vis(id) {
tip = document.getElementById(id);
tip.style.visibility = "visible";
}
</script>
</head>
<body>
<a href="test.html" onMouseOver="visTip('tip1');" onMouseOut="skjulTip('tip1');">Vis tip nr. 1!</a><br><br>
<a href="test.html" onMouseOver="visTip('tip2');" onMouseOut="skjulTip('tip2');">Vis tip nr. 2!</a><br><br>
<a href="test.html" onMouseOver="visTip('titel');" onMouseOut="skjulTip('titel');">Vis titlen på dette link!</a>

<div id="tip1" style="background-color: #CCFFEE; position: absolute; left: -300; top: -300; visibility: hidden;">
Tip nr. 1!
</div>
<div id="tip2" style="background-color: #CCFFEE; position: absolute; left: -300; top: -300; visibility: hidden;">
Tip nr. 12
</div>
<div id="titel" style="background-color: #FFFEE1; position: absolute; left: -300; top: -300; visibility: hidden;">
Titlen!
</div>
</body>
</html>
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel Indlæg Oprettet Seneste aktivitet
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript 5 27/04/202620:09 21/08/202610:41
Validering af filnavn i formular Af Strawberry i JavaScript 8 14/04/202610:11 20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript 2 03/02/202614:19 04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript 9 18/04/202516:52 22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript 2 14/02/202511:47 27/06/202514:34
Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
18/0919:52 Libre office skriveprogram Af Frank i Office & Kontorpakker
17/0914:55 Hente WordPad til Windows 11 Af Strawberry i Andet software
17/0911:37 Persits.Upload Af bsn i ASP
16/0918:13 oprette et installationsmedie Af Malm i Windows
16/0913:11 Adapterstik stik på ladekabel til USB-C Af ErikHg i Andet software
White papers
Flere white papers »