validar w3c onload en image

ORKO2K. · #1 (**permalink**) 16/03/2012, 03:32

Buenos días

Alguien sabe como se puede validar para el w3c un evento onload en una etiqueta image :

<img id="Ath_Slide" alt="" onload="OnImgLoad">

Es un script javscript que hace que cambien varias imagenes con un loop, funciona perfecto pero no me válida el w3c.

He probado con varias ejemplos que vi por internet tipo:

1. document.images.Ath_Slide.onload = OnImgLoad();

2. window.onload = function()
{
OnImgLoad();
}

3. <body onload="OnImgLoad();">

pero ninguno me funciona, gracias

IsaBelM · #2 (**permalink**) 16/03/2012, 07:56

pongamos que la validación es xhtml 1.0 transitional. lo primero que has de hacer es añadirle el atributo src y cerrar el tag

Cita:

después el evento has de sacarlo del html e insertarlo entre las etiqueta <script ...> y por último usar el tag cdata

zerokilled · #3 (**permalink**) 16/03/2012, 08:44

¡buenas!
curiosamente para algunos, en ninguno de los DTD se declara el evento onload para la etiqueta <img>. un fragmento del html loose.

Código:

<!ATTLIST IMG
  %attrs;                              -- %coreattrs, %i18n, %events --
  src         %URI;          #REQUIRED -- URI of image to embed --
  alt         %Text;         #REQUIRED -- short description --
  longdesc    %URI;          #IMPLIED  -- link to long description
                                          (complements alt) --
  name        CDATA          #IMPLIED  -- name of image for scripting --
  height      %Length;       #IMPLIED  -- override height --
  width       %Length;       #IMPLIED  -- override width --
  usemap      %URI;          #IMPLIED  -- use client-side image map --
  ismap       (ismap)        #IMPLIED  -- use server-side image map --
  align       %IAlign;       #IMPLIED  -- vertical or horizontal alignment --
  border      %Pixels;       #IMPLIED  -- link border width --
  hspace      %Pixels;       #IMPLIED  -- horizontal gutter --
  vspace      %Pixels;       #IMPLIED  -- vertical gutter --
  >

<!ENTITY % attrs "%coreattrs; %i18n; %events;">

<!ENTITY % events
 "onclick     %Script;       #IMPLIED  -- a pointer button was clicked --
  ondblclick  %Script;       #IMPLIED  -- a pointer button was double clicked--
  onmousedown %Script;       #IMPLIED  -- a pointer button was pressed down --
  onmouseup   %Script;       #IMPLIED  -- a pointer button was released --
  onmouseover %Script;       #IMPLIED  -- a pointer was moved onto --
  onmousemove %Script;       #IMPLIED  -- a pointer was moved within --
  onmouseout  %Script;       #IMPLIED  -- a pointer was moved away --
  onkeypress  %Script;       #IMPLIED  -- a key was pressed and released --
  onkeydown   %Script;       #IMPLIED  -- a key was pressed down --
  onkeyup     %Script;       #IMPLIED  -- a key was released --"
  >

<!ENTITY % coreattrs
 "id          ID             #IMPLIED  -- document-wide unique id --
  class       CDATA          #IMPLIED  -- space-separated list of classes --
  style       %StyleSheet;   #IMPLIED  -- associated style info --
  title       %Text;         #IMPLIED  -- advisory title --"
  >

<!ENTITY % i18n
 "lang        %LanguageCode; #IMPLIED  -- language code --
  dir         (ltr|rtl)      #IMPLIED  -- direction for weak/neutral text --"
  >

para asignarle onload a una etiqueta <img> tendrias que registrarlo por javascript. es decir, toma la referencia del elemento <img> y luego le asignas el handler. document.getElementById(image_id).onload = function_name.