DhtmlxCombo - Change BORDER STYLE on mouseover function

Hi, I got great help yesterday:



Got the onmouseover function from a very kind & helpful person:

var z=dhtmlXComboFromSelect("<xsl:value-of select=’$Name’ />");

z.readonly(true);



dhtmlxEvent(z.DOMelem_input,“mouseover”,function(){

document.getElementById(“td_<xsl:value-of select=’@name’ />”).style.color = ‘#006AB6’;});



I now want to add to this function, change the color of the dhtmlcombo border:



I tried: z.style(border: 1px solid red); & z.style.border = ‘1px solid red’;



Please Help (ismailc@parmalat.co.za)



Regards





If you want to reset border of combo, it can be done as
z.DOMelem.style.border=“1px solid red”


Hi, Thank you for your help.



It only changes the border color of the last drop down loaded on page.



var z=dhtmlXComboFromSelect("<xsl:value-of select=’$Name’ />");



z.readonly(true);



dhtmlxEvent(z.DOMelem_input,“mouseover”,function(){



document.getElementById(“td_<xsl:value-of select=’@name’ />”).style.color = ‘#006AB6’;



z.DOMelem.style.border=‘1px solid red’;



})



Please assist!

Please be sure that you are using different variables for different combos

var z<xsl:value-of select=’$Name’ />=dhtmlXComboFromSelect("<xsl:value-of select=’$Name’ />");
z.readonly(true);

dhtmlxEvent(z<xsl:value-of select=’$Name’ />.DOMelem_input,“mouseover”,function(){
document.getElementById(“td_<xsl:value-of select=’@name’ />”).style.color = ‘#006AB6’;
z<xsl:value-of select=’$Name’ />.DOMelem.style.border=‘1px solid red’;
})


Hi, THANK YOU VERY MUCH



You are so kind & a star…



var z<xsl:value-of select=’$Name’ />=dhtmlXComboFromSelect("<xsl:value-of select=’$Name’ />");



z<xsl:value-of select=’$Name’ />.readonly(true);



dhtmlxEvent(z<xsl:value-of select=’$Name’ />.DOMelem_input,“mouseover”,function(){



document.getElementById(“td_<xsl:value-of select=’@name’ />”).style.color = ‘#006AB6’;



z<xsl:value-of select=’$Name’ />.DOMelem.style.border=‘1px solid red’;})



Once again Thank You for your patience & help