problem with div over page - possibly caused by form?
Permalink
Hi there - I have a little problem with my site. In some cases - and I don't know when exactly this happens - A div with display:none appears in the code, preventing clicking navigation and forms to work. You can reproduce this for example onhttp://www.lijndiensten.com/contact/... and then clicking "Versturen" (send), leaving the form blank. :/
This is the evil-doer, it seems:
Hope you can help, thanks!
This is the evil-doer, it seems:
<div style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 1000;"></div>
Hope you can help, thanks!
I can see that in the js file called merge-127-22.js has the creation of the div with all the attributes.
This may be a horrible hack but if you can locate that js file you can change the height from 100% to 0px and that may fix the problem.
I am sure there must be a more elegant way of doing it but I am not that smart on these sort of things.
Attached image may shed some more light.
This may be a horrible hack but if you can locate that js file you can change the height from 100% to 0px and that may fix the problem.
I am sure there must be a more elegant way of doing it but I am not that smart on these sort of things.
Attached image may shed some more light.
Terrific. I'm not a wizz at this - at all - but for now editing the js-merge you found (decreasing height to 1px) totally fixed it. Thanks a bunch for looking into this.
No problem at all, glad it worked :)
I have no idea what that div was for or what it is meant to do, I hope it does not have a knock on effect somewhere else but I am guessing not.
I have no idea what that div was for or what it is meant to do, I hope it does not have a knock on effect somewhere else but I am guessing not.
Looks like /concrete/js/ccm.base.js is the original, line 89. Why this DIV should appear is a mystery also to me.
I sent myself a friendly little e-mail and it was delivered neatly, so 100% or 1px doesn't make a difference there. ;)
I sent myself a friendly little e-mail and it was delivered neatly, so 100% or 1px doesn't make a difference there. ;)
Another method could be to add this style rule
I haven't tested though..
td.style.visibility = "hidden";
I haven't tested though..
Sadly I cant give you the exact answer to fix the problem, need a wiser head for that but I see that after the form is submitted the the js seems to have called this div that is overlaying.
There seems to be a merged js script calling the div, have you installed a script to minify your js? If so you may want to look there for the rouge div.
I did get it to work by adjusting the height of the div in chrome, see attached.