As some of you may be aware, I have been working on a large PHP script for work during the evenings at home. I have already made several post about it when I have stumbled onto a problem during its development. Now that I have the input and interface part of it almost done, I have found an annoying issue with my script and IE. Although with Firefox, everything is fine. <br /><br />The first issue I am having is when the script is first loaded with IE. You can see the word "false" displayed for a brief moment in the upper-left corner.<br /><br />Then, when the page is loaded in IE, the background color only displays to the bottom of the main table/div. If you minimize and restore the browsers window, the background renders fine. <br /><br />Neither of the problems I am having are major, they are just annoying to me. I am trying to determine why as well as how, if possible, to prevent them.<br /><br />Here is a link to a stripped down version, I have made some minor alterations to hide my company name, on my site. <a href="http://oms.jhollin1138.com" target="_blank">http://oms.jhollin1138.com</a><!--content-->
Maybe it will work differently in IE7. I know that doesn't help.<!--content-->
Hello Jim,<br /><br />For the "false" page, I would recommended removing all the javascript that you call in and place each one back in, line by line, and see which one brings up the "false", you just then need to find which script it is.<br /><br />For the IE background issuse, again, remove all your background tags and try them out one by one to find the culprit.<br /><br />Btw your "false error", having looked at the CSS in firefox with my web dev plugin, at the bottom of the CSS from <!-- m --><a class="postlink" href="hxxp://oms.jhollin1138.com/style/CalendarControl.css">hxxp://oms.jhollin1138.com/style/CalendarControl.css</a><!-- m --> there is a line with the words "java script:false;". Wonder if thats it?<br /><br />JimE<!--content-->
<!--quoteo(post=192784:date=Oct 23 2006, 10:47 AM:name=TCH-Bruce)--><div class='quotetop'>QUOTE(TCH-Bruce @ Oct 23 2006, 10:47 AM) <a href="http://www.totalchoicehosting.com/forums/index.php?act=findpost&pid=192784"><img src='http://www.totalchoicehosting.com/forums/style_images/1/post_snapback.gif' alt='*' border='0' /></a></div><div class='quotemain'><!--quotec-->Maybe it will work differently in IE7. I know that doesn't help.<!--QuoteEnd--></div><!--QuoteEEnd--><br />I haven't tried it with IE7. Besides, I am not even sure I want to even go there. <img src="http://www.totalchoicehosting.com/forums/style_emoticons/default/blink.gif" style="vertical-align:middle" emoid=":blink:" border="0" alt="blink.gif" /><!--content-->
<!--quoteo(post=192785:date=Oct 23 2006, 10:53 AM:name=TCH-JimE)--><div class='quotetop'>QUOTE(TCH-JimE @ Oct 23 2006, 10:53 AM) <a href="http://www.totalchoicehosting.com/forums/index.php?act=findpost&pid=192785"><img src='http://www.totalchoicehosting.com/forums/style_images/1/post_snapback.gif' alt='*' border='0' /></a></div><div class='quotemain'><!--quotec-->For the "false" page, I would recommended removing all the javascript that you call in and place each one back in, line by line, and see which one brings up the "false", you just then need to find which script it is.<br /><br />For the IE background issuse, again, remove all your background tags and try them out one by one to find the culprit.<br /><br />Btw your "false error", having looked at the CSS in firefox with my web dev plugin, at the bottom of the CSS from <!-- m --><a class="postlink" href="hxxp://oms.jhollin1138.com/style/CalendarControl.css">hxxp://oms.jhollin1138.com/style/CalendarControl.css</a><!-- m --> there is a line with the words "java script:false;". Wonder if thats it?<!--QuoteEnd--></div><!--QuoteEEnd--><br />Thanks for the help.<br /><br />Instead of go through the trail-and-error method, I just modified my script not to load the java and css until it is actually needed. Sure enough, both issues are gone. Although I still get the "false" when everything is loaded (i.e. after logged in and loading the information). I'll look at things more closely this evening and see if I can nail done what is going on.<br /><br />As for the "java script:false;" you found with "CalendarControl.css", when I actually look at it I don't see that statement. <img src="http://www.totalchoicehosting.com/forums/style_emoticons/default/wallbash.gif" style="vertical-align:middle" emoid=":wallbash:" border="0" alt="wallbash.gif" /><!--content-->
Strange, I see it in my web dev plugin for Firefox.<br /><br />JimE<!--content-->
<!--quoteo(post=192855:date=Oct 24 2006, 05:58 AM:name=TCH-JimE)--><div class='quotetop'>QUOTE(TCH-JimE @ Oct 24 2006, 05:58 AM) <a href="http://www.totalchoicehosting.com/forums/index.php?act=findpost&pid=192855"><img src='http://www.totalchoicehosting.com/forums/style_images/1/post_snapback.gif' alt='*' border='0' /></a></div><div class='quotemain'><!--quotec-->Strange, I see it in my web dev plugin for Firefox.<!--QuoteEnd--></div><!--QuoteEEnd--><br />I installed the Web Dev Plugin too and see the same thing. I found the "Popup Calender Control" at this url: <!-- m --><a class="postlink" href="hxxps://engineering.purdue.edu/ECN/Support/KnowledgeBase/Docs/20040414131404">hxxps://engineering.purdue.edu/ECN/Supp ... 0414131404</a><!-- m -->. /><br />Here is the complete CSS, as you can see there isn't a "java script:false;" at the bottom of it.<!--c1--><div class='codetop'>CODE</div><div class='codemain'><!--ec1-->/*Reference from https://engineering.purdue.edu/ECN/Resources/KnowledgeBase/Docs/20040414131404*/<br /><br />#CalendarControlIFrame {<br />Â Â display: none;<br />Â Â left: 0px;<br />Â Â position: absolute;<br />Â Â top: 0px;<br />Â Â height: 250px;<br />Â Â width: 250px;<br />Â Â z-index: 99;<br />}<br /><br />#CalendarControl {<br />Â Â position:absolute;<br />Â Â background-color:#FFF;<br />Â Â margin:0;<br />Â Â padding:0;<br />Â Â display:none;<br />Â Â z-index: 100;<br />}<br /><br />#CalendarControl table {<br />Â Â font-family: arial, verdana, helvetica, sans-serif;<br />Â Â font-size: 8pt;<br />Â Â border-left: 1px solid #336;<br />Â Â border-right: 1px solid #336;<br />}<br /><br />#CalendarControl th {<br />Â Â font-weight: normal;<br />}<br /><br />#CalendarControl th a {<br />Â Â font-weight: normal;<br />Â Â text-decoration: none;<br />Â Â color: #FFF;<br />Â Â padding: 1px;<br />}<br /><br />#CalendarControl td {<br />Â Â text-align: center;<br />}<br /><br />#CalendarControl .header {<br />Â Â background-color: #336;<br />}<br /><br />#CalendarControl .weekday {<br />Â Â background-color: #DDD;<br />Â Â color: #000;<br />}<br /><br />#CalendarControl .weekend {<br />Â Â background-color: #FFC;<br />Â Â color: #000;<br />}<br /><br />#CalendarControl .current {<br />Â Â border: 1px solid #339;<br />Â Â background-color: #336;<br />Â Â color: #FFF;<br />}<br /><br />#CalendarControl .weekday,<br />#CalendarControl .weekend,<br />#CalendarControl .current {<br />Â Â display: block;<br />Â Â text-decoration: none;<br />Â Â border: 1px solid #FFF;<br />Â Â width: 2em;<br />}<br /><br />#CalendarControl .weekday:hover,<br />#CalendarControl .weekend:hover,<br />#CalendarControl .current:hover {<br />Â Â color: #FFF;<br />Â Â background-color: #336;<br />Â Â border: 1px solid #999;<br />}<br /><br />#CalendarControl .previous {<br />Â Â text-align: left;<br />}<br /><br />#CalendarControl .next {<br />Â Â text-align: right;<br />}<br /><br />#CalendarControl .previous,<br />#CalendarControl .next {<br />Â Â padding: 1px 3px 1px 3px;<br />Â Â font-size: 1.4em;<br />}<br /><br />#CalendarControl .previous a,<br />#CalendarControl .next a {<br />Â Â color: #FFF;<br />Â Â text-decoration: none;<br />Â Â font-weight: bold;<br />}<br /><br />#CalendarControl .title {<br />Â Â text-align: center;<br />Â Â font-weight: bold;<br />Â Â color: #FFF;<br />}<br /><br />#CalendarControl .empty {<br />Â Â background-color: #CCC;<br />Â Â border: 1px solid #FFF;<br />}<!--c2--></div><!--ec2--><br />Maybe someone can see something I am missing.<!--content-->
I think I figured out were the problem is coming from. "CalendarControl.js" has the following lines at the bottom:<!--c1--><div class='codetop'>CODE</div><div class='codemain'><!--ec1-->document.write("<iframe id='CalendarControlIFrame' src=http://www.totalchoicehosting.com/forums/lofiversion/index.php/'java script:false;' frameBorder='0' scrolling='no'></iframe>");<br />document.write("<div id='CalendarControl'></div>");<!--c2--></div><!--ec2--><br />When I remark them, everything works the way it should. I think I might just leave things the way the are and load "CalendarControl.js" only when I need it.<!--content-->
Maybe it will work differently in IE7. I know that doesn't help.<!--content-->
Hello Jim,<br /><br />For the "false" page, I would recommended removing all the javascript that you call in and place each one back in, line by line, and see which one brings up the "false", you just then need to find which script it is.<br /><br />For the IE background issuse, again, remove all your background tags and try them out one by one to find the culprit.<br /><br />Btw your "false error", having looked at the CSS in firefox with my web dev plugin, at the bottom of the CSS from <!-- m --><a class="postlink" href="hxxp://oms.jhollin1138.com/style/CalendarControl.css">hxxp://oms.jhollin1138.com/style/CalendarControl.css</a><!-- m --> there is a line with the words "java script:false;". Wonder if thats it?<br /><br />JimE<!--content-->
<!--quoteo(post=192784:date=Oct 23 2006, 10:47 AM:name=TCH-Bruce)--><div class='quotetop'>QUOTE(TCH-Bruce @ Oct 23 2006, 10:47 AM) <a href="http://www.totalchoicehosting.com/forums/index.php?act=findpost&pid=192784"><img src='http://www.totalchoicehosting.com/forums/style_images/1/post_snapback.gif' alt='*' border='0' /></a></div><div class='quotemain'><!--quotec-->Maybe it will work differently in IE7. I know that doesn't help.<!--QuoteEnd--></div><!--QuoteEEnd--><br />I haven't tried it with IE7. Besides, I am not even sure I want to even go there. <img src="http://www.totalchoicehosting.com/forums/style_emoticons/default/blink.gif" style="vertical-align:middle" emoid=":blink:" border="0" alt="blink.gif" /><!--content-->
<!--quoteo(post=192785:date=Oct 23 2006, 10:53 AM:name=TCH-JimE)--><div class='quotetop'>QUOTE(TCH-JimE @ Oct 23 2006, 10:53 AM) <a href="http://www.totalchoicehosting.com/forums/index.php?act=findpost&pid=192785"><img src='http://www.totalchoicehosting.com/forums/style_images/1/post_snapback.gif' alt='*' border='0' /></a></div><div class='quotemain'><!--quotec-->For the "false" page, I would recommended removing all the javascript that you call in and place each one back in, line by line, and see which one brings up the "false", you just then need to find which script it is.<br /><br />For the IE background issuse, again, remove all your background tags and try them out one by one to find the culprit.<br /><br />Btw your "false error", having looked at the CSS in firefox with my web dev plugin, at the bottom of the CSS from <!-- m --><a class="postlink" href="hxxp://oms.jhollin1138.com/style/CalendarControl.css">hxxp://oms.jhollin1138.com/style/CalendarControl.css</a><!-- m --> there is a line with the words "java script:false;". Wonder if thats it?<!--QuoteEnd--></div><!--QuoteEEnd--><br />Thanks for the help.<br /><br />Instead of go through the trail-and-error method, I just modified my script not to load the java and css until it is actually needed. Sure enough, both issues are gone. Although I still get the "false" when everything is loaded (i.e. after logged in and loading the information). I'll look at things more closely this evening and see if I can nail done what is going on.<br /><br />As for the "java script:false;" you found with "CalendarControl.css", when I actually look at it I don't see that statement. <img src="http://www.totalchoicehosting.com/forums/style_emoticons/default/wallbash.gif" style="vertical-align:middle" emoid=":wallbash:" border="0" alt="wallbash.gif" /><!--content-->
Strange, I see it in my web dev plugin for Firefox.<br /><br />JimE<!--content-->
<!--quoteo(post=192855:date=Oct 24 2006, 05:58 AM:name=TCH-JimE)--><div class='quotetop'>QUOTE(TCH-JimE @ Oct 24 2006, 05:58 AM) <a href="http://www.totalchoicehosting.com/forums/index.php?act=findpost&pid=192855"><img src='http://www.totalchoicehosting.com/forums/style_images/1/post_snapback.gif' alt='*' border='0' /></a></div><div class='quotemain'><!--quotec-->Strange, I see it in my web dev plugin for Firefox.<!--QuoteEnd--></div><!--QuoteEEnd--><br />I installed the Web Dev Plugin too and see the same thing. I found the "Popup Calender Control" at this url: <!-- m --><a class="postlink" href="hxxps://engineering.purdue.edu/ECN/Support/KnowledgeBase/Docs/20040414131404">hxxps://engineering.purdue.edu/ECN/Supp ... 0414131404</a><!-- m -->. /><br />Here is the complete CSS, as you can see there isn't a "java script:false;" at the bottom of it.<!--c1--><div class='codetop'>CODE</div><div class='codemain'><!--ec1-->/*Reference from https://engineering.purdue.edu/ECN/Resources/KnowledgeBase/Docs/20040414131404*/<br /><br />#CalendarControlIFrame {<br />Â Â display: none;<br />Â Â left: 0px;<br />Â Â position: absolute;<br />Â Â top: 0px;<br />Â Â height: 250px;<br />Â Â width: 250px;<br />Â Â z-index: 99;<br />}<br /><br />#CalendarControl {<br />Â Â position:absolute;<br />Â Â background-color:#FFF;<br />Â Â margin:0;<br />Â Â padding:0;<br />Â Â display:none;<br />Â Â z-index: 100;<br />}<br /><br />#CalendarControl table {<br />Â Â font-family: arial, verdana, helvetica, sans-serif;<br />Â Â font-size: 8pt;<br />Â Â border-left: 1px solid #336;<br />Â Â border-right: 1px solid #336;<br />}<br /><br />#CalendarControl th {<br />Â Â font-weight: normal;<br />}<br /><br />#CalendarControl th a {<br />Â Â font-weight: normal;<br />Â Â text-decoration: none;<br />Â Â color: #FFF;<br />Â Â padding: 1px;<br />}<br /><br />#CalendarControl td {<br />Â Â text-align: center;<br />}<br /><br />#CalendarControl .header {<br />Â Â background-color: #336;<br />}<br /><br />#CalendarControl .weekday {<br />Â Â background-color: #DDD;<br />Â Â color: #000;<br />}<br /><br />#CalendarControl .weekend {<br />Â Â background-color: #FFC;<br />Â Â color: #000;<br />}<br /><br />#CalendarControl .current {<br />Â Â border: 1px solid #339;<br />Â Â background-color: #336;<br />Â Â color: #FFF;<br />}<br /><br />#CalendarControl .weekday,<br />#CalendarControl .weekend,<br />#CalendarControl .current {<br />Â Â display: block;<br />Â Â text-decoration: none;<br />Â Â border: 1px solid #FFF;<br />Â Â width: 2em;<br />}<br /><br />#CalendarControl .weekday:hover,<br />#CalendarControl .weekend:hover,<br />#CalendarControl .current:hover {<br />Â Â color: #FFF;<br />Â Â background-color: #336;<br />Â Â border: 1px solid #999;<br />}<br /><br />#CalendarControl .previous {<br />Â Â text-align: left;<br />}<br /><br />#CalendarControl .next {<br />Â Â text-align: right;<br />}<br /><br />#CalendarControl .previous,<br />#CalendarControl .next {<br />Â Â padding: 1px 3px 1px 3px;<br />Â Â font-size: 1.4em;<br />}<br /><br />#CalendarControl .previous a,<br />#CalendarControl .next a {<br />Â Â color: #FFF;<br />Â Â text-decoration: none;<br />Â Â font-weight: bold;<br />}<br /><br />#CalendarControl .title {<br />Â Â text-align: center;<br />Â Â font-weight: bold;<br />Â Â color: #FFF;<br />}<br /><br />#CalendarControl .empty {<br />Â Â background-color: #CCC;<br />Â Â border: 1px solid #FFF;<br />}<!--c2--></div><!--ec2--><br />Maybe someone can see something I am missing.<!--content-->
I think I figured out were the problem is coming from. "CalendarControl.js" has the following lines at the bottom:<!--c1--><div class='codetop'>CODE</div><div class='codemain'><!--ec1-->document.write("<iframe id='CalendarControlIFrame' src=http://www.totalchoicehosting.com/forums/lofiversion/index.php/'java script:false;' frameBorder='0' scrolling='no'></iframe>");<br />document.write("<div id='CalendarControl'></div>");<!--c2--></div><!--ec2--><br />When I remark them, everything works the way it should. I think I might just leave things the way the are and load "CalendarControl.js" only when I need it.<!--content-->