Kandu.dk - Sløre mailadresse med script og grafik


/ Forside / Teknologi / Udvikling / Java Scripts / Nyhedsindlæg

Glemt dit kodeord?

Brugernavn*

Kodeord *

Husk mig

Brugerservice

Kom godt i gang

Bliv medlem

Seneste indlæg

Find en bruger

Stil et spørgsmål

Skriv et tip

Fortæl en ven

Pointsystemet

Kontakt Kandu.dk

Emnevisning

Kategorier

Alfabetisk

Karriere

Interesser

Teknologi

Reklame

Top 10 brugere

Java Scripts

#	Navn	Point
1	molokyle	5410
2	Klaudi	2799
3	smorch	2439
4	kim	1360
5	Harlekin	1134
6	bentjuul	984
7	gibson	800
8	severino	695
9	Random	675
10	konsulent..	626

Sløre mailadresse med script og grafik
Fra : Jacob Heilskov Niels~

Dato : 06-12-04 11:41

Hej alle,

Jeg prøver at sløre min e-mailadresse med noget javascript
(bl.a.). Adressen vises i "mailadresse.gif". Jeg vil imidlertid
gerne aktivere "mailadresse-hover.gif" (som har en anden
skriftfarve) ved onmouseover, således at mit mailto-link opfører
sig som mine andre links.

Min kode er:

<a href="nojava.htm" onmouseover="this.href='mai' + 'lto:' +
'%6Din' + '@' +
'%6Dai%6C%61%64r%65ss%65.%64k'"onfocus="this.href='mai' + 'lto:'
+ '%6Din' + '@' + '%6Dai%6C%61%64r%65ss%65.%64k'"><img
src="mailadresse.gif" border="0"></a>

Spørgsmål: Hvor (og hvordan) indsætter jeg
"mailadresse-hover.gif"?

På forhånd tak!
Jacob

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

Jens Peter Karlsen (06-12-2004)

Kommentar
Fra : Jens Peter Karlsen

Dato : 06-12-04 15:04

Brug et almindeligt swap image script til den del af det.
F.eks. dette:
http://www.designplace.org/scripts.php?page=1&c_id=21

Regards Jens Peter Karlsen. Microsoft MVP - Frontpage.

On 06 Dec 2004 10:41:19 GMT, Jacob Heilskov Nielsen <intet@intet.no>
wrote:

>Spørgsmål: Hvor (og hvordan) indsætter jeg
>"mailadresse-hover.gif"?
>

Jacob (06-12-2004)

Kommentar
Fra : Jacob

Dato : 06-12-04 20:34

Jens Peter Karlsen wrote in dk.edb.internet.webdesign.clientside:
> Brug et almindeligt swap image script til den del af det.
> F.eks. dette:
> http://www.designplace.org/scripts.php?page=1&c_id=21

Jo tak, men hvorledes fletter jeg scriptet ind i mit eksisterende
script?

/Jacob

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

Jacob (06-12-2004)

Kommentar
Fra : Jacob

Dato : 06-12-04 21:39

Jacob wrote in dk.edb.internet.webdesign.clientside:
> Jo tak, men hvorledes fletter jeg scriptet ind i mit eksisterende

Har fundet løsningen:

<a href="no_java.htm"
onmouseover="this.children(0).src='adresse_hover.GIF';
this.href='mai' + 'lto:' + '%6Din' + '@' +
'%6Dai%6C%61%64r%65ss%65.%64k'"
onfocus="this.children(0).src='adresse_hover.GIF'; this.href='mai' +
'lto:' + '%6Din' + '@' + '%6Dai%6C%61%64r%65ss%65.%64k'"
onmouseout="this.children(0).src='adresse.GIF'"><img
src="adresse.GIF" border="0"></a>

/Jacob

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

Knud Gert Ellentoft (06-12-2004)

Kommentar
Fra : Knud Gert Ellentoft

Dato : 06-12-04 21:55

Jacob skrev:

>Jo tak, men hvorledes fletter jeg scriptet ind i mit eksisterende
>script?

En mere enkel måde:

<head>
<style type="text/css">
a.mail {background: url(mailadresse.gif); display: block; width:
256px; height: 256px}
a.mail:hover {background: url(mailadresse-hover.gif)}
</style>
</head>
<body>
<div>
<a class="mail" href="nojava.htm" onmouseover="this.href='mai' +
'lto:' +
'%6Din' + '@' +
'%6Dai%6C%61%64r%65ss%65.%64k'"onfocus="this.href='mai' + 'lto:'
+ '%6Din' + '@' + '%6Dai%6C%61%64r%65ss%65.%64k'"></a>
</div>
</body>

width og height er størrelsen på dit billede.
--
Knud
Topposter du svar, så ryger du på min ignoreringsliste.
Svar under det du citerer og citer kun det du svarer på - tak.
http://usenet.dk/netikette/citatteknik.html

Jacob (07-12-2004)

Kommentar
Fra : Jacob

Dato : 07-12-04 00:00

Knud Gert Ellentoft wrote in dk.edb.internet.webdesign.clientside:
>
> En mere enkel måde:
>
> [måde]

Tusind tak! Den fatter Mozilla også. Og vedligeholdelsen af
adresselisten bliver på længere sigt en del nemmere med (eksternt)
style-sheet.

/Jacob

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

Søg

Reklame

Statistik

Spørgsmål :	177552
Tips :	31968
Nyheder :	719565
Indlæg :	6408849
Brugere :	218887

Månedens bedste

Årets bedste

Sidste års bedste