www.webdeveloper.com
Results 1 to 5 of 5

Thread: [RESOLVED] Web pages doing a full reload on every access

  1. #1
    Join Date
    Mar 2012
    Posts
    20

    resolved [RESOLVED] Web pages doing a full reload on every access

    Hi, I am creating a website which currently has four pages.

    http://www.wlmhap.org/

    Every time I access three of the pages the browser window goes completely white
    for half a second before displaying in full.
    However one of the pages (contact.html) does not have this issue, when the page
    is accessed there is no white out, most of the interface stays unchanged as expected.
    Naturally the first place I looked for issues was the head tags however I could not find
    what is causing the problem.

    This is the contents of the contact.html's (the page without any issues) head tags,


    HTML Code:
    <head>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
    <meta charset="utf-8">
    <title>MHAP - How to Contact and Find Us</title>
    <link rel="icon" href="favicon.ico" type="image/x-icon">
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
    <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&amp;sensor=false"></script>
    <script type="text/javascript" src="js/scripts.js"></script>
    <script type="text/javascript" src="jquery.als-1.1.min.js"></script>
    <script type="text/javascript" src="send_to_friend/sendfiles/gb/jquery-latest.js"></script>
    <script type="text/javascript" src="/send_to_friend/popup.php?js"></script>
    <link href="styles/main.css" rel="stylesheet" type="text/css" />
    <!-- Start menu link code -->
    <link href="modern-menu/modern-menu.css" type="text/css" rel="stylesheet">
    <!-- End menu link code -->
    
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    </head>
    This is the contents of the index.html page head tags

    HTML Code:
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>MHAP - Welcome to Our Web Site</title>
    <link rel="icon" href="favicon.ico" type="image/x-icon">
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
    <script type="text/javascript" src="js/scripts.js"></script>
    <script type="text/javascript" src="jquery.als-1.1.min.js"></script>
    <script type="text/javascript" src="send_to_friend/sendfiles/gb/jquery-latest.js"></script>
    <script type="text/javascript" src="jquery.corner.js"></script>
    <script type="text/javascript" src="/send_to_friend/popup.php?js"></script>
    <link href="styles/main.css" rel="stylesheet" type="text/css" media="screen" />
    
    
    <!-- Start menu link code -->
    <link href="modern-menu/modern-menu.css" type="text/css" rel="stylesheet">
    <!-- End menu link code -->
    <!-- <link href="styles/main_p.css" rel="stylesheet" type="text/css" media="print" /> (media="screen") -->
    
    <script type="text/javascript">
    function MM_preloadImages() { //v3.0
      var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
        var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
        if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
    }
    </script>
    
    </head>
    I thought at first it had something to do with image pre-loader, however the other two pages
    advocacy.html and ourproject.html, do have the issue, even though they do not have the pre-loader code.

    This is the contents of the advocacy.html page head tags

    HTML Code:
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>MHAP - About Advocacy</title>
    <link rel="icon" href="favicon.ico" type="image/x-icon">
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
    <script type="text/javascript" src="js/scripts.js"></script>
    <script type="text/javascript" src="send_to_friend/sendfiles/gb/jquery-latest.js"></script><script type="text/javascript" src="/send_to_friend/popup.php?js"></script>
    <link href="styles/main.css" rel="stylesheet" type="text/css" />
    <!-- Start menu link code -->
    <link href="modern-menu/modern-menu.css" type="text/css" rel="stylesheet">
    <!-- End menu link code -->
    
    </head>
    Regards Max

  2. #2
    Join Date
    Jul 2014
    Posts
    2
    Is this only happening in Internet Explorer? I just had a look using Chrome, Firefox then IE and it was only in IE I had the same thing happen.

    A few suggestions here that you could try:

    http://answers.microsoft.com/en-us/i...9-1f7ef404fee9

  3. #3
    Join Date
    Mar 2012
    Posts
    20
    Hi, thanks for replying.
    I followed the advice given at:

    http://stackoverflow.com/questions/2...er-modal-boxes

    Make sure you have a <link /> element in the head of all your pages and make sure that you put these stylesheets at the
    top of the head section and <script /> elements after them (preferably AFTER all page content and immediately before the closing tag).
    I moved all of my script tags below my Link tags in the head section which had no effect, however when I moved my script tags to the
    bottom of my pages (AFTER all page content ) the white page flash issue was totally gone!

    Best regards Michael

  4. #4
    Join Date
    Sep 2014
    Posts
    1
    Quote Originally Posted by maxwell55 View Post
    Hi, thanks for replying.
    I followed the advice given at:

    http://stackoverflow.com/questions/2...er-modal-boxes

    I was with the same problem. Thank you maxwell!


    I moved all of my script tags below my Link tags in the head section which had no effect, however when I moved my script tags to the
    bottom of my pages (AFTER all page content ) the white page flash issue was totally gone!

    Best regards Michael
    I was with the exactly same problem here.
    Thank you maxwell55!

  5. #5
    Join Date
    May 2014
    Posts
    1,017
    If I may offer some suggestions -- what exactly do you even have scripting on that site FOR?

    I mean, you've got that stupid malfing Macromedia mm_image nonsense; a telltale of using that steaming pile known as Dreamweaver... Kind-of weird you have those when you don't even HAVE hover states on any of your images.

    but the rest of your 'scripts' I'm not even seeing a legitimate reason to have on your site. I don't know if your scripts are broken, or just not running right, but given your focus is people with mental health issues, and as such may have other infirmities, scripttardery -- particularly anything jQuery based, has no malfing business on such a site in the first place!

    You're also div-heavy and semantics-light. I'd say a good chunk of your HTML belongs in the trash. It's filled with redundancies, conflicts -- and even the design isn't accessible since it's a fixed width layout with no graceful degradation.
    Java is to JavaScript as Ham is to Hamburger.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles