We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
    • 30086
    • 110 Posts
    The first code that is the old code and I would like to replace the old code with the second code.

    When I tried that, the site went black.
    I don’t know why?
      • 33968
      • 863 Posts
      Could be here:
      <meta http-equiv="Content-Type" content="text/html; class=MsoNormal; charset=iso-8859-1"/> <style type="text/css"> 
      <style type="text/css">
      


      Remove one of those: <style type="text/css">
        • 30086
        • 110 Posts
        I removed it now. This is how my code looks like. But this one the page just went white. The contents were gone.

        <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
           "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
        <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
        {{head}}
        <body class="home">
        {{skip-links}}
        <div class="page_margins">
          <div class="page">
            {{header}}
            {{main-nav}}
            
            <!-- begin: main content area #main -->
            <div id="main">
        
                <!-- begin: #col2 second float column -->
                <div id="col2">
                    <div id="col2_content" class="clearfix">
                        
                        <!--{{news-box}}-->               
                       <!-- {{events-box}}-->
                        {{eventsdebox}}
                        {{articles-box}}
                        {{success-box}}
                    </div>
                </div>
                <!-- end: #col2 -->
        
                <!-- begin: #col3 static column -->
                <div id="col3">
                    <!--<div id="col3_content" class="clearfix">
                        <div id="home">
                            <div id="home">
                                <p class="float_left"><a href="[~399~]">w4</a></p>
                            </div>
                            <div id="home">
                                <p class="float_right"><a href="[~5~]">product</a></p>
                            </div>
                        </div>-->
                        <div id="tintin"> </div>
                        
                        <div class="image" style="background-image:url('pic007s.jpg');">
                        <div style="left:25px; top:180px"><a href="http://www.web.com/en/solutions">Text 1</a> </div>
                        <div style="left:30px; top:80px"><a href="http://www.web.com/en/solutions">Text 2</div>
                        <div style="left:60px; top:30px"><a href="http://www.web.com/en/solutions">Text 3</div>
        
                        <div style="right:60px; top:30px"><a href="http://www.web.com/en/solutions">Text 4</div>
                        <div style="right:40px; top:80px"><a href="http://www.web.com/en/solutions">Text 5</div>
                        <div style="right:20px; top:180px"><a href="http://www.web.com/en/solutions">Text 6</div>
        
                        <div style="right:40px; top:250px"><a href="http://www.web.com/en/solutions">Text 7</div>
                        <div style="right:75px; top:300px"><a href="http://www.web.com/en/solutions">Text 8</div>
        
                        <div style="left:80px; top:300px"><a href="http://www.web.com/en/solutions">Text 9</div>
                        <div style="left:50px; top:250px"><a href="http://www.web.com/en/solutions">Text 10</div>
                        
                        
                        
                       {{teaser-box}}
                </div>
                    <!-- IE column clearing -->
                    <div id="ie_clearing"> </div>
                </div>                
                <!-- end: #col3 -->
            </div>
            <!-- end: #main -->
            
            {{footer}}
          </div>
        </div>
        <!-- full skiplink functionality in webkit browsers-->
        <script src="assets/templates/ourtemplate/yaml/core/js/webkit-focusfix.js" type="text/javascript"></script>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js" type="text/javascript"></script>
        <meta http-equiv="Content-Type" content="text/html; class=MsoNormal; charset=iso-8859-1"/> 
        
        
        </html>
          • 33968
          • 863 Posts
          If you view source, do you see anything there?
            • 30086
            • 110 Posts
            which source do you mean?
            Right click - View Page Source?
              • 33968
              • 863 Posts
              Yep, page source - anything there?
                • 30086
                • 110 Posts
                yes there is a code.


                <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
                   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
                <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
                <head>
                    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
                    <title>Wikima4 AG | en</title>
                    <!-- Grey Box integration -->
                    <script type="text/javascript"> 
                        var GB_ROOT_DIR = "/wikima/assets/js/greybox/";
                    </script>      
                    <script type="text/javascript" src="/wikima/assets/js/greybox/AJS.js"></script>     
                    <script type="text/javascript" src="/wikima/assets/js/greybox/AJS_fx.js"></script> 
                    <script type="text/javascript" src="/wikima/assets/js/greybox/gb_scripts.js"></script> 
                    <script type="text/javascript" src="/wikima/assets/js/greybox/greyboxCustom.js"></script> 
                    <link href="/wikima/assets/js/greybox/gb_styles.css" rel="stylesheet" type="text/css" media="all" />
                
                    <script type="text/javascript">
                var mesaforte_tour_set = [
                    {'caption': 'Dashboard', 'url': 'http://localhost/wikima/index.php?id=279'},{'caption': 'Workbench', 'url': 'http://localhost/wikima/index.php?id=280'},{'caption': 'Settings - Controls', 'url': 'http://localhost/wikima/index.php?id=281'},{'caption': 'Settings - Users', 'url': 'http://localhost/wikima/index.php?id=284'},{'caption': 'Settings - Connections', 'url': 'http://localhost/wikima/index.php?id=285'},{'caption': 'Settings - Options', 'url': 'http://localhost/wikima/index.php?id=286'},
                    ]
                </script>  
                    <!-- YAML integration -->    
                    <link href="assets/templates/wikima4/css/central.css" rel="stylesheet" type="text/css"/>
                    <!--[if lte IE 7]>
                    <link href="/assets/templates/wikima4/css/patches/patch_central.css" rel="stylesheet" type="text/css" />
                    <![endif]-->
                	<script type="text/javascript" src="manager/media/script/mootools/mootools.js"></script>
                	<script type="text/javascript" src="assets/snippets/ajaxSearch/js/ajaxSearch.js"></script>
                <!-- start AjaxSearch header -->
                <script type="text/javascript">
                //<![CDATA[
                as_version = '1.8.4';
                advSearch = 'oneword';
                subSearch = 5;
                ucfg = ' &extract=`1:content` &stripOutput=`markdownStripOutput`';
                //]]>
                </script>
                <!-- end AjaxSearch header -->
                
                <script src="http://localhost/wikima/assets/js/jquery-1.3.2.min.js" type="text/javascript"></script>
                                        <link type="text/css" media="screen" rel="stylesheet" href="http://localhost/wikima/assets/plugins/qm/css/colorbox.css" />
                                        
                                        <style type="text/css">
                                        .cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://localhost/wikima/assets/plugins/qm/css/images/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
                                        .cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://localhost/wikima/assets/plugins/qm/css/images/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
                                        .cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://localhost/wikima/assets/plugins/qm/css/images/internet_explorer/borderTopRight.png, sizingMethod='scale');}
                                        .cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://localhost/wikima/assets/plugins/qm/css/images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
                                        .cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://localhost/wikima/assets/plugins/qm/css/images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
                                        .cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://localhost/wikima/assets/plugins/qm/css/images/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
                                        .cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://localhost/wikima/assets/plugins/qm/css/images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
                                        .cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://localhost/wikima/assets/plugins/qm/css/images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}
                                        </style>
                                        
                                        <script type="text/javascript" src="http://localhost/wikima/assets/plugins/qm/js/jquery.colorbox-min.js"></script>
                                        
                                    <script type="text/javascript">
                                    
                                    	var $j = jQuery.noConflict();
                                    	$j(document).ready(function($)
                                    	    
                                        {                      
                                    		$("a.colorbox").colorbox({width:"80%", height:"80%", iframe:true, overlayClose:false});
                                    	
                                        	// Bindings
                                        	$().bind("cbox_open", function(){$("body").css({"overflow":"hidden"}); $("html").css({"overflow":"hidden"}); $("#qmEditor").css({"display":"none"});});
                                        	$().bind("cbox_closed", function(){$("body").css({"overflow":"auto"}); $("html").css({"overflow":"auto"}); $("#qmEditor").css({"display":"block"});});                  
                                            
                                            // Hide QM+ if cookie found
                                            if (getCookie("hideQM") == 1)
                                            {
                                                $("#qmEditor").css({"display":"none"});
                                                $("#qmEditorClosed").css({"display":"block"});    
                                            }
                                            
                                            // Hide QM+
                                            $(".qmClose").click(function () {
                                                $("#qmEditor").hide("normal");
                                                $("#qmEditorClosed").show("normal");
                                                document.cookie = "hideQM=1; path=/;";
                                            });
                                            
                                            // Show QM+
                                            $("#qmEditorClosed").click(function () {
                                                {
                                                    $("#qmEditorClosed").hide("normal");
                                                    $("#qmEditor").show("normal");
                                                    document.cookie = "hideQM=0; path=/;";
                                                }
                                            });
                
                                        });
                                        
                                        function getCookie(cookieName)
                                        {
                                            var results = document.cookie.match ( "(^|;) ?" + cookieName + "=([^;]*)(;|$)" );
                    
                                            if (results) return (unescape(results[2]));
                                            else return null;
                                        }
                
                                    </script>
                                    
                                    <link rel="stylesheet" type="text/css" href="http://localhost/wikima/assets/plugins/qm/css/style.css" />
                                    <!--[if IE]><link rel="stylesheet" type="text/css" href="http://localhost/wikima/assets/plugins/qm/css/ie.css" /><![endif]-->
                
                                    </head>
                <body class="home">
                                    <div id="qmEditorClosed"></div>
                                    
                					<div id="qmEditor">
                					
                                    <a id="qmClose" class="qmButton qmClose" href="#" onclick="return false;">X</a></li>
                                    
                                    <ul>
                                    <a id="qmLogoClose" class="qmClose" href="#" onclick="return false;"></a>
                                    
                                    <li>
                                    <a class="qmButton qmEdit colorbox" href="http://localhost/wikima/manager/index.php?a=27&id=1&quickmanager=1"><img src="http://localhost/wikima/manager/media/style/MODxCarbon/images/icons/save.png" /> Edit Resource</a>
                
                                    </li>
                                    
                                        <li>
                                        <a class="qmButton colorbox" href="http://localhost/wikima/manager/index.php?a=4&pid=1&quickmanager=1">Create Resource here</a>
                                        </li>
                                        
                                        <li>
                                        <a class="qmButton" title="Manager" href="http://localhost/wikima/manager/" >Manager</a>
                                        </li>
                                        
                                    <li>
                
                                    <a id="qmLogout" class="qmButton" title="Logout" href="http://localhost/wikima/manager/index.php?a=8&quickmanager=logout&logoutid=1" >Logout</a>
                                    </li>
                                    
                                    </ul>
                					</div>
                <ul id="skiplinks">
                    <li><a class="skip" href="#nav">Skip to navigation (Press Enter).</a></li>
                    <li><a class="skip" href="#col3">Skip to main content (Press Enter).</a></li>
                </ul>
                
                <div class="page_margins">
                  <div class="page">
                    <div id="header">
                    <img style="float:right" src="/wikima/assets/templates/wikima4/css/images/logo_swiss_trans.gif" alt="Swiss Quality"/>
                     <div id="topnav">
                    <a title="English" href="index.php?id=1">English</a> | <a title="Deutch" href="index.php?id=11">Deutsch</a> | <a title="Français" href="index.php?id=6">Français</a>
                
                </div>
                
                <form id="ajaxSearch_form"  action="index.php?id=1" method="post">
                    <fieldset>
                    <input type="hidden" name="advSearch" value="oneword" />
                    <label for="ajaxSearch_input">
                      <input id="ajaxSearch_input" class="cleardefault" type="text" name="search" value="Search here..." onfocus="this.value=(this.value=='Search here...')? '' : this.value ;" />
                    </label>
                    <label for="ajaxSearch_submit">
                      <input id="ajaxSearch_submit" type="submit" name="sub" value="Go!" />
                
                    </label>
                    </fieldset>
                </form>
                
                
                
                <div id="ajaxSearch_output"></div>
                
                
                </div>
                    <div id="nav">
                    <div class="hlist">
                            <ul><li><a href="/wikima/index.php?id=2" title="Company" >Company</a></li>
                
                <li><a href="/wikima/index.php?id=3" title="Solutions" >Solutions</a></li>
                <li><a href="/wikima/index.php?id=4" title="Service" >Service</a></li>
                <li><a href="/wikima/index.php?id=5" title="Products / mesaforte" >Products / mesaforte</a></li>
                <li><a href="/wikima/index.php?id=97" title="Resource Center" >Resource Center</a></li>
                <li><a href="/wikima/index.php?id=104" title="Analyst Research" >Analyst Research</a></li>
                <li><a href="/wikima/index.php?id=243" title="Articles" >Articles</a></li>
                <li class="last"><a href="/wikima/index.php?id=399" title="Mesaforte Tour" >Mesaforte Tour</a></li>
                </ul>
                    </div>
                
                </div>
                    
                    <!-- begin: main content area #main -->
                    <div id="main">
                
                        <!-- begin: #col2 second float column -->
                        <div id="col2">
                            <div id="col2_content" class="clearfix">
                                <a id="mf_tour" href="#" onclick="return GB_mfTour(mesaforte_tour_set, 1)"></a>
                                <h6 class="vlist">News</h6>
                
                <ul class="vlist"><li><a href="/wikima/index.php?id=375" title="SAP Pen Testing for Fix price" >SAP Pen Testing for Fix price</a></li>
                <li class="last"><a href="/wikima/index.php?id=354" title="New SAP Penetration Test with SAP Gateway cracker!" >New SAP Penetration Test with SAP Gateway cracker!</a></li>
                </ul>
                                <h6 class="vlist">Events</h6>
                <ul class="vlist"><li><a href="/wikima/index.php?id=398" title="Duplicate of Intensivkurs SAP-Berechtigungen - DE" >Duplicate of Intensivkurs SAP-Berechtigungen - DE</a></li>
                <li><a href="/wikima/index.php?id=397" title="Intensivkurs SAP-Berechtigungen - DE" >Intensivkurs SAP-Berechtigungen - DE</a></li>
                <li><a href="/wikima/index.php?id=383" title="IT Security Forum" >IT Security Forum</a></li>
                <li><a href="/wikima/index.php?id=359" title="DSAG Jahrestagung" >DSAG Jahrestagung</a></li>
                <li class="last"><a href="/wikima/index.php?id=360" title="Offenes Arbeitsmeeting der IGSAP" >Offenes Arbeitsmeeting der IGSAP</a></li>
                
                </ul>
                               <!-- <h6 class="vlist">Articles</h6>
                <ul class="vlist"><li><a href="assets/files/pdf/wikima4_pub_ng_sapgrc.pdf" title="Governance, Risk and Compliance" target="_blank" rel="gb_page_center[800, 600]">Governance, Risk and Compliance</a></li>
                </ul>-->
                                <h6 class="vlist">Success Stories</h6>
                <ul class="vlist"><li><a href="assets/files/pdf/Mesaforte_Sucess-Story Verbund_Low.pdf" title="VERBUND" target="_blank" rel="gb_page_center[800, 600]">VERBUND</a></li>
                </ul>               
                                
                               <!-- -->
                            </div>
                        </div>
                        <!-- end: #col2 -->
                
                        <!-- begin: #col3 static column -->
                        <div id="col3">
                            <div id="col3_content" class="clearfix">
                                <div id="home">
                                    <div id="wikima4-home">
                                        <p class="float_left"><a href="index.php?id=4">wikima4</a></p>
                                    </div>
                                    <div id="mesaforte-home">
                
                                        <p class="float_right"><a href="index.php?id=5">mesaforte</a></p>
                                    </div>
                                </div>
                                <table class="teaser" cellspacing="0">
                    <tbody>
                        <tr>
                            <td class="service" width="33%">
                    <h3>Our Services</h3>
                
                    <p class="floatbox">
                        <!--<img class="float_left" src="assets/images/logo.png"/>-->
                        Explore the wonderful world of wikima4 service.
                    </p>
                    <p class="floatbox">
                        <a class="float_right" href="index.php?id=4">Read more...</a>
                    </p>    
                </td><td class="product" width="33%">
                    <h3>Our Products</h3>
                
                    <p class="floatbox">
                        <!--<img class="float_left" src="assets/images/logo.png"/>-->
                        Explore the wonderful world of wikima4 products.
                    </p>
                    <p class="floatbox">
                        <a class="float_right" href="index.php?id=5">Read more...</a>
                    </p>    
                </td><td class="service" width="33%">
                    <h3>Our Solutions</h3>
                
                    <p class="floatbox">
                        <!--<img class="float_left" src="assets/images/logo.png"/>-->
                        Explore the wonderful world of wikma4 solutions.
                    </p>
                    <p class="floatbox">
                        <a class="float_right" href="index.php?id=3">Read more...</a>
                    </p>    
                </td>
                        </tr>
                
                    </tbody>
                </table>
                        </div>
                            <!-- IE column clearing -->
                            <div id="ie_clearing"> </div>
                        </div>                
                        <!-- end: #col3 -->
                    </div>
                    <!-- end: #main -->
                    
                    <div id="footer">
                
                Layout based on <a href="http://www.yaml.de/">YAML</a> | Valid <a href="http://validator.w3.org/check/referer">XHTML</a>
                </div>
                  </div>
                </div>
                <!-- full skiplink functionality in webkit browsers -->
                <script src="./yaml/core/js/webkit-focusfix.js" type="text/javascript"></script>
                </body>
                </html>
                  • 33968
                  • 863 Posts
                  I’m trying to follow what you have done now.

                  The code you’ve just posted is what is currently on your page. I was under the impression you had added some jQuery to that, and immediately following that the page went blank. Is that right?

                  Where is the jQuery code that you inserted?
                    • 30086
                    • 110 Posts
                    That is correct!

                    I already inserted the code. Here is the jquery code I inserted:
                    Maybe I’m pasting this on a wrong template?
                    Do I need to paste this on the head template which is under the chunks?



                    <html>
                    <head>
                    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js" type="text/javascript"></script>
                    <title>tintin</title>
                    <meta http-equiv="Content-Type" content="text/html; class=MsoNormal; charset=iso-8859-1"/> <style type="text/css"> 
                    <style type="text/css">
                    
                     
                    #tintin{
                    position: relative;
                    
                    
                    }
                    div
                    {
                    position: absolute;
                    display: none;
                    
                    font-size:18pt;
                    font-weight:bold;
                    font-family: Calibri;
                    color:#fff;
                    }
                    
                    
                    a:link {
                    COLOR: #fff;
                    text-decoration: none; 
                    }
                    
                    
                    .image{
                    height:350px;
                    width: 855px;}
                    
                    
                    </style>
                    <script type="text/javascript"> 
                    
                    $(document).ready(function () {
                        var count = 0;
                        animate();
                        function animate() {
                            $("div").eq(count).fadeIn(1000); //increase the 400 to make it slower
                           count++;
                            if(count < $("div").length) {
                                setTimeout(animate, 1000);
                            }
                        };
                    });
                    </script>
                    </head>
                    
                    
                    <body>
                    <div id="tintin"> </div>
                    
                    <div class="image" style="background-image:url('pic007s.jpg');">
                    
                    
                    <div style="left:25px; top:180px"><a href="http://www.w3schools.com/HTML/html_links.asp">Text 1</a> </div>
                    <div style="left:30px; top:80px">Text 2</div>
                    <div style="left:60px; top:30px">Text 3</div>
                    
                    <div style="right:60px; top:30px">Text 4</div>
                    <div style="right:40px; top:80px">Text 5</div>
                    <div style="right:20px; top:180px">Text 6</div>
                    
                    <div style="right:40px; top:250px">Text 7</div>
                    <div style="right:75px; top:300px">Text 8</div>
                    
                    <div style="left:80px; top:300px">Text 9</div>
                    <div style="left:50px; top:250px">Text 10</div>
                    
                      
                    </div>
                    </body>
                    </html>
                    
                      • 33968
                      • 863 Posts
                      Hmmm, that’s completely different to the code on your page smiley

                      It looks like you’re on the wrong template. Two things you can do:

                      - find out which template the page you want to include the code on uses, then add the jQuery to that template; or
                      - go to that page in the manager and change the template to the one containing your jQuery code

                      I would go with the first if you want to keep the existing site layout and content areas...