Msg#: 4067637 posted 10:03 pm on Jan 25, 2010 (gmt 0)
i've been using inline js to show/hide a div. Quite a simple task, but it wont work in ff but works smooth in ie nd chrome (where all the browsers are latest versions). here's the code... onfocus="this.size='25';ACname.style.display='block';"
in this the first part works even in ff, but the second one with the id of my div ACname dosent work maybe i am missing something.. plz help thanks in advance
Msg#: 4067637 posted 1:24 pm on Jan 26, 2010 (gmt 0)
@ rocknbil sorry for the late reply but the document.getElementById didnt work... i'v already tried it..
plus in dreamweaver the 'document' dosent even turn pink.. as it does in <script > tags (which is quite understandable as there are no script tags)
and i cant use the doc.forms as ACname is not an input or any other form tag but a div/span which lies right below the input tag and inside the 'form' tags.. i'v used 'this' for the inputs as you can see in the first part "this.size='25';" and it works in ff
so the thing i could conclude is that:
the getelementbyid dosent work without script tag, i cannot use doc.forms as it target element is not a form obj but a div/span plus the 'documnt.' dosent work (dont know why)
i am now thinking to make all this a function and use the target div's id as a variable but i would still, just out of curiosity, would like to know what stopped it from working only in ff...
Msg#: 4067637 posted 5:11 pm on Jan 26, 2010 (gmt 0)
The correct method, as rocknbil pointed out, is to use document.getElementById. I have verified that this works, and below is a sample to show it working. I suspect you may have an error somewhere in your code, but you haven't really posted much to go by. Here is the working sample:
Msg#: 4067637 posted 5:13 pm on Jan 26, 2010 (gmt 0)