Jump to content
jhollin1138

Interesting Issues With My Script In Ie

Recommended Posts

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.

 

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.

 

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.

 

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.

 

Here is a link to a stripped down version, I have made some minor alterations to hide my company name, on my site. http://oms.jhollin1138.com

Share this post


Link to post
Share on other sites

Hello Jim,

 

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.

 

For the IE background issuse, again, remove all your background tags and try them out one by one to find the culprit.

 

Btw your "false error", having looked at the CSS in firefox with my web dev plugin, at the bottom of the CSS from hxxp://oms.jhollin1138.com/style/CalendarControl.css there is a line with the words "java script:false;". Wonder if thats it?

 

JimE

Share this post


Link to post
Share on other sites
Maybe it will work differently in IE7. I know that doesn't help.

I haven't tried it with IE7. Besides, I am not even sure I want to even go there. :blink:

Share this post


Link to post
Share on other sites
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.

 

For the IE background issuse, again, remove all your background tags and try them out one by one to find the culprit.

 

Btw your "false error", having looked at the CSS in firefox with my web dev plugin, at the bottom of the CSS from hxxp://oms.jhollin1138.com/style/CalendarControl.css there is a line with the words "java script:false;". Wonder if thats it?

Thanks for the help.

 

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.

 

As for the "java script:false;" you found with "CalendarControl.css", when I actually look at it I don't see that statement. :blink:

Share this post


Link to post
Share on other sites
Strange, I see it in my web dev plugin for Firefox.

I installed the Web Dev Plugin too and see the same thing. I found the "Popup Calender Control" at this url: hxxps://engineering.purdue.edu/ECN/Support/KnowledgeBase/Docs/20040414131404.

 

Here is the complete CSS, as you can see there isn't a "java script:false;" at the bottom of it.

>/*Reference from https://engineering.purdue.edu/ECN/Resources/KnowledgeBase/Docs/20040414131404*/

#CalendarControlIFrame {
 display: none;
 left: 0px;
 position: absolute;
 top: 0px;
 height: 250px;
 width: 250px;
 z-index: 99;
}

#CalendarControl {
 position:absolute;
 background-color:#FFF;
 margin:0;
 padding:0;
 display:none;
 z-index: 100;
}

#CalendarControl table {
 font-family: arial, verdana, helvetica, sans-serif;
 font-size: 8pt;
 border-left: 1px solid #336;
 border-right: 1px solid #336;
}

#CalendarControl th {
 font-weight: normal;
}

#CalendarControl th a {
 font-weight: normal;
 text-decoration: none;
 color: #FFF;
 padding: 1px;
}

#CalendarControl td {
 text-align: center;
}

#CalendarControl .header {
 background-color: #336;
}

#CalendarControl .weekday {
 background-color: #DDD;
 color: #000;
}

#CalendarControl .weekend {
 background-color: #FFC;
 color: #000;
}

#CalendarControl .current {
 border: 1px solid #339;
 background-color: #336;
 color: #FFF;
}

#CalendarControl .weekday,
#CalendarControl .weekend,
#CalendarControl .current {
 display: block;
 text-decoration: none;
 border: 1px solid #FFF;
 width: 2em;
}

#CalendarControl .weekday:hover,
#CalendarControl .weekend:hover,
#CalendarControl .current:hover {
 color: #FFF;
 background-color: #336;
 border: 1px solid #999;
}

#CalendarControl .previous {
 text-align: left;
}

#CalendarControl .next {
 text-align: right;
}

#CalendarControl .previous,
#CalendarControl .next {
 padding: 1px 3px 1px 3px;
 font-size: 1.4em;
}

#CalendarControl .previous a,
#CalendarControl .next a {
 color: #FFF;
 text-decoration: none;
 font-weight: bold;
}

#CalendarControl .title {
 text-align: center;
 font-weight: bold;
 color: #FFF;
}

#CalendarControl .empty {
 background-color: #CCC;
 border: 1px solid #FFF;
}

Maybe someone can see something I am missing.

Share this post


Link to post
Share on other sites

I think I figured out were the problem is coming from. "CalendarControl.js" has the following lines at the bottom:

>document.write("<iframe id='CalendarControlIFrame' src='java script:false;' frameBorder='0' scrolling='no'></iframe>");
document.write("<div id='CalendarControl'></div>");

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.

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


×
×
  • Create New...