Changeset 93:5b55827de220

Timestamp:

02/09/12 14:52:20 (13 years ago)

Author:

František Kučera <franta-hg@…>

Branch:

default

Message:

#16 „obfuskované“ odkazy na e-maily, které znesnadní sběr spamovacím robotům
odkazy jsou pro uživatele klikatelné (vyžaduje JavaScript).

Files:

• vstup/js/skript.js (modified) (1 diff)
• vstup/odkazy.xml (modified) (2 diffs)
• šablona/makra/odkazy.xsl (modified) (6 diffs)

vstup/js/skript.js

@@ -28 +28 @@
                 var e = document.getElementById(id);
                 e.textContent = e.textContent.rot13();
-        }
+        },
+
+        /**
+         * Vloží klikatelný odkaz.
+         * @param id ID span elementu obsahujícího data
+         */
+        odkazNaElektronickouPoštu: function(id) {
+                var spanČesky = document.getElementById(id);
+                var spanObsah = document.getElementById(id + "b");
+                var česky = spanČesky.innerHTML;
+                var adresa = česky.replace(" zavináč ", "@").replace(" tečka ",".");
+
+                var odkaz = document.createElement("a");
+                odkaz.href = "mailto:" + adresa;
+                if (spanObsah.innerHTML.length > 0) {
+                        odkaz.innerHTML = spanObsah.innerHTML;
+                } else {
+                        odkaz.innerHTML = adresa;
+                }
+
+                spanČesky.parentNode.insertBefore(odkaz, spanČesky);
+                spanČesky.parentNode.removeChild(spanČesky);
+                spanObsah.parentNode.removeChild(spanObsah);
+        },
+
 };
 

vstup/odkazy.xml

@@ -12 +12 @@
                 <ul>
                         <li><m:a href="kontakt">Kontakt</m:a> – interní odkaz</li>
+                        <li><m:a href="anonym@example.com" typ="email">Pan <em>Anonym</em></m:a> – obfuskovaný e-mail</li>
                         <li>
                                 <m:a href="nejlepší linuxová distribuce" typ="seznam">Nejlepší distribuce</m:a> – vyhledávání pomocí Seznamu
@@ -30 +31 @@
                 <m:pre jazyk="xml"><![CDATA[
 <m:a href="kontakt">Kontakt</m:a>
+<m:a href="anonym@example.com" typ="email">Pan Anonym</m:a>
 <m:a href="nejlepší linuxová distribuce" typ="seznam">Nejlepší distribuce</m:a>
 <m:a href="GNU/Linux a tučňák Tux" typ="google">GNU/Linux a tučňák Tux</m:a>

šablona/makra/odkazy.xsl

@@ -20 +20 @@
         xmlns="http://www.w3.org/1999/xhtml"
         xmlns:m="https://trac.frantovo.cz/xml-web-generator/wiki/xmlns/makro"
+        xmlns:k="https://trac.frantovo.cz/xml-web-generator/wiki/xmlns/konfigurace"
         xmlns:xs="http://www.w3.org/2001/XMLSchema"
         xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
-        exclude-result-prefixes="m xs">
+        exclude-result-prefixes="m k xs">
 
         <!--
@@ -97 +98 @@
                 </xsl:call-template>
         </xsl:template>
-        
+
         <!--
                 Wikipedia
@@ -115 +116 @@
                 </xsl:call-template>
         </xsl:template>
-        
+
         <!--
                 Javadoc
@@ -134 +135 @@
                 </xsl:call-template>
         </xsl:template>
-        
+
         <!-- 
                 Seznam.cz
@@ -168 +169 @@
                 </xsl:call-template>    
         </xsl:template>
-        
+
         <!-- 
                 Request for comments
@@ -185 +186 @@
                 </xsl:call-template>
         </xsl:template>
-        
-        
+
+        <!--
+                E-mail
+                ******
+                Odkaz na e-mail v „obfuskovaném“ tvaru,
+                aby spamovací roboti nemohli tak snadno sbírat e-mailové adresy z webů.
+                Ale zároveň klikatelný, aby ho uživatel nemusel opisovat (vyžaduje JavaScript).
+                Obsah elementu je nepovinný – pokud chybí, vloží se e-mailová adresa.
+                *
+                @href e-mailová adresa (bez „mailto:“)
+        -->
+        <xsl:template match="m:a[@typ='email']">
+                <xsl:variable name="česky" select="replace(replace(@href, '@', ' zavináč '), '\.', ' tečka ')"/>
+                <xsl:variable name="klíč" select="concat(tokenize($konfigurace/k:web/k:uuid/text(), '-')[1], '9df1')"/>
+                <xsl:variable name="pořadí"><xsl:number level="any"/></xsl:variable>
+                <xsl:variable name="idSpanu" select="concat('c', $klíč, $pořadí)"/>
+                <span title="{text()}" id="{$idSpanu}">
+                        <xsl:value-of select="$česky"/>
+                </span>
+                <span id="{$idSpanu}b" style="display: none">
+                        <xsl:apply-templates/>
+                </span>
+                <script type="text/javascript">
+                        xwg.odkazNaElektronickouPoštu("<xsl:value-of select="$idSpanu"/>");
+                </script>
+        </xsl:template>
+
+
         <xsl:template name="vložOdkaz">
                 <xsl:param name="url"/>