Regresar a la página www.ComoCrearTuWeb.com
Resultados 1 al 2 de 2

Tema: Manejadores de eventos semanticos en el <body> o en el <head>

Vista Híbrida

Mensaje Anterior Mensaje Anterior   Próximo Mensaje Próximo Mensaje
  1. #1
    Recien Llegado! Habitual
    Fecha de Ingreso
    24 jun, 12
    Mensajes
    12
    Poder de Reputación
    12

    Manejadores de eventos semanticos en el <body> o en el <head>

    Buenas de nuevo, estoy probando los manejadores de eventos semánticos y hay algo que me va a volver loco.

    En el siguiente script, si la llamada al script está en el <body> me funciona pero si está en el <head> no funciona. ¿Esto es así siempre?, en los manuales que he leido no pone nada al respecto y de hecho todos recomiendan poner la llamada al script en el head...

    ¿Hay alguna limitación para el uso de estos manejadores?

    El codigo html es:

    Código HTML:
    <!DOCTYPE html>
    <html lang="es">
    <head>
        	<meta charset="utf-8" />
        	<title>Prueba</title>
        	<link rel="StyleSheet" media="screen" type="text/css" href="estilos.css"> 
    </head>
    <body>
    	<div id="esto" draggable="true">Este elemento se puede arrastrar</div>
      	<div id="esto2" draggable="true">Este también</div>
      	<br />
      	<div id="aqui" ondragover="alarrastraraqui(this)" ondrop="alsoltar(this)">Arrastrar aqui</div>  	
    <script type="text/javascript" src="javascripts/scripts.js"></script>	
    </body>
    Y este es el codigo del script.js

    Código:
    // Evento al empezar a arrastrar un div
        function alarrastraresto (e ) {
          // Definimos el contenido del div cómo valor arrastrado de tipo Text
          e.dataTransfer.setData('Text', this.innerHTML );
          // Permitimos soltar en zonas de copia
          e.dataTransfer.effectAllowed = 'copy';
        }
        // Evento al arrastrar por encima de "Arrastrar aqui"
        function alarrastraraqui (e ) {
          // Permitimos copiar 
          e.dataTransfer.dropEffect = 'copy';
          // Permitimos soltar 
          return false;
        }
        // Evento al soltar
        function alsoltar (e ) {
          // Alertamos el valor de tipo Text definido en alarrastraresto
          alert ( e.dataTransfer.getData('Text') );
        }
        // Enlazamos los eventos
        document.getElementById('aqui').ondragover = alarrastraraqui;
        document.getElementById('esto').ondragstart = alarrastraresto;
        document.getElementById('esto2').ondragstart = alarrastraresto;
        document.getElementById('aqui').ondrop = alsoltar;

  2. #2
    Recien Llegado! Habitual
    Fecha de Ingreso
    24 jun, 12
    Mensajes
    12
    Poder de Reputación
    12
    Bueno ya he visto la respuesta, al estar en el head no está cargada la página y por tanto no encuentra los identificadors. Se soluciona con el window.onload.

    Siento las molestias.

Temas Similares

  1. Resolucion de pantalla en head para añadir a variable php
    Por victor5atodogas en el foro Foro General
    Respuestas: 23
    Último Mensaje: 30/10/2011, 21:47
  2. Ayuda Foro + Plantilla + Portal = Majamama en mi <Head>
    Por Meestoph en el foro Foro General
    Respuestas: 4
    Último Mensaje: 11/07/2008, 12:10
  3. duda de la leccion nº2 que nose donde poner el head.
    Por Manugiga26 en el foro Foro General
    Respuestas: 2
    Último Mensaje: 04/06/2008, 12:32

Permisos de Publicación

  • No puedes crear nuevos temas
  • No puedes responder temas
  • No puedes subir archivos adjuntos
  • No puedes editar tus mensajes
  •