Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Celty

Popup em tabelas.

Por , em Javascript

Recommended Posts

Celty    0

Celty
Postado

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" />
<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'];
} else {
$dia = (int)date("d");
 }
if(isset($_GET['mes'])) {
$mes = (int)$_GET['mes'];
} else {
$mes = (int)date("m");
 }
if(isset($_GET['ano'])) {
$ano = (int)$_GET['ano'];
} else {
$ano = (int)date("Y");
}
} else {
$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);
switch($primeiroDia){
case "Sun":
$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;
} else {
$mesanterior = $mes - 1;
 }
if($mes == 12) {
$mesproximo = 1;
$anoapresentadoproximo = $ano + 1;
} else {
$mesproximo = $mes + 1;
 }
$t_mes = date("t", mktime(0, 0, 0, $mes, 1, $ano)); //no. total de dias no mes
?>
<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)"?>">
Próximo mês »
</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;
if(empty($dias[$pos2])) {
echo "<td><font color=#AAAAAA face=verdana,arial,serif size=2> - </font>";
} else {
if ($dias[$pos2] == $dia) {
echo "<td bgColor='black'><b><font color='blue'>".$dias[$pos2].
"</font></b><br><br>";
} else {
echo "<td>".$dias[$pos2]."<br><br>";
}
if($diasSemana['1'] && !$diasSemana['7']){
echo "";
} else {
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">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

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito