Question

I had a watermarked form on my website, working perfectly using a watermarking script ( I still have an old version where it works fine.) Today I noticed it suddenly stopped working and I cannot figure out why. I cross-checked the styles and script with that of the earlier (still working) version, and it’s all identical. Any ideas?

Here’s a comparison for reference:

https://i.stack.imgur.com/deoJt.png

https://i.stack.imgur.com/deoJt.png#1

Here’s my site

http://www.artyst-tyrant.com

Designer by trade who’s trying his hand at learning to code, but I’m by no means a pro, so please, go easy.

Thank you in advance for your help, it’s really appreciated.

Answer 1

The only invalid thing I found is that in the event handlers, you don’t specify the ID selector: $("name")[0].focus(); – missing #. You don’t even need to, because you can use this there.

    $("#name").click(
        function () {
            this.focus();
        }
    );

Also simplified your code a bit:

<script type="text/javascript">
    $(document).ready(function() {
        var $elements = $('#name, #mail, #message');
        var texts = {
            'mail': 'Email',
            'name': 'Name',
            'message': 'Message'
        };

        $elements.each(function () {
            $(this).watermark(texts[this.id]);
        }).click(function () {
            this.focus();
        });
    }); 
</script>