Calendário em JavaScript + php + mysql já está funcionando mais queria criar um modal para abrir quando for da um click na agenda já cadastrada.
informando titulo, descrição, Data, Hora.
meu código..
<?
$SQLs = mysql_query("SELECT * FROM calendario");
$array = array();
$i = 0;
while ($row = mysql_fetch_array($SQLs)) {
$array[$i]=array("id"=>$row["id_evento"],"title"=>"(".$row['titulo'].") ".$row['descricao'],"start"=>$row["data"],"allDay"=>true,"description"=>$row["descricao"], "url"=>"calendario.php?ID=.$row["id_evento],"editable"=>true,"textColor"=>"black","color"=>"Orange");
$i++;
}
?>
<script>
$(document).ready(function() {
var currentLangCode = 'pt-br';
var date = new Date();
var d = date.getDate();
var m = date.getMonth();
var y = date.getFullYear();
var calendar = $('#calendar').fullCalendar({
header: {
left: 'title',
right: 'prev,next'
},
lang: currentLangCode,
selectable: false,
selectHelper: false,
select: function(start, end, allDay) {
var title = prompt('Event Title:');
if (title) {
calendar.fullCalendar('renderEvent',
{
title: title,
description: description,
},
false // habilitar e desablitar inserir
);
}
calendar.fullCalendar('unselect');
},
Pergunta
giba22
Olá pessoal ,
Se for possível dá uma ajuda aí ..
Calendário em JavaScript + php + mysql já está funcionando mais queria criar um modal para abrir quando for da um click na agenda já cadastrada.
informando titulo, descrição, Data, Hora.
meu código..
<?
$SQLs = mysql_query("SELECT * FROM calendario");
$array = array();
$i = 0;
while ($row = mysql_fetch_array($SQLs)) {
$array[$i]=array("id"=>$row["id_evento"],"title"=>"(".$row['titulo'].") ".$row['descricao'],"start"=>$row["data"],"allDay"=>true,"description"=>$row["descricao"], "url"=>"calendario.php?ID=.$row["id_evento],"editable"=>true,"textColor"=>"black","color"=>"Orange");
$i++;
}
?>
<script>
$(document).ready(function() {
var currentLangCode = 'pt-br';
var date = new Date();
var d = date.getDate();
var m = date.getMonth();
var y = date.getFullYear();
var calendar = $('#calendar').fullCalendar({
header: {
left: 'title',
right: 'prev,next'
},
lang: currentLangCode,
selectable: false,
selectHelper: false,
select: function(start, end, allDay) {
var title = prompt('Event Title:');
if (title) {
calendar.fullCalendar('renderEvent',
{
title: title,
description: description,
},
false // habilitar e desablitar inserir
);
}
calendar.fullCalendar('unselect');
},
editable: false,
eventLimit: false,
events: <? echo json_encode($array); ?>
});
});
</script>
Link para o comentário
Compartilhar em outros sites
0 respostass a esta questão
Posts Recomendados
Participe da discussão
Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.