English name of the Effect / looking for module

[juraat]

What is the English name of the effect, when window drives in into the screen from the left border after it is pointed by mouse? (like Facebook in http://www.terapietarani.cz/test/index.php).

I need a module, which diaplyes CMS content or user-defined content (NOT facebook) this way.

Thanks fot answer

Juraat

[vekia]

this effect name is "slide" or something like "tab slide"

i don't know any module for slide effect and CMS page... unfortunately.

[juraat]

Is there a module, that shows slide tab from the left of the screen border and displays an image?

[vekia]

i don't know any module for this, but you can create it by yourself, without special module.

 

you will have to use html block free module

 

then use this code:

<div class="feedback-panel">
YOUR IMAGE HERE  
</div>
<style>
.feedback-panel {
    padding:20px;
    width: 250px;
    background: #bab6d8;
    border: #29216d 1px solid;
    position:absolute;
    top:200px;
    left:-291px;
}
 
.feedback-panel a.feedback-tab {
    background:transparent url(http://wpaoli.building58.com/wp-content/uploads/2009/08/feedbacktab.gif) no-repeat scroll 0 0;
    border-width: 1px 1px 1px 0;
    display:block;
    height:99px;
    left:51px;
    bottom:21px;
    position:relative;
    float:right;
    text-indent:-9999px;
    width:30px;
    outline:none;
}

</style>
<script>
 var feedbackTab = {
 
        speed:300,
        containerWidth:$('.feedback-panel').outerWidth(),
        containerHeight:$('.feedback-panel').outerHeight(),
        tabWidth:$('.feedback-tab').outerWidth(),
 
        init:function(){
            $('.feedback-panel').css('height',feedbackTab.containerHeight + 'px');
 
            $('a.feedback-tab').click(function(event){
 
                if ($('.feedback-panel').hasClass('open')) {
                    $('.feedback-panel').animate({left:'-' + feedbackTab.containerWidth}, feedbackTab.speed)
                    .removeClass('open');
                } else {
                    $('.feedback-panel').animate({left:'0'},  feedbackTab.speed)
                    .addClass('open');
                }
                event.preventDefault();
            });
        }
    };
 
    feedbackTab.init();
 
    $(".button").click(function() {  
        var email = $("input#email").val();
        var message = $("textarea#message").val();
        var response_message = "Thank you for your comment, see ya!"
 
        var dataString = 'email=' + email + '&message=' + message;
 
        $.ajax({
          type: "POST",
          url: "sendmail.php",
          data: dataString,
          success: function() {
            $('#form-wrap').html("<div id='response-message'></div>");
            $('#response-message').html("<p>" + response_message +"</p>")
            .hide()
            .fadeIn(500)
            .animate({opacity: 1.0}, 1000)
            .fadeIn(0, function(){
                $('.feedback-panel')
                .animate({left:'-' + (feedbackTab.containerWidth + feedbackTab.tabWidth)}, 
                (feedbackTab.speed))
                .removeClass('open');
            })
          }
        });
        return false;
    });
</script>