How to alternate pic with dropdown menu? 1

[danielh68]

Hi,

I'm not sure what to call this function other than it involves a drop down menu and alternating pics. For an exact example of what I'm talking about visit:

http://nextelonline.nextel.com/NASApp/onlinestore/Action/PhoneLanding?initstate=true&redirect=false

Look at the 2004 NASCAR model and select the different themes using the drop down menu. This is exactly what I need, but the source isn't viewable.

Can someone explain to me what this is and point me to some sample code or how to do it?

Thanks in advance.
Dan

 

[Cheech]

Not that I could condone plagarism in any way, but "the code isnt accessable"???
Heres the javascript function that does the image swap

<script type="text/javascript">

// This method is used to swap images on the document. It is triggered by
// the onChange event on a select drop-down list.
//
// parameters:
// formName - String value describing name of form
// selectName - String value describing the name of the select object of form
// itemName - String value describing the name of the itemSku attribute of form
// img - object name of image to be changed in document
function swapPhone(formName, selectName, itemName, img) {
    var i = eval('document.'+formName+'.'+selectName+'.selectedIndex');
    var p = eval('document.'+formName+'.' + selectName+ '.options['+i+'].value');
    path = p.split("|");
    var src= path[0];
    img.src=src;
    eval('document.'+formName +'.'+ 'phoneSKU' + '.value = path[1]');

}

function submitSwappedPhone(formName) {
    var formAction = '/NASApp/onlinestore/Action/ViewPhoneDetailAction';
    eval('document.' + formName +'.action = formAction');   
    var f = eval('document.'+formName);
    f.submit(); 
}

</script>

Cheech

[Peace][Pipe]

 

[danielh68]

Wow, thanks Cheech....much appreciated!

 

[lebisol]

pulling it from "dynamic pages" will be whole lot cleaner ;-)....sounds like Motorola is BEHIND in their technology....

> need more info?
:: don't click HERE ::