Foros del Web - Ver Mensaje Individual

fodsite · #2 (**permalink**) 30/04/2011, 21:03

Qué tal Kronox, la solución que te muestro aquí no es con un iframe, sólo es con un div en donde se cargará el archivo evento.php a través de una llamada ajax con .get().

Archivo principal:

Código HTML:

Ver original<!DOCTYPE html>
<html lang="en">
<head>
    <title>Ejemplo Datepicker</title>
    <link rel="stylesheet" type="text/css" media="screen" href="jquery-ui/css/ui-lightness/jquery-ui-1.8.12.custom.css" />
    <script type="text/javascript" src="jquery-ui/js/jquery-1.5.1.min.js"></script>
    <script type="text/javascript" src="jquery-ui/js/jquery-ui-1.8.12.custom.min.js"></script>
    <script type="text/javascript" src="jquery-ui/development-bundle/ui/i18n/jquery.ui.datepicker-es.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
            $("#loading").ajaxStart(function(){ $(this).show(); });
            $("#loading").ajaxStop(function(){ $(this).hide(); });
            
            $("#datepicker").datepicker({
                gotoCurrent: false,
                onSelect: function(date, inst) {
                    $.get('evento.php?date='+date, function(data) {
                        $('#resultadoEvento').html(data);
                    });
                },
                defaultDate: "<?php if(isset($_GET['date'])) { echo $_GET['date']; } else { echo 'null'; } ?>",
                showOn: "button",
                buttonImage: "calendar.gif",
                buttonImageOnly: true
                });
            });
    </script>
</head>
<body>
 
<input id="datepicker" type="text" />
 
<hr />
 
Resultado evento:
<div id="loading" style="display:none;"><img src="loading.gif" /></div>
<div id="resultadoEvento"></div>
 
<hr />
 
</body>
</html>

Archivo: evento.php

Código PHP:

Ver original<?php
 
echo "<h1>Fecha: ".$_GET['date']."</h1>";
 
?>

Saludos.