个人中心
gpt4 book ai didi

javascript - jQuery/Javascript leet 翻译插件

转载 作者：行者123 更新时间：2023-11-28 09:59:36 26 4
gpt4 key购买 nike

所以我一直在不同的地方寻找一个 1337 翻译器，我可以理解它足以用于 jQuery 插件，我觉得我非常接近..但我不是 100% 什么我做错了..我很确定我所拥有的..不是 jQuery 插件..所以我希望有人可以帮助我找出我做错了什么。

(function($){
    $.fn.leet = function() {

        // Create the Phrase translations arrays
            var PhrasesEnglish = 
                new Array('crap', 'dude', 'hacker',
                          'hacks', 'you', 'cool', 'oh my god',
                          'fear', 'power', 'own',
                          'what the hell', 'elite', 'for the win', 
                          'oh really', 'good game');
            var PhrasesLeet = 
                new Array('carp', 'dood', 'haxor', 'hax', 'joo',
                          'kewl', 'omg', 'ph43', 'powwah', 'pwn', 
                          'wth', 'leet', 'ftw', 'o rly', 'gg');

            // Create the Letter translations arrays
            var LettersEnglish = 
                new Array('n', 'b', 'k', 'd', 'e', 'f', 'g', 'h',
                          'p', 'm', 'r', 'l', 'o', 'q', 's', 't',
                          'u', 'x', 'w', 'y', 'z', 'c', 'a', 'j', 
                          'i', 'v', ' ');
            var LettersLeet = 
                new Array('/\\/', '|}', '|X', '[)', '3', '|=', 'gee', '|-|',
                          '|*', '(\\/)', '|2', '1', '()', '0', '$', '+',
                          '|_|', '><', '\\X/', '\'/', '2', '<', '/\\', '_|', 
                          '|', '\\/', '  ');

            // Translates text in input area to/from leet speak
            function translateText() {
                var inputString = document.getElementById('input').value;

                if (document.getElementById('conversionType').value == "e") {
                    for (i = 0; i < PhrasesEnglish.length; ++i)
                        inputString = inputString.replace(
                                new RegExp(PhrasesEnglish[i], "gi"),
                                PhrasesLeet[i]
                                );

                    for (i = 0; i < LettersEnglish.length; ++i)
                        inputString = inputString.replace(
                                new RegExp(LettersEnglish[i], "gi"),
                                LettersLeet[i]
                                );
                }
                else {
                    for (i = 0; i < LettersLeet.length; ++i)
                        inputString = inputString.replace(
                                new RegExp(RegExp.escape(LettersLeet[i]), "g"),
                                LettersEnglish[i]
                                );

                    for (i = 0; i < PhrasesLeet.length; ++i)
                        inputString = inputString.replace(
                                new RegExp(RegExp.escape(PhrasesLeet[i]), "g"),
                                PhrasesEnglish[i]
                                );
                }

                document.getElementById('input').value = inputString;
            }

        return this;
    };
})(jQuery);

这就是我所拥有的插件，请注意，我在网上找到了这个，并正在尝试重新设计它..所以 html 有点可怕 atm..

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
    <script src="leet.js"></script>
    <script>
        $(function() {
            $("div").leet();
        });
    </script>

    <body>

        <div style="border: solid 1px Black; 
                    padding: 5px; width: 350px; 
                    background-color: White;">
            <label for="input">
                Enter message here:</label><br />
            <textarea id="input" name="input" rows="10" cols="40" 
            style="font-weight: bold;
                   background-image: url('leetBG.png'); 
                   background-attachment: fixed; 
                   background-position: 160px 165px;
                   background-repeat: no-repeat;"></textarea>
            <br />
            <input type="submit" value="Translate" 
             onclick="translateText();" />
            <select id="conversionType">
                <option value="e">English -> 1337</option>
                <option value="3">1337 -> English</option>
            </select>
        </div>

    </body>

最佳答案

尝试将翻译文本功能从它自己的功能中删除为扩展的一部分。然后调用扩展onclick所以

(function($){
$.fn.leet = function() {

    // Create the Phrase translations arrays

        var PhrasesEnglish = ['crap', 'dude', 'hacker',
                      'hacks', 'you', 'cool', 'oh my god',
                      'fear', 'power', 'own',
                      'what the hell', 'elite', 'for the win', 
                      'oh really', 'good game'];
        var PhrasesLeet = ['carp', 'dood', 'haxor', 'hax', 'joo',
                      'kewl', 'omg', 'ph43', 'powwah', 'pwn', 
                      'wth', 'leet', 'ftw', 'o rly', 'gg'];

    // Create the Letter translations arrays

        var LettersEnglish = ['n', 'b', 'k', 'd', 'e', 'f', 'g', 'h',
                      'p', 'm', 'r', 'l', 'o', 'q', 's', 't',
                      'u', 'x', 'w', 'y', 'z', 'c', 'a', 'j', 
                      'i', 'v', ' '];
        var LettersLeet = ['/\\/', '|}', '|X', '[)', '3', '|=', 'gee', '|-|',
                      '|*', '(\\/)', '|2', '1', '()', '0', '$', '+',
                      '|_|', '><', '\\X/', '\'/', '2', '<', '/\\', '_|', 
                      '|', '\\/', '  '];
    // Translates text in input area to/from leet speak

        var id = $(this).attr('id');            
        var inputString = document.getElementById(id).value;

        if (document.getElementById('conversionType').value == "e") {
            for (i = 0; i < PhrasesEnglish.length; ++i)
                inputString = inputString.replace(
                        new RegExp(PhrasesEnglish[i], "gi"),
                        PhrasesLeet[i]
                        );

                for (i = 0; i < LettersEnglish.length; ++i)
                    inputString = inputString.replace(
                            new RegExp(LettersEnglish[i], "gi"),
                            LettersLeet[i]
                            );
        }
        else {
            for (i = 0; i < LettersLeet.length; ++i)
                inputString = inputString.replace(
                        new RegExp(RegExp.escape(LettersLeet[i]), "g"),
                        LettersEnglish[i]
                        );

            for (i = 0; i < PhrasesLeet.length; ++i)
                inputString = inputString.replace(
                        new RegExp(RegExp.escape(PhrasesLeet[i]), "g"),
                        PhrasesEnglish[i]
                        );
        }

        document.getElementById(id).value = inputString;

    };
})(jQuery);​

你的 onclick 处理程序看起来像这样

<input type="submit" value="Translate" onclick="$('#input').leet();" />

这是 fiddle (我不知道人们如何阅读它，我认为在我破译它之前它无法正常工作。)http://jsfiddle.net/ThD29/1/

此外，1337 -> 英语的翻译无法正常工作。显然 RegExp 没有称为“转义”的方法。我对正则表达式不太了解，所以希望其他人可以指出答案。

关于javascript - jQuery/Javascript leet 翻译插件，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/9383936/

26 4 0
文章推荐： javascript - Rails Assets 目录未指向布局中指定的目录
文章推荐： css - 使 Float 元素内联
文章推荐： css - 带有 bower.io 包的 Rails-assets 正在从 css 中剥离 url 路径
文章推荐： css - 阴影裁剪，溢出 :visible isn't working
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com