$(document).ready(
function(){
$('#bar').css({ background:'url("../imagens/bgcolunistas.jpg" )', color:'#8D9097'});
$('#bar>a').css({ color:'#8D9097'});
/**
*@description: oculta as div modal e de cadastro ao carregar a página
*@param: void
*@return void
*/
$('#cadastro').hide();
$('#modalColunistas').hide();
$('#resultCadastro').hide();
/**
*@description:oculta a div com detalhes dos colunistas
*@param:void;
*@return: void;
*/
$('.detalharColunista').hide().removeClass().addClass('detalharColunista');
/**
*@description:inicia a zebra da tabela
*@return: void;
*@param: null
*/
$('.stripMe tr').mouseover(function(){
$(this).addClass('over')
}) ;
$('.stripMe tr').mouseout(function(){
$(this).removeClass('over')
});
$('.stripMe tr:even').addClass('alt');
/**
*@description: captura hidden em cada linha da tabela, para mostrar os detalhes do colunista. Há uma div com id que recebe o
*id da tabela, o valor passado é de hidden em cada linha
*@return int input hidden
*@param: void
*/
$('.stripMe tr>*').click(function( event ){
var objDetalhe = $('#'+$("input:hidden", $(this)).val()+'');
objDetalhe.show('slow');
event.stopPropagation();
});
/**
*@description: fechar a div com os detalhes do colunistas pegando o parent do link.
*@return: void
*@param:void
*/
$('.fecharDetalhe').click(function( event ){
$(this).parent().hide('slow')
event.preventDefault();
event.stopPropagation();
});
/**
*@description: link que exibe o modal e a div com o form para cadastro, o evento defult foi prevenido
*@return: false
*@param: event
*/
$('#addColunistas').click(function( event ){
if( $.browser.msie ){
$('#cadastro').show().addClass('cadastroie');
$('#nome').focus();
}else{
$('#modalColunistas').show().addClass('modalColunistas');
$('#cadastro').show().addClass('cadastro');
$('#nome').focus();
}
});
/**
*@description: Botão que chama a AJAX para gravação do colunista
*@param: string nome, string email, string site, string editor
*@return string responseText
*/
$('#btnGravar').click(function( event ){
var nome = $('#nome').val();
var email = $('#email').val();
var site = $('#site').val();
var editor = $('#editor').val();
$("#modalColunistas").ajaxStart(function(){
$('#cadastro').html('
');
});
$.ajax({
type: "POST",
url: "../colunistas/gravarColunista.php",
data: "nome=" + nome + "&email=" + email + "&site=" + site + "&editor=" + editor,
success: function(msg){
// $('#cadastro').html( msg );
if( msg == 1 ){
$('#modalColunistas').hide();
$('#cadastro').hide();
$('#resultCadastro').show().html('
Gravado com Sucesso
');
}else{
$('#resultCadastro').show().html('
Erro ao gravar
');
}
}
});
});
/**
*@description:botão que oculta a div modal e a div de cadastro
*@param: void
*@return
*/
$('#btnCancelar').click(function(){
$('#modalColunistas').hide();
$('#cadastro').hide();
});
/**
*@description:
*link que apaga os counista selecionados nas checkbox via ajax. recebe dois Arrays: arrCheck com os
*valores selecinados e arrOut com valores que sao desmarcados. Ver função que trata checkbox na linha 142
*função diff que retorna a diferença entre os dois arrays, verifica se o array incial é maior que zero, caso true ele é passado
*para o ajax, caso false o array com a diferença é passado
*@example:
* A = 1,2,4,5,7
* B = 1,2,3,9
* diff(A, B) = 9,3
* diff(B, A) = 7,5,4
*--------------------------------------------------
* var a = [1,2,4,5,7], b = [1,2,3,9];
* document.write(
* "A = ", a, "
B = ", b, "
",
* "diff(A, B) = ", diff(a, b), "
",
* "diff(B, A) = ", diff(b, a));
*---------------------------------------------------------------------
* função retirada do site jsfromhell
*@param: event event, array arrCheck, array arrOut
*@return: array c
*/
$('#apagaSel').click(function( event ){
var a = arrCheck, b = arrOut;
var c = diff( b, a );
event.preventDefault();
var id;
if( c.length > 0){ id = c}else{ id = a };
if( id == '')
{
if( $.browser.msie ){
$('#resultCadastro').html('').addClass('resultCadastroIE').fadeIn('slow').html(' Selecione Um Colunista
Fechar');
$('#merda').click(function(){
$('#resultCadastro').fadeOut(500);
});
}else
{
$('#resultCadastro').html('').addClass('resultCadastro').fadeIn('slow').html(' Selecione Um Colunista
Fechar');
$('#merda').click(function(){
$('#resultCadastro').fadeOut(500);
});
}
}else{
$.ajax({
type: "POST",
url: "../colunistas/apagar.php",
data: "id=" + id ,
success: function(msg){
if( msg == 1 )
{
if( $.browser.msie )
{
$('#resultCadastro').show().addClass('resultCadastroIE').html(' Apagado com Sucesso
');
}else{
$('#resultCadastro').show().addClass('resultCadastro').html(' Apagado com Sucesso
');
}
}else{
if( $.browser.msie )
{
$('#resultCadastro').show().addClass('resultCadastroIE').html(' Erro ao Apagar
');
}else{
$('#resultCadastro').show().addClass('resultCadastro').html(' Erro ao Apagar
');
}
}
}
});
}
});
/**
*@description:cria dois arrays, arrCheck armazena os valores que são clicados e o arrOut os valores quendo o
*checkbox é desmarcado. os arrays são passados para função que faz o tratamento de passagem para o ajax na linha 123
*os arrays são montados pegando valor do checkbox. ao seleciona o check box, é adicionado o css apagar na linha da tabela e um
*efeito de fade na linha. Ao desmrcar o efeito é eliminado voltando a linha ao seu estado incial
*@param: event event
*@return array arrCheck, array arrOut.
*/
var arrCheck = new Array();
var arrOut = new Array();
$(":checkbox").click(function( event ){
if( this.checked == true ){
$(this).parent().parent().removeClass().addClass('apagar').fadeTo("slow", 0.22);
arrCheck.push($(this).val());
}else{
$(this).parent().parent().removeClass('apagar').fadeTo("slow", 0.99);
arrOut.push($(this).val());
}
});
/**
*@desc link no imagem do colunista que abre para upload da imagem
*/
$('.imgColunista').click(function( event ){
event.preventDefault();
event.stopPropagation();
window.open('../class/upload.php?tag=colunista&id='+$(this)[0].href,'upload','height=200,width=400,top=300,left=300')
});
});