Start Building Professional
Web Apps Today


 
Categories Question details Back To List
Question  posted by Ismail on Aug 27, 2008 01:33
open dhtmlx forum
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


Answer posted by Support on Aug 27, 2008 02:42
If you want to reset border of combo, it can be done as 
           z.DOMelem.style.border="1px solid red"
Answer posted by Ismail on Aug 27, 2008 07:07

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!

Answer posted by Support on Aug 27, 2008 07:16
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';
})

Answer posted by Isamail on Aug 27, 2008 07:34

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