 Spiderschutz 02 A (Grafikverweis)
Dieses Script arbeitet nach dem gleichen Prinzip wie das Beispiel Spiderschutz 01 und bietet einen Basisschutz vor lästigen SPAM-Mails. Hier wird eine Grafik als Klickbereich festgelegt.
|
|
JavaSCript schreibt den HTML-Emailverweis
Erklärungen entnehmen sie bitte dem Beispiel  Spiderschutz 01
Beispiel 02A - Grafik als Klickbereich
Neben den beiden Variablen für die Teile der eigentlichen Emailadresse wird hier eine dritte Variable für die Grafik deklariert. Auch die Anweisung zur Darstellung der Grafik wird vom JavaScript geschrieben.
Dieser Email-Link, der eine Grafik als anklickbaren Bereich hat, wurde mit der unten dargestellten JavaScript-Anweisung notiert. Die Grafik sollte beim Email-Link ohne Text nicht allzu klein gewählt werden.
<script type="text/javascript" language="JavaScript">
<!--
var xname = "JuppZupp";
var xendung = "web.de";
var zimage = "<img src='email60.gif' width='44' height='48' border='0'>";
document.write('\<a href=\"mailto:' + zname + '@' + zendung + '">');
document.write(zimage + '</a>');
//-->
</script>
Arbeitsweise
In diesem Beispiel wird eine Grafik als Verweisfläche verwendet. 2 Texte und Informationen zur Grafik werden im JavaScript durch Schreibanweisungen zu einem Email-Link zusammen gefügt. Informationen zur Beispieladresse 'JuppZupp@web.de' und zur zu verwendenden Grafik wurden 3 Variablen zugeordnet:
1) Variable zname für den ersten Teil der Emailadresse
2) Variable zendung für den zweiten Teil der Emailadresse
3) Variable zimage für die ImageURL
| |
Variable |
hier |
ändern in |
| Text1 |
zname |
JuppZupp |
Ihren Text bis zum '@' |
| Text2 |
zendung |
web.de |
Ihre Domain |
| GrafikURL |
zimage |
<img src='email60.gif' ... > |
<img src='Pfad/Dateiname' ... > |
Wichtig: Attribute für die Grafik (Dateiname, Breite, Höhe, Alt-Text, ID, ... ) müssen in eingestrichenen Anführungszeichen (Hochkommas) stehen!
<img src='../images/email60.gif' width='44' height='48' border='0'>
Beispiel 02B - Grafik + Text als Klickbereich
Eine Erweiterung des Beispiels 02A. Zusätzlich wird hier neben der Grafik ein Text angezeigt. Dieser Text ist einer 4. Variablen zugeordnet.
<script type="text/javascript" language="JavaScript">
<!--
var zname = "JuppZupp";
var zendung = "web.de";
var zimage = "<img src='kuvert.gif'>"
document.write('\<a href=\"mailto:' + zname + '@' + zendung + '">');
document.write(zimage + " ");
document.write(ztext +'</a>');
//-->
</script>
Arbeitsweise
In diesem Beispiel wird eine Grafik als Verweisfläche verwendet. 3 Texte und Informationen zur Grafik werden im JavaScript durch Schreibanweisungen zu einem Email-Link zusammen gefügt. Informationen zur Beispieladresse 'JuppZupp@web.de' und zur zu verwendenden Grafik wurden 4 Variablen zugeordnet:
1) Variable zname für den ersten Teil der Emailadresse
2) Variable zendung für den zweiten Teil der Emailadresse
3) Variable zimage für die ImageURL
4) Variable ztext für den zusätzlichen Text
| |
Variable |
hier |
ändern in |
| Text1 |
zname |
JuppZupp |
Ihren Text bis zum '@' |
| Text2 |
zendung |
web.de |
Ihre Domain |
| Grafik |
zimage |
<img src='kuvert.gif' ... > |
<img src='Pfad/Dateiname' ... > |
| Zusatztext |
ztext |
Email an Jupp Zupp |
Ihr Text |
(Pfadangaben für das Image gegebenenfalls relativ zu der HTML-Datei)
Wichtig: Attribute für das Image (Dateiname, Breite, Höhe, Alt-Text, ID, ... ) müssen in eingestrichenen Anführungszeichen (Hochkommas) stehen!
<img src='../images/brief-02.gif' width='16' height='11' border='0'>
 Vermeiden sie bei Dateinamen / Verzeichnisnamen der Images Leerzeichen (JavaScript ist da sensibel), evtl. Image in das gleiche Verzeichnis kopieren.
Vermeiden Sie also:
var zimage = "<img src='rotes kuvert.gif'>"
|
Home • Emails • Spiderschutz 02 A
Quellcode