Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Gente, preciso muito da ajuda de vocês!
Tenho um projeto de um calendário, e estou precisando que, ao clicar num determinado dia, abre um popup.
Achei exatamente o que eu quero com esse plugin:
http://tympanus.net/codrops/2013/04/23/fullscreen-layout-with-page-transitions/
Mas não estou conseguindo integrá-lo ao meu código...
As divs com tds...
Por favor, me ajudem, preciso muito :/
<!DOCTYPE>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<link href="css/estilo.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="[http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css](http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css)" />
<link rel="stylesheet" href="css/component.css" type="text/css" />
<script type="js/jquery-1.9.1.js"></script>
<script type="text/javascript" src="js/agenda.js"></script>
<script src="js/modernizr.custom.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('.paulund_modal').paulund_modal_box();
});
</script>
</head>
<body>
<?php
header("Content-Type: text/html; charset=utf-8",true);
date_default_timezone_set('America/Sao_Paulo');$mesesNome = array(
1 => 'Janeiro',
2 => 'Fevereiro',
3 => 'Março',
4 => 'Abril',
5 => 'Maio',
6 => 'Junho',
7 => 'Julho',
8 => 'Agosto',
9 => 'Setembro',
10 => 'Outubro',
11 => 'Novembro',
12 => 'Dezembro',
);
$diasSemana = array(
1 => 'Domingo',
2 => 'Segunda',
3 => 'Terça',
4 => 'Quarta',
5 => 'Quinta',
6 => 'Sexta',
7 => 'Sábado',
);
if(isset($_GET['dia']) or isset($_GET['mes']) or isset($_GET['ano'])) {
if(isset($_GET['dia'])) {
$dia = (int)$_GET['dia'];$dia = (int)date("d");
}
if(isset($_GET['mes'])) {
$mes = (int)$_GET['mes'];$mes = (int)date("m");
}
if(isset($_GET['ano'])) {
$ano = (int)$_GET['ano'];$ano = (int)date("Y");
}$ano = date("Y");
$dia = (int)date("d");
$mes = (int)date("m");
}
$cont = 0;
$dias = array();
$totalDias = date("t", mktime(0,0,0,$mes,'01',$ano));
$primeiroDia = date("D", mktime(0, 0, 0, $mes, 1, $ano));
for($d = 0; $d < $totalDias; $d++)$dias[$d] = array_push($dias, $d+1);$pos = 0;
break;case "Mon":
$pos = 1;
break;case "Tue":
$pos = 2;
break;case "Wed":
$pos = 3;
break;case "Thu":
$pos = 4;
break;case "Fri":
$pos = 5;
break;case "Sat":
$pos = 6;
break;
}
$mesanterior = 1;
$anoapresentado = $ano;
$mesproximo = 1;
$anoapresentadoproximo = $ano;
if ($mes == 1) {
$mesanterior = 12;
$anoapresentado = $ano - 1;$mesanterior = $mes - 1;
}
if($mes == 12) {
$mesproximo = 1;
$anoapresentadoproximo = $ano + 1;$mesproximo = $mes + 1;
}?>
<table class="tabelamesagenda" style="width:100%;">
<thead>
<tr>
<td class="btn-controlemes" onclick="<?php echo "agendamudames($mesanterior,$anoapresentado)"?>">
« Mês Anterior
</td>
<td colspan="5">
<?php echo "<strong>$mesesNome[$mes] de $ano <strong>"?>
</td>
<td class="btn-controlemes" onclick="<?php echo "agendamudames($mesproximo,$anoapresentadoproximo)"?>"></td>
</tr>
<tr>
<th width="10%" bgcolor="#AAAAAA">Domingo</th>
<th bgcolor="#green">Segunda</th><th bgcolor="#green">Terça</th>
<th bgcolor="#green">Quarta</th><th bgcolor="#green">Quinta</th>
<th bgcolor="#green">Sexta</th><th width="10%" bgcolor="#AAAAAA">Sábado</th>
</tr>
</thead>
<tbody>
<?php
$linhas = 6;
$colunas = 7;
for($tr = 1; $tr <= $linhas; $tr++) {
echo "<tr>";
for($td = 1; $td <= $colunas; $td++) {
$pos2 = $cont - $pos;echo "<td><font color=#AAAAAA face=verdana,arial,serif size=2> - </font>";if ($dias[$pos2] == $dia) {
echo "<td bgColor='black'><b><font color='blue'>".$dias[$pos2].
"</font></b><br><br>";echo "<td>".$dias[$pos2]."<br><br>";
}
if($diasSemana['1'] && !$diasSemana['7']){
echo "";echo "<a href=\"#\" class=\"paulund_modal\">Horários</a>";
echo "</td>";
}
}
$cont++;
}
echo '</tr>';
}
?>
</tbody>
</table>
<div class="container">
<div id="bl-main" class="bl-main">
<section id="bl-work-section">
<div class="bl-box">
<h2 class="bl-icon bl-icon-works">Works</h2>
</div>
<div class="bl-content">
<h2>My Works</h2>
<p>Mung bean maize dandelion sea lettuce catsear bunya nuts ricebean tatsoi caulie horseradish pea.</p>
<ul id="bl-work-items">
<li data-panel="panel-1"><a href="#"><img src="images/1.jpg" /></a></li>
</ul>
<p>Illustrations by <a href="[http://dribbble.com/isaac317/click](http://dribbble.com/isaac317/click)">Isaac Montemayor</a></p>
</div>
<span class="bl-icon bl-icon-close"></span>
</section>
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="js/boxlayout.js"></script>
<script>
$(function() {
Boxlayout.init();
});
</script>
</body>
</html>[]'s
Carregando comentários...