how can I fix this error "There is no attribute colorcode, selected or tabindex"

Question

colorthumbs[i].addEventListener('click', function(){
    var colorcode = this.getAttribute('colorcode');
    var thumbimg = document.getElementById('productthumbs').getElementsByTagName('img');
    for(var i = 0; i < thumbimg.length; i++) {

 <div id="colorpanel" style="border-bottom:1px solid lightgray;">
     <p><b>Select Color</b></p>
     <div class='productthumbs'>
         <img class="thumbimg" src="Images/p1s1c1.jpeg"  alt="color1" colorcode="1" selected="selected" style="border-color:brown;"/>
     </div>
</div>

This has to be xhtml strict 1.0 only nothing else. been working on a ton of errors and now down to these last three.

Line 83, Column 92: there is no attribute "colorcode" Line 83, Column 105: there is no attribute "selected" Line 117, Column 94: there is no attribute "tabIndex"

Way too much code, limit code to the actual problem (ie code around the 3 lines that your error messages reference) — Patrick Evans, Apr 26 '15 at 23:46
Well, it's pretty easy... in xhtml strict 1.0, the `` tag does not have an attribute `colorcode` (and I'm not aware that it does in any other doctype), therefor adding it is not allowed/gives an error — myfunkyside, Apr 26 '15 at 23:59

kojow7 · Answer 1 · 2015-04-26T23:59:42.920

1

There is no attribute in HTML called "colorcode", where did you get colorcode="1"? The selected attribute is not for the img tag, it is meant for a drop down menu. Remove both of these from your img tag.

I see nothing in your code about tabindex but I suspect it is because you capitalized the "I" in index. XHTML is case sensitive, so element and attribute names are generally lowercase.

Fix all three of these and your code should work.

edited Apr 26 '15 at 23:59

answered Apr 26 '15 at 23:57

kojow7

10,308
17
80
135

var existingsrc = thumbimg[i].getAttribute('src'); var arr = existingsrc.split('/'); var ext = arr[1].substr(6,arr[1].length); var updated = arr[1].substring(0,5) + colorcode + ext; var src = arr[0] + '/' + updated; thumbimg[i].setAttribute('src',src); } – Wilfredo Turner Apr 26 '15 at 23:59
you were right about the tabindex. but once i remove the colorcode and selected my page doesnt function right – Wilfredo Turner Apr 27 '15 at 00:09
How doesn't it function correctly? What if you just remove one of them? – kojow7 Apr 27 '15 at 00:12
still not functioning i tried deleting one of the attributes – Wilfredo Turner Apr 27 '15 at 00:14
What is it not doing that you are expecting it to do? – kojow7 Apr 27 '15 at 00:15
when i click on pictures they disappear. and u can see white with a border and the alt name. mouse over effect – Wilfredo Turner Apr 27 '15 at 00:16
Let us [continue this discussion in chat](http://chat.stackoverflow.com/rooms/76312/discussion-between-wilfredo-turner-and-kojow7). – Wilfredo Turner Apr 27 '15 at 00:18
http://i59.tinypic.com/2yljtic.png . for selecting the color of shirt if there was 2 color options. – Wilfredo Turner Apr 27 '15 at 00:27

score 0 · Answer 2 · edited May 23 '17 at 12:28

0

You are attempting to use attributes in HTML that do not exist.

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img

If you would like to add custom attributes to your code, maybe try this: Can I add custom attribute to HTML tag?

edited May 23 '17 at 12:28

Community

1
1

answered Apr 27 '15 at 00:04

Kiith Nabaal

366
2
5
16

how can I fix this error "There is no attribute colorcode, selected or tabindex"

2 Answers2