Histórico da Página

<style>
    .box-limiter{
        width: 330px;
		vertical-align: top;
    }
    .dc_box {
        vertical-align: top;
        border: 1px solid #AAAAAA;
        border-left: 5px solid #9d0b0e;
        width: 100%;
        margin: 5px;
        color: #888888;
    }

    .dc_box .dc_body {
        min-height: 30px;
        max-height: 340px;
        padding: 5px;
    }

    .dc_box .dc_title {
        border-bottom: 1px solid #AAAAAA;;
        padding: 5px;
        font-weight: bold;
    }

    .dc_box .dc_title img {
			vertical-align: middle !important;
			margin-right: 5px;
			width: 14px;
			height: 14px;
    }

    .dc_box .dc_body table {
        width: 100%;
    }

	.temp_ctn {
   	 	display: none;
    		font-size: 12px !important;
    		color: #666666 !important;
    		font-style: italic;
	}
	.letra_menor {
		font-size: 9px;
		margin-top: 9px;
	}

	hr {
    		margin: 3px 0 3px 0;
    		padding: 0;
	}
</style>
<script src="http://directcall.com.br/chamargravar/DirectCall.ChamarEGravar-min.js"></script>
<script>
    var cipher = '123456789ABCFDEF';
    var origem = '554140621860';
    $(document).ready(function () {
        $('#telefone').DirectcallChamarEGravar({
    cipher: cipher,
    origem: origem,
    abrir: 'direita',
    conteudo: '<strong><span style="font-size: 20px">Nos>Nós ligamos para voc&ecirc;você!</span><br><br>Como funciona este recurso:</strong>' +
    '<p>Chama o seu tel. e em seguida o tel. do seu cliente, fornecedor, etc.<br>' +
    'O seu tel. deve estar livre e ser capaz de receber uma chamada direta.</p><br>',
    containerCss: {
        minWidth: '460px',
			marginTop: '-9px'
    },
    boxAlertCss: {
        top: '0px',
        bottom: 'auto'
    },
    autoSaveEdit: true,
    mostrarTelefone: true,
    fechaPopupChamada: false,
    beforeCall: function (self, container, hImage) {
        //customizacao
        if (container.find('.temp_ctn').length < 1) {
            var html = '<div class="temp_ctn"><hr><p>Esta implementação não realiza chamadas, apenas monstra o funcionamento.</p>' +
                    '<p>Adicional as opções "Chamar" e "Chamar e gravar" este plugin fornece links como "Extrato de ligações" e "Ouvir ligação gravada" que pode melhorar o histórico dos seus contatos, facilitar o acompanhamento de atividades para gestores, etc.</p>' +
                    '<p>O "seu tel." e o "tel. do seu cliente, fornecedor, etc." pode ser qualquer número de tel. ligado a uma linha fixa, móvel ou IP.<br><br>' +
                    'Note que a solução não exige VoIP para funcionar.</p>' +
                    'Para completar chamadas implante os exemplos de código indicados abaixo.</div>';

            html = $(html).appendTo(container);

        } else {
            html = container.find('.temp_ctn');
        }
        html.fadeIn(400);
    },
    beforeHide: function (self, container, hImage) {
        container.find('.temp_ctn').slideUp(100);
    }
});

$('.telefones').DirectcallChamarEGravar({
    cipher: cipher,
    abrir: 'direita',
    conteudo: '<strong><span style="font-size: 20px">Nos>Nós ligamos para voc&ecirc;você!</span><br><br>Como funciona este recurso:</strong>' +
    '<p>Chama o seu tel. e em seguida o tel. do seu cliente, fornecedor, etc.<br>' +
    'O seu tel. deve estar livre e ser capaz de receber uma chamada direta.</p><br>',
    containerCss: {
        minWidth: '460px',
			marginTop: '-9px'
    },
    boxAlertCss: {
        top: '0px',
        bottom: 'auto'
    },
    autoSaveEdit: true,
    mostrarTelefone: true,
    fechaPopupChamada: false,
    beforeCall: function (self, container, hImage) {
        //customizacao
        if (container.find('.temp_ctn').length < 1) {
            var html = '<div class="temp_ctn"><hr><p>Esta implementação não realiza chamadas, apenas monstra o funcionamento.</p>' +
                    '<p>Adicional as opções "Chamar" e "Chamar e gravar" este plugin fornece links como "Extrato de ligações" e "Ouvir ligação gravada" que pode melhorar o histórico dos seus contatos, facilitar o acompanhamento de atividades para gestores, etc.</p>' +
                    '<p>O "seu tel." e o "tel. do seu cliente, fornecedor, etc." podem ser qualquer número de telefone ligado à uma linha fixa, móvel ou IP.<br><br>' +
                    'Note que a solução não exige VoIP para funcionar.</p>' +
                    'Para completar chamadas adicione os exemplos de código indicados abaixo.</div>';
            html = $(html).appendTo(container);

        } else {
            html = container.find('.temp_ctn');
        }
        html.fadeIn(400);
    },
    beforeHide: function (self, container, hImage) {
        container.find('.temp_ctn').slideUp(100);
    }
});

    });
</script>