Mensajes

Has incluido JQuery?

Salu2

Como se incluye el jQuery?

Hola foreros, estoy haciendo una barra de navegación ayudándome de un vídeo, y tengo que poner un códiigo javascript
Código javascript :

Código [Seleccionar] Expandir


$(document).ready(function(){
    var altura = $('.menu').offset().top();

    $(window).on('scroll',function(){
        if ($(window).scrollTop() > altura) {
            $('.menu').addClass('menu-fixed');
        }else{
            $('.menu').removeClass('menu-fixed');
        }
    });
});


Al ejecutar la función me sale que el $ no está definido y me subraya la linea 1 es decir esto:
Código javascript :

Código [Seleccionar] Expandir


$(document).ready(function(){

¿Porque me dice eso?¿Y como lo podría solucionar?
Gracias

Hola estoy haciendo un reloj digital, lo tengo hecho todo pero quisiera cambiar el tipo de letra a DS-DIGIT.TTF (la fuente de letra que tiene los números de los relojes), pero no sé como ponerlo:

Código [Seleccionar] Expandir


<div class="display" id="pantalla"></div>


Código [Seleccionar] Expandir


<style>
    .display{
        position: fixed;
        right: 10px;
        bottom: 15px;
        width: 120px;
        height: 40px;
        background: rgba(139,139,139,0.9);
        border-radius: 10px;
        font-size: 20px;
        src: url("DS-DIGIT.TTF") format("truetype");
    }


No me funciona, me sale tipo segoe script, como lo tengo que hace para que me salga
de este tipo de letra?

Gracias

[input tipo url]

Hola, estoy continuando con mi proyecto y me he topado con un problemilla, todo va bien en mi formulario, en una parte de mi formulario tengo una caja de texto input tipo url que insertas una url y yo quisiera poner una función que cuando el cliente acabe de escribir la url en el input me diga si esa url es verdadero o falsa y si es falsa me bloquee la función "insertar5.php".

Para ello hice un input y puse en onchange lo siguente:

Código [Seleccionar] Expandir


<?php
    $url = $_POST['artarea'];
    function url_exists($url) {
        $h = get_headers($url);
        $status = array();
        preg_match('/HTTP\/.* ([0-9]+) .*/', $h[0] , $status);
        return ($status[1] == 200);
    }
    echo url_exists($url)? 'existe' : 'no existe';
?>
<input  type="url" name="artarea" id="artarea" style="opacity: 0.8; border: inset; border-radius: 10px; font-family: segoe script;" required placeholder="Escribe aqu&iacute; el enlace." onpaste="return paste;" oncut="return false;" oncopy="return false;" onchange="<?php echo validar_url(); ?>">


Llama a una función php mediante onchange según lo que he oído está mal el onchange="<?php echo validar_url(); ?>" creo. ¿Y si es así como lo puedo llamar a la función validar_url()?

Gracias

[<hr>,<br>,&nbsp;]

Hola ya tengo el calendario y formulario juntos, pero se ve mal, el calendario esta centrado y el formulario está a la derecha y continua hacia abajo, y lo que quería es dejar un espacio en blanco, separarlo, pero puse las etiquetas <hr>,<br>,&nbsp; y no me funcionan. Como lo hago?

Gracias.

[que conecte toda la carpeta]

Hola ya hice el calendario!!

El calendario esta separado del formulario, cada una esta, en una carpeta diferente y yo quisiera saber si hay alguna funcion PHP que al ponerlo me conecte el calendario de eventos con el formulario, alguno similar a include pero que conecte toda la carpeta.

Hola, soy novato en php y mysql y me gustaría hacer un calendario php mysql, ví el tutorial de https://www.codexworld.com/build-event-calendar-using-jquery-ajax-php/ y me gustó mucho, me arrancó bien pero me gustaría que demostrara mis datos de la DB en el calendario.
Mi tabla es la siguiente:

fecha

tipoevento

otro

materia

asunto

tarea

evento

Yo modifiqué el código:

Código [Seleccionar] Expandir


<?php
/*
 * Function requested by Ajax
 */
if(isset($_POST['func']) && !empty($_POST['func'])){
switch($_POST['func']){
case 'getCalender':
getCalender($_POST['year'],$_POST['month']);
break;
case 'getEvents':
getEvents($_POST['date']);
break;
default:
break;
}
}

/*
 * Get calendar full HTML
 */
function getCalender($year = '',$month = '')
{
$dateYear = ($year != '')?$year:date("Y");
$dateMonth = ($month != '')?$month:date("m");
$date = $dateYear.'-'.$dateMonth.'-01';
$currentMonthFirstDay = date("N",strtotime($date));
$totalDaysOfMonth = cal_days_in_month(CAL_GREGORIAN,$dateMonth,$dateYear);
$totalDaysOfMonthDisplay = ($currentMonthFirstDay == 7)?($totalDaysOfMonth):($totalDaysOfMonth + $currentMonthFirstDay);
$boxDisplay = ($totalDaysOfMonthDisplay <= 35)?35:42;
?>
<div id="calender_section">
<h2>
       <a href="javascript:void(0);" onclick="getCalendar('calendar_div','<?php echo date("Y",strtotime($date.' - 1 Month')); ?>','<?php echo date("m",strtotime($date.' - 1 Month')); ?>');">&lt;&lt;</a>
           <select name="month_dropdown" class="month_dropdown dropdown"><?php echo getAllMonths($dateMonth); ?></select>
<select name="year_dropdown" class="year_dropdown dropdown"><?php echo getYearList($dateYear); ?></select>
           <a href="javascript:void(0);" onclick="getCalendar('calendar_div','<?php echo date("Y",strtotime($date.' + 1 Month')); ?>','<?php echo date("m",strtotime($date.' + 1 Month')); ?>');">&gt;&gt;</a>
       </h2>
<div id="event_list" class="none"></div>
<div id="calender_section_top">
<ul>
<li>Domingo</li>
<li>Lunes</li>
<li>Martes</li>
<li>Mi&eacute;rcoles</li>
<li>Jueves</li>
<li>Viernes</li>
<li>S&aacute;bado</li>
</ul>
</div>
<div id="calender_section_bot">
<ul>
<?php 
$dayCount = 1; 
for($cb=1;$cb<=$boxDisplay;$cb++){
if(($cb >= $currentMonthFirstDay+1 || $currentMonthFirstDay == 7) && $cb <= ($totalDaysOfMonthDisplay)){
//Current date
$currentDate = $dateYear.'-'.$dateMonth.'-'.$dayCount;
$eventNum = 0;
//Include db configuration file
include 'dbConfig.php';
//Get number of events based on the current date
$result = $db->query("SELECT fecha FROM 1esoacalendar WHERE date = '".$currentDate."' AND status = 1");
$eventNum = $result->num_rows;
//Define date cell color
if(strtotime($currentDate) == strtotime(date("Y-m-d"))){
echo '<li date="'.$currentDate.'" class="grey date_cell">';
}elseif($eventNum > 0){
echo '<li date="'.$currentDate.'" class="light_sky date_cell">';
}else{
echo '<li date="'.$currentDate.'" class="date_cell">';
}
//Date cell
echo '<span>';
echo $dayCount;
echo '</span>';
//Hover event popup
echo '<div id="date_popup_'.$currentDate.'" class="date_popup_wrap none">';
echo '<div class="date_window">';
echo '<div class="popup_event">Eventos ('.$eventNum.')</div>';
echo ($eventNum > 0)?'<a href="javascript:;" onclick="getEvents(\''.$currentDate.'\');">Ver eventos</a>':'';
echo '</div></div>';
echo '</li>';
$dayCount++;
?>
<?php }else{ ?>
<li><span>&nbsp;</span></li>
<?php } } ?>
</ul>
</div>
</div>

<script type="text/javascript">
function getCalendar(target_div,year,month){
$.ajax({
type:'POST',
url:'functions.php',
data:'func=getCalender&year='+year+'&month='+month,
success:function(html){
$('#'+target_div).html(html);
}
});
}
function getEvents(date){
$.ajax({
type:'POST',
url:'functions.php',
data:'func=getEvents&date='+date,
success:function(html){
$('#event_list').html(html);
$('#event_list').slideDown('slow');
}
});
}
function addEvent(date){
$.ajax({
type:'POST',
url:'functions.php',
data:'func=addEvent&date='+date,
success:function(html){
$('#event_list').html(html);
$('#event_list').slideDown('slow');
}
});
}
$(document).ready(function(){
$('.date_cell').mouseenter(function(){
date = $(this).attr('date');
$(".date_popup_wrap").fadeOut();
$("#date_popup_"+date).fadeIn();
});
$('.date_cell').mouseleave(function(){
$(".date_popup_wrap").fadeOut();
});
$('.month_dropdown').on('change',function(){
getCalendar('calendar_div',$('.year_dropdown').val(),$('.month_dropdown').val());
});
$('.year_dropdown').on('change',function(){
getCalendar('calendar_div',$('.year_dropdown').val(),$('.month_dropdown').val());
});
$(document).click(function(){
$('#event_list').slideUp('slow');
});
});
</script>
<?php
}

/*
 * Get months options list.
 */
function getAllMonths($selected = ''){
$options = '';
for($i=1;$i<=12;$i++)
{
$value = ($i < 10)?'0'.$i:$i;
$selectedOpt = ($value == $selected)?'selected':'';
$options .= '<option value="'.$value.'" '.$selectedOpt.' >'.date("F", mktime(0, 0, 0, $i+1, 0, 0)).'</option>';
}
return $options;
}

/*
 * Get years options list.
 */
function getYearList($selected = ''){
$options = '';
for($i=2015;$i<=2025;$i++)
{
$selectedOpt = ($i == $selected)?'selected':'';
$options .= '<option value="'.$i.'" '.$selectedOpt.' >'.$i.'</option>';
}
return $options;
}

/*
 * Get events by date
 */
function getEvents($date = ''){
//Include db configuration file
include 'dbConfig.php';
$eventListHTML = '';
$date = $date?$date:date("Y-m-d");
//Get events based on the current date
$result = $db->query("SELECT * FROM 1esoacalendar WHERE date = '".$date."' AND fecha = 1");
if($result->num_rows > 0){
$eventListHTML = '<h2>Eventos en '.date("l, d M Y",strtotime($date)).'</h2>';
$eventListHTML .= '<ul>';
while($row = $result->fetch_assoc()){ 
            $eventListHTML .= '<li>'.$row['tipoevento'].'</li>';
            $eventListHTML .= '<li>'.$row['otro'].'</li>';
            $eventListHTML .= '<li>'.$row['materia'].'</li>';
            $eventListHTML .= '<li>'.$row['asunto'].'</li>';
            $eventListHTML .= '<li>'.$row['tarea'].'</li>';
            $eventListHTML .= '<li>'.$row['evento'].'</li>';
        }
$eventListHTML .= '</ul>';
}
echo $eventListHTML;
}
?>


pero no me va, el calendario arranca pero no me muestra los eventos.

Atentamente IVÁN HEREDIA PLANAS. Gracias.

Hola, he cogido un código que he visto y lo he modificado a mi gusto, pero tengo unos problemas.
Tengo el calendario y un formulario que hice yo, que añade los datos en la DB. El calendario no me muestra los datos guardados en la DB, es decir me lo muestra pero sin los datos, y tendría que guardarlo en la fecha correspondiente (que yo la añada) pero lo guarda en la fecha actual, y si añado más de una, también. No entiendo que pasa.

Yo pensé que era por este código:
// si el día del evento coincide lo marcamos y guardamos la información

Código [Seleccionar] Expandir


if($event_day == $day)
               {
                   $marked = true;
                   $events_list = $event;
                   break;
               }

               
Que hay una variable

Código [Seleccionar] Expandir


$day

cuya variable es

Código [Seleccionar] Expandir


$day= $start_date->format('j');

Creo que lo que esta diciendo el código es que añada los datos en el día actual y yo lo quiero dependiendo de lo  que ponga en el input databox tipo date, no sería así

Código [Seleccionar] Expandir


$day=$start_date->$_POST['materiabox'];

pero lo hice y me da error.

Código:

Código [Seleccionar] Expandir


<!-- Codigo javascript -->
<script>
   $(function dias_seleccionados() {
       var events = ['15-1-2011', '02-1-2011', '17-1-2011', '17-2-2011'];
   
       $( "#datepicker" ).datepicker({
           beforeShowDay: function(date) {
               var current = $.datepicker.formatDate('dd-m-yy', date);
               return jQuery.inArray(current, events) == -1 ? [true, ''] : [true, 'ui-state-hover', 'ui-state-highlight'];
           }
       });
   });
   </script>
<script type='text/javascript'>
   document.getElementById('tipoEventos').addEventListener('change', function(){
       var valor = this.value;

       // Si el valor elegido del select == otro, habilitar la caja de texto.
       if(valor === 'otro'){
           var cajaTexto = document.getElementById('otroTipoEventos');
           cajaTexto.disabled = false;
           cajaTexto.style.display = 'none';

       }
   });
</script>
<style>
 .btnmás {
   background-color:transparent;
   border: transparent;
   font-size: 30px;
   cursor: pointer;
   border-radius: 1000px;
   font-family: segoe script;
 }
</style>
<style>
 .textbox {
   background: transparent;
   font-family: segoe script;
   border: none;
 }
</style>
<style>
 .btn1 {
   background: #e09410;
   background-image: -webkit-linear-gradient(top, #e09410, #ffb700);
   background-image: -moz-linear-gradient(top, #e09410, #ffb700);
   background-image: -ms-linear-gradient(top, #e09410, #ffb700);
   background-image: -o-linear-gradient(top, #e09410, #ffb700);
   background-image: linear-gradient(to bottom, #e09410, #ffb700);
   -webkit-border-radius: 60;
   -moz-border-radius: 60;
   border-radius: 10px;
   border: none;
   font-size:15px;
   font-family: segoe script;
   padding: 1px 20px 2px 5px;
   text-decoration: none;
   width: 1px;
  height: 30px;
  cursor: pointer;
 }
.btn1:hover {
  background: #ffcc00;
  text-decoration: none;
 }
</style>
<style>
 .btn2 {
   background: #e09410;
   background-image: -webkit-linear-gradient(top, #e09410, #ffb700);
   background-image: -moz-linear-gradient(top, #e09410, #ffb700);
   background-image: -ms-linear-gradient(top, #e09410, #ffb700);
   background-image: -o-linear-gradient(top, #e09410, #ffb700);
   background-image: linear-gradient(to bottom, #e09410, #ffb700);
   -webkit-border-radius: 60;
   -moz-border-radius: 60;
   border-radius: 10px;
   border: none;
   font-size:15px;
   font-family: segoe script;
   padding: 1px 120px 2px 5px;
   text-decoration: none;
   width: 1px;
  height: 30px;
  cursor: pointer;
 }
.btn2:hover {
  background: #ffcc00;
  text-decoration: none;
 }
</style>
<style>
 .btn3 {
   background: #e09410;
   background-image: -webkit-linear-gradient(top, #e09410, #ffb700);
   background-image: -moz-linear-gradient(top, #e09410, #ffb700);
   background-image: -ms-linear-gradient(top, #e09410, #ffb700);
   background-image: -o-linear-gradient(top, #e09410, #ffb700);
   background-image: linear-gradient(to bottom, #e09410, #ffb700);
   -webkit-border-radius: 60;
   -moz-border-radius: 60;
   border-radius: 10px;
   border: none;
   font-size:15px;
   font-family: segoe script;
   padding: 1px 170px 2px 5px;
   text-decoration: none;
   width: 1px;
  height: 30px;
  cursor: pointer;
 }
.btn3:hover {
  background: #ffcc00;
  text-decoration: none;
 }
</style>
<style>
 .btn4 {
   background: #e09410;
   background-image: -webkit-linear-gradient(top, #e09410, #ffb700);
   background-image: -moz-linear-gradient(top, #e09410, #ffb700);
   background-image: -ms-linear-gradient(top, #e09410, #ffb700);
   background-image: -o-linear-gradient(top, #e09410, #ffb700);
   background-image: linear-gradient(to bottom, #e09410, #ffb700);
   -webkit-border-radius: 60;
   -moz-border-radius: 60;
   border-radius: 10px;
   border: none;
   font-size:15px;
   font-family: segoe script;
   padding: 1px 120px 2px 5px;
   text-decoration: none;
   width: 1px;
  height: 30px;
  cursor: pointer;
 }
.btn4:hover {
  background: #ffcc00;
  text-decoration: none;
 }
</style>
<style type='text/css'>

#tipoEventos {
   border: inset;
   border-color: orange;
   opacity: 0.8;
   font-family: sgoe script;
   font-size: 14px;
}

   #tipoEventos option {
       font-family: sgoe script;
       color: #333;
       font-size: 1.5em;
   }

   #otroTipoEventos {
       display: none;
       border: inset;
       border-color: orange;
       opacity: 0.8;
       font-family:segoe script;
       font-size: 14px;
       position: center;
   }

</style>
<?php
// Establecer el idioma al Español para strftime().
setlocale( LC_TIME, 'spanish' );
// Si no se ha seleccionado mes, ponemos el actual y el año
$month = isset( $_GET[ 'month' ] ) ? $_GET[ 'month' ] : date( "Y-n" );
$week = 1;
for ( $i=1;$i<=date( 't', strtotime( $month ) );$i++ ) {
  
  $day_week = date( 'N', strtotime( $month.'-'.$i )  );
  
  $calendar[ $week ][ $day_week ] = $i;
  if ( $day_week == 7 )
    $week++;
  
}
?>

<!DOCTYPE html>

<html>

 <head>
 
   <title>Calendario PHP/HTML5</title>
   <script src='https://www.google.com/recaptcha/api.js'></script>
   <style type="text/css">body{margin:0;font-family:Lato;}ul,li{list-style-type:none; margin:0;padding:0;}.calendar{padding:30px;}.calendar .day{background:#ecf0f1;border-bottom:2px solid #bdc3c7;float:left;margin:3px;position:relative;height:120px;width:120px;}.day.marked{background:#3498db;border-color:#2980b9;}.day .day-number{color:#7f8c8d;left:5px;position:absolute;top:5px;}.day.marked .day-number{color:white;}.day .events{color:white;margin:29px 7px 7px;height:78px;overflow-x:hidden;overflow-y:hidden;}.day .events h5{margin:0 0 5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;}.day .events strong,.day .events span{display:block;font-size:11px;}.day .events ul{}.day .events li{}
   </style>
 </head>
 
 <body style="background-image: url('imagenes/fondo ies calvia proyecto.jpg'); background-repeat: no-repeat; background-position: all; background-attachment: fixed; background-size: cover;">  
 <div class="calendar">
     <?php

        $mysqli = new mysqli('censurado', 'censurado', 'censurado', 'censurado');

        if ( $mysqli->connect_errno )
        {
            die( $mysqli->mysqli_connect_error() );
        }

        $result = $mysqli->query('SELECT fecha, tipoevento, otro, materia, asunto, tarea, evento FROM 1esoacalendar');

        if( !$result )
            die( $mysqli->error );

        $events = array();

        while($rows = $result->fetch_assoc())
        {
            $start_date = new DateTime($rows['fecha_inicio']);
            $end_date = new DateTime($rows['fecha_fin']);
            $day = $start_date->format('j');

            $events[$day][] = array(
              'start_hour' => $start_date->format('G:i a'),
              'end_hour' => $end_date->format('G:i a'),
              'team_code' => $rows['cod_equipo'],
              'description' => $rows['descripcion'],
              'tipoevento' => $rows['tipoEventos'],
              'otro' => $rows['otroTipoEventos'],
              'materia' => $rows['materiabox'],
              'asunto' => $rows['asuntobox'],
              'tarea' => $rows['tareabox'],
              'evento' => $rows['eventobox'],
            );
        }

        $datetime = new DateTime();

        // mes en texto
        $txt_months = array(
            'Enero', 'Febrero', 'Marzo',
            'Abril', 'Mayo', 'Junio',
            'Julio', 'Agosto', 'septiembre',
            'Octubre', 'Noviembre', 'Diciembre'
        );

        $month_txt = $txt_months[$datetime->format('n')-1];

        // ultimo dia del mes
        $month_days = date('j', strtotime("last day of"));

        echo '<h1>' . $month_txt . '</h1>';

        foreach(range(1, $month_days) as $day)
        {
            $marked = false;
            $events_list = array();

            foreach($events as $event_day => $event)
            {
                // si el dia del evento coincide lo marcamos y guardamos la informacion
                if($event_day == $day)
                {
                    $marked = true;
                    $events_list = $event;
                    break;
                }
            }

            echo '
            <div class="day' . ($marked ? ' marked' : '') . '">
                <strong class="day-number">' . $day . '</strong>
                <div class="events"><ul>';

                    foreach($events_list as $event)
                    {
                        echo '<li>
                            <div>
                                <strong>Tipo de evento:</strong>
                                <span>' . $event['tipoevento'] . '</span>
                            </div>

                            <div>
                                <strong>Otro:</strong>
                                <font>' . $event['otro'] . '</font>
                            </div>
                            <div>
                                <strong>Materia:</strong>
                                <font>' . $event['materia'] . '</font>
                            </div>
                            <div>
                                <strong>Asunto:</strong>
                                <font>' . $event['asunto'] . '</font>
                            </div>
                            <div>
                                <strong>Tarea:</strong>
                                <font>' . $event['tarea'] . '</font>
                            </div>
                            <div>
                                <strong>Evento:</strong>
                                <font>' . $event['evento'] . '</font>
                            </div>
                        </li>';
                    }

                echo '</ul></div>
            </div>';
        }
      ?>
</div>        
   <form id="demo" align="center" action="añadirevento.php" method="post">
     <font face="segoe script" size="+6" color="#333333">Insertar eventos</font>
     <br>
     <font face="segoe script" size="+1" color="#333333">Data:</font>&nbsp;<input type="date" name="databox" style="border: inset;border-color: orange; opacity: 0.8; font-family: segoe script; font-size:14px;" required>
     <br>
     <font face="segoe script" size="+1" color="#333333">Tipo de evento:</font>&nbsp;
     <select name="tipoEventos" id="tipoEventos" style="border: inset;border-color: orange; opacity: 0.8; font-family: segoe script; font-size: 14px;" required>

       <option value="null" selected disabled><font face="segoe script" size="+1">---Eligir tipo de evento---</font></option>
       <option value="deberes"><font face="segoe script" size="+1">Deberes</font></option>
       <option value="trabajos"><font face="segoe script" size="+1">Trabajos</font></option>
       <option value="controles"><font face="segoe script" size="+1">Controles</font></option>
       <option value="salidas"><font face="segoe script" size="+1">Salidas</font></option>
       <option value="vacaciones"><font face="segoe script" size="+1">Vacaciones</font></option>
       <option value="otro"><font face="segoe script" size="+1">Otro...</font></option>

    </select>
    <script type='text/javascript'>
       document.getElementById('tipoEventos').addEventListener('change', function(){
       var valor = this.value;

       // Si el valor elegido del select == otro, habilitar la caja de texto.
       if(valor === 'otro'){
           var cajaTexto = document.getElementById('otroTipoEventos');
           cajaTexto.disabled = false;
           cajaTexto.style.display = 'inherit';
           var display = document.getElementById('cambiartexto');
           display.innerHTML='Asunto:';
           var none = document.getElementById('cambiartextarea');
           none.innerHTML='Evento:';
       }
      });
    </script>
    <script type='text/javascript'>
      document.getElementById('tipoEventos').addEventListener('change', function(){
       var valor = this.value;
       if(valor === 'vacaciones'){
           var display = document.getElementById('cambiartexto');
           display.innerHTML='Asunto:';
           var none = document.getElementById('cambiartextarea');
           none.innerHTML='Evento:';
       }
       if (valor == 'salidas') {
         var display = document.getElementById('cambiartexto');
         display.innerHTML='Asunto:';
         var none = document.getElementById('cambiartextarea');
         none.innerHTML='Evento:';
       }
       if (valor == 'deberes') {
         var display = document.getElementById('cambiartexto');
         display.innerHTML='Materia:';
         var none = document.getElementById('cambiartextarea');
         none.innerHTML='Tarea:';
       }
       if (valor == 'trabajos') {
         var display = document.getElementById('cambiartexto');
         display.innerHTML='Materia:';
         var none = document.getElementById('cambiartextarea');
         none.innerHTML='Tarea:';
       }
       if (valor == 'controles') {
         var display = document.getElementById('cambiartexto');
         display.innerHTML='Materia:';
         var none = document.getElementById('cambiartextarea');
         none.innerHTML='Tarea:';
       }
      });
    </script>
    <script>
      document.getElementById('tipoEventos').addEventListener('change', function(){
      var valor= this.value;
      if (valor=='deberes') {
        var cajaTexto = document.getElementById('otroTipoEventos');
           cajaTexto.disabled = false;
           cajaTexto.style.display = 'none';
       }
       if (valor=='trabajos') {
        var cajaTexto = document.getElementById('otroTipoEventos');
          cajaTexto.disabled = false;
           cajaTexto.style.display = 'none';
       }
       if (valor=='controles') {
        var cajaTexto = document.getElementById('otroTipoEventos');
           cajaTexto.disabled = false;
           cajaTexto.style.display = 'none';
       }
       if (valor=='salidas') {
        var cajaTexto = document.getElementById('otroTipoEventos');
           cajaTexto.disabled = false;
           cajaTexto.style.display = 'none';
       }
       if (valor=='vacaciones') {
        var cajaTexto = document.getElementById('otroTipoEventos');
           cajaTexto.disabled = false;
           cajaTexto.style.display = 'none';
       }
       });
     </script>
     <script>
       document.getElementById('tipoEventos').addEventListener('change', function(){
       var valor = this.value;
       if(valor === 'otro'){
           var cambiarmateriabox1 = document.getElementById("materia");
           cambiarmateriabox1.setAttribute("name","asuntobox");
           var cambiartareabox1 = document.getElementById("tarea");
           cambiartareabox1.setAttribute("name","eventobox");
       }
       });
     </script>
     <script>
      document.getElementById('tipoEventos').addEventListener('change', function(){
       var valor = this.value;
       if(valor === 'vacaciones'){
         var cambiarmateriabox2 = document.getElementById("materia");
           cambiarmateriabox2.setAttribute("name","asuntobox");
         var cambiartareabox2 = document.getElementById("tarea");
           cambiartareabox2.setAttribute("name","eventobox");
       }
       if (valor == 'salidas') {
         var cambiarmateriabox3 = document.getElementById("materia");
           cambiarmateriabox3.setAttribute("name","asuntobox");
         var cambiartareabox3 = document.getElementById("tarea");
           cambiartareabox3.setAttribute("name","eventobox");
       }
       if (valor == 'deberes') {
         var cambiarmateriabox4 = document.getElementById("materia");
           cambiarmateriabox4.setAttribute("name","materiabox");
         var cambiartareabox4 = document.getElementById("tarea");
         cambiartareabox4.setAttribute("name","tareabox");
       }
       if (valor == 'trabajos') {
         var cambiarmateriabox5 = document.getElementById("materia");
           cambiarmateriabox5.setAttribute("name","materiabox");
         var cambiartareabox5 = document.getElementById("tarea");
         cambiartareabox5.setAttribute("name","tareabox");
       }
       if (valor == 'controles') {
         var cambiarmateriabox6 = document.getElementById("materia");
           cambiarmateriabox6.setAttribute("name","materiabox");
         var cambiartareabox6 = document.getElementById("tarea");
         cambiartareabox6.setAttribute("name","tareabox");
       }
       });
     </script>
    <input type="text" name="otroTipoEventos" id="otroTipoEventos" style="position:relative; left:880px; top: -30px; display: none;" disabled>
    <br>
    <font face="segoe script" size="+1" color="#333333" id="cambiartexto">Materia:</font>
    <br>
    <input type="text" name="materiabox" style="border:inset; border-color: orange; opacity: 0.8; font-family: segoe script; font-size: 14px;" oncut="return false" onpaste="return false" oncut="return false" placeholder=" Escribe aqu&iacute;..." required id="materia">
    <br>
    <font face="segoe script" size="+1" color="#333333" id="cambiartextarea">Tarea:</font>
    <br>
    <textarea name="tareabox" style="border:inset; border-color: orange; opacity: 0.8; font-family: segoe script; font-size:14px;" cols="50" rows="10" placeholder="Escribe aqu&iacute;..." required id="tarea"></textarea>
    <br>
    <center>
    <div class="g-recaptcha" data-sitekey="6Lc87RwUAAAAAJNPN8mZSXyelFGykTxpJ3rx3WQ9"></div>
    </center>
    <br>
    <input type="submit" name="Enviar" value="Guardar datos" class="btn2">&nbsp;&nbsp;<input type="reset" name="eliminar" class="btn3" value="Limpiar formulario">
   </form>
 </body>
 
</html>


Yo no sé si es eso, pero no se cual es el error.

Me sale así:
https://drive.google.com/file/d/0B6mh5xJztGS9NUtPdDF2NllReTg/view?usp=sharing
Base de datos:
https://drive.google.com/open?id=0B6mh5xJztGS9UUlkeUcycGVOUUk
Gracias

 Muchas gracias #!drvy. Va perfecto!

Hola estoy haciendo una etiqueta select que cuando clique en otro... me salga otra caja devtexto pero hice un onclick en option de otro... y no me va pero no se como se hace.

Código [Seleccionar] Expandir


<select name="Tipo de eventos" style="border: inset;border-color: orange; opacity: 0.8; font-family: segoe script; font-size: 14px;">
        <option value="---Eligir tipo de evento---" selected onchange="populate(this.id,'otro')"><font face="segoe script" size="+1" color="#333333">---Eligir tipo de evento---</font></option>
        <option value="Deberes"><font face="segoe script" size="+1" color="#333333">Deberes</font></option>
        <option value="Trabajos"><font face="segoe script" size="+1" color="#333333">Trabajos</font></option>
        <option value="Salidas"><font face="segoe script" size="+1" color="#333333">Salidas</font></option>
        <option value="Vacaciones"><font face="segoe script" size="+1" color="#333333">Vacaciones</font></option>
        <option value="Otro..." id="otro"><font face="segoe script" size="+1" color="#333333">Otro...</font></option>
      </select>
      &nbsp;
      <input type="text" name="Tipo de eventos2" style="display: none; border: inset;border-color: orange; opacity: 0.8; font-family:segoe script; font-size: 14px;" id="otro">


Gracias.