Unable to save article text element, typolight 2.7.1
Hello, I am hoping someone can help me. I have just installed TYPOlight for the first time (version 2.7.1).
I have set up a custom template, following the steps outlined in the tutorial, but am having several critical problems, that are as follows...
1. The "hover" effect in the back end that should reveal the extra helper text is not working.
2. If I define a module as a "Custom Navigation", "Quick Navigation", or "Quick Link" item, I cannot load the front end (the page choices, if applicable, are not retained) . But the normal "Navigation Menu" and "Breadcrumb Menu" works fine.
3. If I define an article as an "image", or add an image to a text element, the system does not retain the image selection when I save, and it displays as blank.
4. And the most critical problem, I cannot add text to an item in an Article. When I attempt to save, I receive the error "An error occurred! Please fill in field "Text"!" and the text I had entered is gone. Once in every 20-30 or so attempts, the text will actually save, but then the same problem occurs when I attempt to edit that text later. I have seen posts on the old forum location indicating the same problem, but there were no posts for a fix.
These problems occur in all browsers I have installed...
IE 7, IE 8, FireFox 3.0.10, Safari 3.2.2 (PC, OS: Microsoft XP Professional, Service Pack 3)
Here is the URL of my site... http://www.*****.com/home.html
TYPOlight System Check: http://www.*****.com/typolight-check.php
PHP Info: http://www.*****.com/info.php
Here are is an error log from Internet Explorer.....
__________________________________________________ _________________________
[BACK END BROWSER ERRORS]
Webpage error details
User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; GTB6; InfoPath.2; .NET CLR 1.1.4322; .NET CLR 2.0.50727; .NET CLR 3.0.04506.648; .NET CLR 3.5.21022; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729)
Timestamp: Thu, 25 Jun 2009 18:38:43 UTC
Message: Invalid character
Line: 1
Char: 1
Code: 0
URI: http://www.*****.com/plugins/mootools/mootools.js
Message: 'Class' is undefined
Line: 3 Char: 1 Code: 0
URI: http://www.*****.com/plugins/calendar/calendar.js
Message: Object doesn't support this property or method
Line: 47 Char: 280 Code: 0
URI: http://www.*****.com/typolight/typolight.js
Message: Object doesn't support this property or method
Line: 350 Char: 1 Code: 0
URI: http://www.*****.com/typolight/main.php ... =edit&id=9
__________________________________________________ _______________________________
[FRONT END BROWSER ERRORS]
Webpage error details
User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; GTB6; InfoPath.2; .NET CLR 1.1.4322; .NET CLR 2.0.50727; .NET CLR 3.0.04506.648; .NET CLR 3.5.21022; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729)
Timestamp: Thu, 25 Jun 2009 19:22:10 UTC
Message: Invalid character
Line: 1 Char: 1 Code: 0
URI: http://www.*****.com/plugins/mootools/mootools.js
Message: 'Browser' is undefined
Line: 2 Char: 38 Code: 0
URI: http://www.*****.com/plugins/slimbox/js/slimbox.js
__________________________________________________ __________________________________
Here is the code from my template:
?<?php echo $this->doctype; ?>
<html xmlns="http://www.w3.org/1999/xhtml" lang="<?php echo $this->language; ?>">
<head>
<base href="<?php echo $this->base; ?>"></base>
<title><?php echo $this->pageTitle; ?> - <?php echo $this->mainTitle; ?></title>
<meta http-equiv="Content-Type" content="text/html; charset=<?php echo $this->charset; ?>" />
<meta name="description" content="<?php echo $this->description; ?>" />
<meta name="keywords" content="<?php echo $this->keywords; ?>" />
<meta name="Author" content="Web Designer: Liz Sabol, http://www.Synetex.com" />
<?php echo $this->robots; ?>
<link rel="stylesheet" href="plugins/slimbox/css/slimbox.css" type="text/css" media="screen" />
<link rel="stylesheet" href="/tl_files/***_062009/***2009.css" type="text/css" media="screen" />
<?php echo $this->stylesheets; ?>
<script type="text/javascript" src="plugins/mootools/mootools.js"></script>
<script type="text/javascript" src="plugins/slimbox/js/slimbox.js"></script>
<?php echo $this->head; ?>
</head>
<body id="top"<?php if ($this->class): ?> class="<?php echo $this->class; ?>"<?php endif; if ($this->onload): ?> onload="<?php echo $this->onload; ?>"<?php endif; ?>>
<div id="container">
<div id="header">
<?php echo $this->header; ?>
</div>
<div id="mainpage">
<div id="page">
<?php echo $this->main; ?>
<?php echo $this->left; ?>
<div id="full"></div>
</div>
<?php echo $this->footer; ?>
</div>
<div id="footer">
***** *****
<span>Copyright © 2009 ******. All rights reserved.</span></p>
</div>
</div>
</body>
</html>
__________________________________________________ ____________________
Here is my style sheet:
@charset "utf-8";
html, body {
height: 100%;
}
body {
margin: 30px 0px;
padding: 0px;
background: #152740 url('tl_files/****_062009/images/background.jpg') repeat-x left top;
background-position: center top;
font-family: "Verdana", "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 12px;
color: #565656;
}
h1, h2, h3 {
margin-top: 0px;
}
h1 {
}
h2 {
font-size: 24px;
font-weight: normal;
color: #0751a6;
}
h3 {
font-size: 11px;
color: #C52A40;
}
p, ol, ul {
margin-top: 0px;
margin-bottom: 16px;
text-align: left;
line-height: 150%;
}
a {
color: #FF7800;
text-decoration: none;
border-bottom-style: dotted;
border-bottom-width: 1px;
}
a:hover {
text-decoration: none;
}
a img {
border: none;
}
img.border {
padding: 4px;
border: 0px solid #C3C3C3;
}
img.alignleft {
float: left;
margin: 0px 25px 0px 0px;
}
img.alignright {
float: right;
margin: 0px 0px 0px 25px;
}
img.aligncenter {
margin: 0px auto;
}
hr {
display: none;
}
.list1 {
margin-left: 0px;
padding-left: 0px;
list-style: none;
line-height: 180%;
}
.list1 li {
padding-left: 14px;
background: url('tl_files/*****_062009/images/homepage11.gif') no-repeat left center;
}
/** CONTAINER */
#container {
width: 870px;
margin: 10px auto 0px auto
}
/** HEADER */
#header {
width: 870px;
/**height: 140px;**/
margin: 0px;
background: #ffc615 url('tl_files/*****_062009/images/homepage-copy.jpg') no-repeat left top;
}
/** LOGO */
#logo {
float: left;
width: 400px;
height: 111px;
background: url('tl_files/*****_062009/images/****_logo.jpg') no-repeat left top;
}
img.hide {
display: none;
}
#logo h1, #logo p {
display: none;
}
/** TOPMENU */
#topmenu {
float: right;
height: 41px;
width: 400px;
padding-right: 30px
}
#topmenu ul {
margin: 15px 0px 0px 0px;
width: 400px;
float: right;
display: inline;
}
#topmenu li {
color: #999999;
float: right;
padding: 0px 13px 0px 13px;
background-image: url('tl_files/*****_062009/images/topmenu-divide.gif');
background-repeat: no-repeat;
background-position: right center;
list-style-type: none;
display: inline;
}
#topmenu a, #topmenu a:hover, #topmenu p {
text-decoration: none;
color: #000000;
border: 0px;
display: inline;
}
/** NAV */
#nav {
width: 870px;
height: 29px;
margin: 0px auto;
padding: 0px 0px;
background: #000000;
float: right;
}
#nav ul {
margin: 0px;
padding: 6px 30px 0px 30px;
list-style: none;
line-height: normal;
font-weight: bold;
}
#nav li {
border-width: 0px;
color: #62b4ff;
float: right;
padding: 0px 13px 0px 13px;
list-style-type: none;
background-image: url('tl_files/****_062009/images/menu-divide.gif');
background-repeat: no-repeat;
background-position: right bottom;
}
#nav a {
text-decoration: none;
color: #FFFFFF;
border: 0px;
}
#nav p {
text-decoration: none;
color: #FFFFFF;
border: 0px;
display: inline;
background-image: url('tl_files/****_062009/images/menu-divide.gif');
}
#nav a:hover {
text-decoration: none;
color: #ffc615;
}
#nav .active {
color: #62b4ff;
}
#nav .active a {
color: #62b4ff;
}
/** FEATURE */
#feature {
width: 870px;
margin: 0px auto;
background: url('tl_files/*****_062009/images/main-blank.jpg') repeat-x left top;
border: 0px;
clear: both;
}
#feature a {
border: 0px;
}
/**MAIN**/
#mainpage {
background: #FFFFFF;
border: 0px;
}
/** PAGE */
#page {
width: 802px;
margin: 0px auto;
padding: 25px 36px 0px 32px;
}
/** CONTENT */
#content {
float: right;
width: 570px;
}
#full {
clear: both;
}
.two-columns {
}
.two-columns .column1 {
float: left;
width: 270px;
}
.two-columns .column2 {
float: right;
width: 270px;
}
/** LEFT SIDEBAR */
#postit {
float: left;
color: #565656;
background: url('tl_files/*****_062009/images/postit_bottom.jpg') bottom left no-repeat;
font-weight: normal;
margin: 0px 0px 0px 0px;
padding-bottom:50px;
width: 213px;
display:block
}
#postit h3 {
background: url('tl_files/*****_062009/images/postit_top.jpg') left top no-repeat;
padding: 20px 0px 5px 25px;
text-transform: uppercase;
margin: 0px 0px 0px 0px;
font-weight: bold;
}
#postit ul {
background: url('tl_files/*****_062009/images/postit_bg.jpg') left top repeat-y;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
display: block;
}
#postit li {
line-height: 120%;
padding: 8px 0px 0px 20px;
margin: 0px 0px 0px 25px;
background: url('tl_files/*****_062009/images/checkmark.gif') left top no-repeat;
list-style-type: none;
}
#postit a, #postit a:link, #postit a:visited, p {
color: #565656;
text-decoration: none;
border-bottom: none;
}
#postit a:hover, #postit a:active, #postit a:focus {
color: #C52A40;
text-decoration: none;
font-weight: bold;
border-bottom: none;
}
#sidecontent {
width: 200px;
float: left;
padding-left: 5px;
padding-top: 10px;
background: white;
text-align: left;
vertical-align: top;
line-height: 12px;
color: #565656;
margin-right: 0px;
}
#sidecontent h3 {
text-transform: uppercase;
font-weight: bold;
margin-bottom: 5px;
width: 200px;
}
#sidecontent p {
font-weight: normal;
font-size: 11px;
width: 200px;
display:block
}
/** FOOTERMENU */
#footermenu {
height: 30px;
width: 870px;
background: #FFFFFF;
text-align: center;
}
#footermenu ul {
margin: 0px;
color: #ACACAC;
text-align: center;
}
#footermenu li {
color: #999999;
text-align: center;
padding: 0px 13px 0px 13px;
background-image: url('tl_files/*****_062009/images/footermenu-divide.gif');
background-repeat: no-repeat;
background-position: right center;
list-style-type: none;
display: inline;
text-transform: uppercase;
font-size: 8px;
font-weight: bold;
}
#footermenu a, #footermenu p {
text-decoration: none;
color: #565656;
border: 0px;
display: inline;
}
#footermenu a:hover {
text-decoration: none;
color: #C52A40;
border: 0px;
display: inline;
}
/** FOOTER */
#footer {
width: 870px;
height: 112px;
margin: 0px auto;
background: url('tl_files/*****_062009/images/footer.gif') no-repeat left top;
}
#footer p {
margin: 0px;
padding: 13px 0px 0px 0px;
text-align: center;
color: #1c3256;
font-size: 75%;
font-weight: bold;
line-height: 150%;
}
#footer p span {
font-weight: normal;
}
/* Typolight Additional Classes */
.clear {
height: 0.1px;
overflow: hidden;
font-size: 0.1px;
line-height: 0.1px;
clear: both;
}
.invisible {
width: 0px;
height: 0px;
left: -1000px;
top: -1000px;
position: absolute;
overflow: hidden;
display: inline;
}
Re: Unable to save article text element, typolight 2.7.1
It appears that the .js files get gzipped incorrectly.
Check in the backend System > Settings > Front end configuration and see if GZip compression is currently enabled.
If not, it might be a configuration error for .js files in apache
Re: Unable to save article text element, typolight 2.7.1
I enabled the GZip compresssion, but I am still having the same problems. I do notice however, that the only times where the article would actually save the text, is the very first instance of adding text to the element in the browser session. From there on, it will not save the text (or image).
I turned on the "Display error messages" setting. With this enabled, I get the following error if I set one of the menu types to "Custom"...
Fatal error: Class 'ModuleCustomnav' not found in D:\Inetpub\ferryelectric\system\libraries\Controll er.php on line 230
Re: Unable to save article text element, typolight 2.7.1
From the behaviour it would seem your database user account only have permission for INSERT, but not for UPDATE.
But then the error message seems not to match for that case. :?
Re: Unable to save article text element, typolight 2.7.1
Hi. I have resolved the image display problem. This particular issue turned out to be my error.
However, I still cannot save article text. I am completely unable to replicate why it has only worked 4 times to-date. 2 of which were a edits of the 2 previous successful saves. It appears I was incorrect about a new browser session fixing the problem temporarily. This is not the case.
I have found another recent post about this same problem...though their solution does not work for me, in any browser.
http://www.typolight.org/forum/message/80223.html
Could there be a problem with a connection persistence or locking with the database?
I also have problems with the interface on the back end. For example, when I try to reorder, or add new modules to a page layout, I have to save between each and every change. I cannot make several addtions/changes, and then save, as the tutorial demonstrates. Also, the hover text does not display for me in any browser.
Re: Unable to save article text element, typolight 2.7.1
Hello, Just wanted to report that the problem is fixed, and what the fix was, for any others who might encounter this problem as well.
Cause: ".htaccess" file in root of site is listed as "Missing" in TYPOlight system check tool (ver 2.7.0). Actual file in system is named "._htaccess". Thus, I had renamed the file to match the system check tool.
Solution: Ignore the system check tool error on missing ".htaccess" file, and leave file as named in TYPOlight zip package.
