Geek asks and answers

Why do these empty script tags stop my page from working?

This code is based on the following script tags. I do not want them in my html document, but if I try to delete them, they will stop working correctly with my form <script type="text/template" id="login-template">. It looks like it is hiding the input fields.

Why is this?

I even deleted the actual JS code inside `to try and resolve this.

   <script type="text/template" id="manage-todos-template"></script>
   <script type="text/template" id="item-template"></script>
   <script type="text/template" id="stats-template"></script>


<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <meta name="description" content="fresh Gray Bootstrap 3.0 Responsive Theme "/>
    <meta name="keywords" content="Template, Theme, web, html5, css3, Bootstrap,Bootstrap 3.0 Responsive Login" />
    <meta name="author" content="Adsays"/>
    <title>Parse JavaScript Todo App</title>
    <script src="http://code.jquery.com/jquery-2.0.3.min.js"></script>
    <script src="scripts/underscore-1.1.6.js"></script>
    <script src="http://www.parsecdn.com/js/parse-1.2.13.min.js"></script>
    <script src="scripts/todos.js"></script>

    <link rel="shortcut icon" href="favicon.png"> 

    <!-- Bootstrap core CSS -->
    <link href="css/bootstrap.css" rel="stylesheet">

    <!-- Custom styles for this template -->
    <link href="css/login-theme-1.css" rel="stylesheet">
    <!-- 

    -->


    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="js/html5shiv.js"></script>
      <script src="js/respond.min.js"></script>
      <link href="css/animate-custom.css" rel="stylesheet"> 
      <![endif]-->



      <script src="js/custom.js" type="text/javascript" ></script>

  </head>

  <body>



    <!-- Login, sign up and lost password box-->
    <div class="container" id="login-block">
        <div class="row">
            <div class="col-sm-6 col-md-4 col-sm-offset-3 col-md-offset-4">
                <div class="page-icon-shadow animated bounceInDown" > </div>
                <div class="login-box clearfix animated flipInY">
                    <div class="login-logo">
                        <a href="#"><img src="img/login-logo.png" alt="Company Logo" /></a>
                    </div> 
                    <hr />
                    <div class="login-form content">
                        <!-- Error messages if details not entered-->
                        <div class="alert alert-danger hide">
                            <button type="button" class="close" data-dismiss="alert"> &times;</button>
                            <h4>Error!</h4>
                            Your Error Message goes here
                        </div></div> </div> </div> </div> </div>
                        <!-- End Error box -->

                        <!-- This is the Parse generated code that generates from the js file to populate the page and manage Parse user authentication -->
                        <script type="text/template" id="login-template">
                        <header id="header"></header>
                        <div class="login">
                        <form class="login-form">
                        <div class="error" style="display:none"></div>
                        <input type="text" id="login-username" placeholder="User name" class="input-field" required/> 
                        <input type="password" id="login-password" placeholder="Password" class="input-field" required/> 
                        <button type="submit" class="btn btn-login">Login</button> 

                        <!--//Parse code ends here-->

                        <!--//Links to sign up and lost password pages-->

                        <div class="login-links"> 
                        <a href="forgot-password.html">
                        Forgot password?
                        </a>
                        <a href="sign-up.html">
                        Dont have an account? Click here to Sign Up
                        </a>
                        </div>

                        <!--//FB authentication button that fires the fb page to log user in --> 
                        <div class="social-login row">
                        <div class="fb-login col-lg-6 col-md-12 animated flipInX">
                        <a href="fb.html" class="btn btn-facebook btn-block">Connect with <strong>Facebook</strong></a>
                        </div>
                        </div>
                        </div>
                        </form>
                    </script>   <!--//Script must wrap around all the above code to display it correctly on screen -->          


    <!--XXXXX -->                   


    <script type="text/template" id="manage-todos-template"></script>
                    <script type="text/template" id="item-template"></script>
                        <script type="text/template" id="stats-template"></script>          


                </body>

                </html>
+3
source share
1 answer

These tags that you are trying to remove are used by the template engine, so removing it will cause your page to not work properly.

script , / . , - .

+2

More articles:


All Articles