"Attribute name not allowed on element div at this point"
I am getting a W3V validator error that I can't understand:
Line 31, Column 61: Attribute
namenot allowed on elementdivat this point.
That is this row:
<div name="message" class="jGrowl bottom-right errorGrowl"></div>
Full HTML:
<!DOCTYPE html>
<html>
<head>
<title>jGrowl</title>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.min.js"></script>
<script type="text/javascript" src="data/awo-jgrowl.js"></script>
<script type="text/javascript" src="data/shortcut.js"></script>
<link rel="stylesheet" type="text/css" href="data/awo-jgrowl.css">
<script type="text/javascript">
$(document).ready(function() {
$('div[name=message]').awomsg('Input message', {sticky: true});
});
shortcut.add("m",function() {
$('div[name=message]').awomsg('Input message', {sticky: true});
});
shortcut.add("h",function() {
alert('ur doin it wrong');
});
</script>
</head>
<body>
<div name="message" class="jGrowl bottom-right errorGrowl"></div>
</body>
</html>
Answer
I found some entry from:
Markup Validation Error: "Attribute name not allowed on element at this point" error #HTML5
Just in case you intend to define a custom attribute, you have to prepend the attribute with "data-".
So in this case, name would be: data-name="".
And you can reference it by 'div[data-name="value"]'.