Javascript-форум - Показать сообщение отдельно

mr_virtus · #18 (**permalink**) 16.11.2014, 15:42

Сообщение от рони

там имена функций а где сами функции?

Сообщение от рони

mr_virtus,

<!DOCTYPE HTML>

<html>

<head>
    <title>Untitled</title>
    <meta charset="utf-8">
    <style type="text/css">
        a {
            font: 48px Verdana, Arial, Helvetica, sans-serif;
 padding: 5px 15px;
            border-radius: 8px;
            border: rgb(255, 0, 0) 1px solid;
        }
    </style>

    <script>
        window.onload = function() {

            function linear(progress) {
                return progress;
            }

            function animate(opts) {

                var start = new Date;
                var delta = opts.delta || linear;

                var timer = setInterval(function() {

                    var progress = (new Date - start) / opts.duration;
                    if (progress > 1) progress = 1;

                    opts.step(delta(progress));

                    if (progress == 1) {
                        clearInterval(timer);
                        opts.complete && opts.complete();
                    }
                }, opts.delay || 13);

                return timer;
            }

            function highlight(elem, delta) {
                var from = [102, 51, 255],
                    to = [255, 255, 51];
                animate({
                    delay: 10,
                    duration: 5000,
                    delta: delta,
                    step: function(delta) {
                        var r, g, b;
                        elem.style.backgroundColor = 'rgb(' +
                            (r = Math.max(Math.min(parseInt((delta * (to[0] - from[0])) + from[0], 10), 255), 0)) + ',' +
                            (g = Math.max(Math.min(parseInt((delta * (to[1] - from[1])) + from[1], 10), 255), 0)) + ',' +
                            (b = Math.max(Math.min(parseInt((delta * (to[2] - from[2])) + from[2], 10), 255), 0)) + ')';
                        elem.style.color = 'rgb(' +
                            (255 - r) + ',' +
                            (255 - g) + ',' +
                            (255 - b) + ')';

                    }
                })
            }

            [].forEach.call(document.querySelectorAll('a'), function(el) {
                el.onclick = function() {
                    highlight(el, linear);
                }
            });

        };
    </script>
</head>

<body> <a>Test click</a>
</body>
</html>

спасибо, но у меня не работает. я этот код поместил в Index.js

и потом его вызываю:

@*Displays a range of tests*@

@model IEnumerable<Questionnaire.Models.Test>

@{
    Layout = null;
}

@section scripts {
    <script src="~/Scripts/Home/Index.js"></script> //вызов
}


<html>
<head>
    <title>Index</title>
</head>
<body>
    <table>
        @foreach (var item in Model)
        {
            <tr>
                <td>
                    @Html.DisplayFor(modelItem => item.Name)
                </td>
                <td>
                    @Html.ActionLink("Testing", "Testing", new { id = item.ID })
                </td>
            </tr>
        }
    </table>
</body>
</html>

так не работает.

это приложение на asp.net, использует razor.

не знаете как поправить?