[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