Saltar la navegación

iDevices

Todos los iDevices comparten HTML.

Los hay con énfasis:

<div class="iDevice_wrapper objectivesIdevice em_iDevice" id="id1">
    <div class="iDevice emphasis1">
        <div class="iDevice_header">
            <h2 class="iDeviceTitle">Objetivos</h2>
        </div>
        <div class="iDevice_inner">
            <div class="iDevice_content_wrapper">
                <div id="ta1_42_2" class="block iDevice_content">
                    [contenido introducido desde TinyMCE]
                </div>
            </div>
        </div>
    </div>
</div>

Y sin énfasis (como el de Texto libre):

<div class="iDevice_wrapper FreeTextIdevice" id="id0">
    <div class="iDevice emphasis0">
        <div id="ta0_61" class="block iDevice_content">
            [contenido introducido desde TinyMCE]
        </div>
    </div>
</div>

Cada iDevice tiene una clase

Cada iDevice tiene un envoltorio ("iDevice_wrapper") con una clase:

  • activityIdevice
  • readingIdevice
  • WikipediaIdevice
  • ListaIdevice
  • QuizTestIdevice
  • MultichoiceIdevice
  • TrueFalseIdevice
  • MultiSelectIdevice
  • ClozeIdevice
  • preknowledgeIdevice
  • GalleryIdevice
  • objectivesIdevice
  • ReflectionIdevic
  • ...

Podemos usar esa clase para controlar cualquier aspecto de su presentación:

.GalleryIdevice .iDeviceTitle{
    background-image:url(icon_media.png);
}

También podríamos usarla para mejorar la experiencia de usuario mediante JavaScript:

$(".GalleryIdevice").each(
    function(){ ... }
);