[TYPO3-german] Problem mit Overlay Box und Cookie setzen

Christian Hager christian.hager at connexgroup.net
Fri Jan 31 12:10:51 CET 2014


Hallo Leute,
ich hätte wieder einmal eure Hilfe gebraucht und bin gerade voll am 
verzweifeln.

Ich möchte das beim Seitenaufruf eine Overlay Box erscheint, welche beim 
verlassen Cookies speichert und beim mächsten Seitenauf aufruf dann 
nicht mehr angezeigt wird.
Im moment habe ich es einmal auf 1 Tag gesetzt.

Hierfür habe ich mir ein Template erstellt, wo das auch sehr gut 
funktioniert:
http://connexgroup.net/cx/fileadmin/rwd/core/pages/overlay-cookies.html


Anschließend habe ich dies ins Typo3 eingebunden, wo ich folgendes 
gemacht habe (eigentlich wie im Template)

-->
### BODY BILD WECHSELN ###
##########################
page.CSS_inlineStyle(
/* Slide in-Box */
.box{
background-color:#ffffff;
color:#000;
height:150px;
left:100%;
padding:20px;
position:fixed;
right:28%;
top:25%;
width:400px;
z-index:801;
border:5pxsolid#ccc;
border-radius:10px;
-moz-border-radius:10px;
font-size:14px;
}

.hidePage{
display:none;
background:#000000;
bottom:0;
left:0;
position:fixed;
right:0;
top:0;
z-index:800;
opacity:0.5;
filter:alpha(opacity=50);
}

a.boxClose{
background:url(http://www.jg-dev.de/wp-content/uploads/2012/10/close.png) repeat 
scroll left top transparent;
cursor:pointer;
float:right;
height:26px;
left:32px;
position:relative;
top:-33px;
width:26px;
}

)


### overlay startsite ###
#########################
page.104=TEXT
page.104.value(

<scripttype="text/javascript"language="javascript"src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<scriptlanguage="javascript"type="text/javascript"src="http://www.jg-dev.de/wp-content/uploads/2012/10/jquery.cookie.min_.js"></script>


<scripttype="text/javascript"language="javascript">
// Init Slide in-Box
functionopenSlideInDialog(){
// Set new cookie
varnow=newDate();
varexpire=newDate();
expire.setFullYear(now.getFullYear());
expire.setMonth(now.getMonth());
expire.setDate(now.getDate()+1);// 1 day
expire.setHours(0);
expire.setMinutes(0);
//alert(expire.toString());

if($.cookie('myname')!='1'){
$('#overlay').fadeIn('fast',function(){
$('#slideInBox').css('display','block');
$('#slideInBox').animate({'left':'35%'},500);
});
$.cookie('myname','1',{expires:expire.toString()});
}
}

// Close Slide in-Box
functioncloseSlideInDialog(objectID){
$(function($){
$(document).ready(function(){
$('#'+objectID).css('position','absolute');
$('#'+objectID).animate({'left':'-100%'},500,function(){
$('#'+objectID).css('position','fixed');
$('#'+objectID).css('left','100%');
$('#overlay').fadeOut('fast');
});
});
});
}
</script>

)


lib.overlay=COA
lib.overlay{
10=COA
10{
10=TEXT
10.value=<divid="overlay"class="hidePage"></div><divid="slideInBox"class="box"><aonclick="closeSlideInDialog('slideInBox');"class="boxClose"></a><divid="content"><p>Yourtextcomeshere...</p></div>
}
}

-->


Leider funktioniert es aber nun nicht mehr, das Overlay wird mir gar 
nicht angezeigt
http://www.connexgroup.net/cx/at-de/overlay-test

Hat jemand eine Idee warum bzw. einen Vorschlag wie ich dies hinbekomme?

-- 
Mit lieben Grüßen und besten Dank,

Christian HAGER
Online-Services



More information about the TYPO3-german mailing list