Mixed Content Warning

Mixed Content Warning

Hello everyone,

I've looked at a great deal of places and have figured out the cause of the problem I am facing.  I am utilizing a bit of jQuery to slide a div down on-click.  However in IE when viewing the page (which is utilizing the SSL protocol) I receive the Mixed Content Warning.

After reading quite extensively today I have come to realize it's due to a missing src="" in the <iframe> tag.  The solution also appears to be simple enough: src="javascript:false;

However, I am not explicitly using any iframes and I have not been able to find an example like mine.  I think I read somewhere today that jQuery will generate an iframe, but how do I append an src to an element that jQuery generates?

Here is the code I am working with (minus the css).  Would anyone have any resources they could point me to, or examples so I could work this issue out?

  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"

       "http://www.w3.org/TR/html4/strict.dtd">

    <html lang="en">

    <head>

    <title>Information Center</title>

    <!-- Meta -->

    <meta http-equiv="content-type" content="text/html;charset=utf-8" />

    <!-- CSS -->

    <link rel="stylesheet" type="text/css" href="css/style.css" />

    <!-- Javascript -->

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

    <script type="text/javascript">

            $(document).ready(function(){

                    $(".feedback-slide-button").click(function(){

                            $("#feedback-panel").slideToggle("slow");

                            $(this).toggleClass("active");

                            return false;

                    });

            });

    </script>

    <script type="text/javascript">

            function feedbackFormValidator(feedbackForm)

            {

                    if (feedbackForm.feedback.value == "")

                    {

                            alert("Please make sure you input your feedback before you click submit.  Thanks.");

                            feedbackForm.feedback.focus();

                            return (false);

                    }

            }

    </script>


    </head>

    <body>

            <div id="outer-container">

                    <div id="header">

                   

                            <!-- -------------------- Feedback -------------------- -->

                            <div id="feedback-panel">

                                    <div id="feedback-content">

                                            <h2>We want your feedback!</h2>

                                            <p>Please let us know what you think about the Information Center.  Use the text box on the right to submit any comments, questions or suggestions that you may have.  We appreciate the feedback!.</p>

                                    </div>

                                    <form method="post" action="send-feedback.asp" name="TellerTrainingFeedback" onsubmit="return feedbackFormValidator(this)">

                                            <fieldset>

                                                    <textarea name="feedback" cols="45" rows="6"></textarea><br>

                                                    <input type="submit" value="Submit Feedback" style="margin-right: 20px; margin-top: 10px;"><input type="reset" value="Reset" style="margin-top: 10px;">

                                            </fieldset>

                                    </form>

                            </div>

                           

                            <p id="feedback-slide"><a href="#" class="feedback-slide-button"></a></p>

                            <!-- -------------------- Feedback -------------------- -->

                           

                    </div>

  2.        </div>
  3. </body>
  4. </html>

Thanks,
fromatz