On one of my projects with IE6 when dynamically changing the image I had to
delete the element from the dom and create a new element and insert it back
into the dom, a royal pain but it did work.

On Tue, May 26, 2009 at 9:02 AM, Eneko Alonso <[email protected]>wrote:

> Sorry, ignore that... for some reason I thought you had the click event on
> the li elements.
>
> On Tue, May 26, 2009 at 8:58 AM, Eneko Alonso <[email protected]>wrote:
>
>> I don't know if anyone has solved the issue yet, but the problem is on
>> this line:
>> var image_id = this.get('id');
>>
>> You are getting the id from the LI element, while on the HTML you have the
>> id stored on the img element.
>>
>> Change it to:
>> var image_id = this.getElement('img').get('id');
>>
>> That should work.
>>
>>
>>
>> On Tue, May 26, 2009 at 12:21 AM, Judas Priest <[email protected]>wrote:
>>
>>>
>>> Hello everybody.
>>>
>>> I have a simple piece of code, which, based on users click event, the
>>> 'src' attribute of an image is changed with another generated using
>>> the 'id' of the image element. Every thing is working just fine in all
>>> major browser with the exception (as many times before) IE version 6.
>>>
>>> The JavaScript code is:
>>> $$('.chg_src').addEvent('click', function(){
>>>                                var image_id = this.get('id');
>>>                                $('img_container').setProperty('src',
>>> 'images/' + image_id
>>> +'.png');
>>>                        });
>>> And the HTML code:
>>> <img class="left" id="img_container" src="images/nl1.png" />
>>> <div id="imgs_container" class="right">
>>>        <ul id="thumbs">
>>>                <li><img class="chg_src" id="nl1"
>>> src="images/nl1_thumb.png" /></li>
>>>                <li><img class="chg_src" id="nl2"
>>> src="images/nl2_thumb.png" /></li>
>>>                <li><img class="chg_src" id="nl3"
>>> src="images/nl3_thumb.png" /></li>
>>>                <li><img class="chg_src" id="nl4"
>>> src="images/nl4_thumb.png" /></li>
>>>                <li><img class="chg_src" id="nl5"
>>> src="images/nl5_thumb.png" /></li>
>>>        </ul>
>>> </div>
>>>
>>> The problem is that nothing is happening in IE 6 when the thumb image
>>> is clicked. I use a stand alone version of IE 6(and it has some limits
>>> in functionality). I presume that somehow the id of the image is not
>>> passed to the new 'src' attribute. "this.get('id')" is taking the id
>>> of the image; I've putted an "alert" after the code line and the
>>> message shows correctly the image id.
>>> A day before the error thrown was of type :"Object expected", but
>>> today I can't see the error message anymore.
>>>
>>> Any help will be very appreciated.
>>>
>>> Thank you,
>>> Cristian Nistor
>>
>>
>>
>

Reply via email to