Diseño de páginas web Oaxaca
CONTENTEDITABLE
Diseño de páginas web Oaxaca inventado por Microsoft, e implementado por el resto de los navegadores, la etiqueta contenteditable es ahora parte de la especificación oficial.
La introducción de esta etiqueta significa principalmente dos cosas diseño:
Primero, los usuarios pueden editar los contenidos de un elemento que incluya esta etiqueta. Este elemento debe ser seleccionable y el navegador debe proporcionar una marca que indique la posición actual del cursor. Y segundo, es posible cambiar el formato del texto del contenido, añadiendo negritas, cambiar la fuente, añadir listas, etc diseño web.
Este atributo es de tipo booleano, por lo que su valor puede ser true o false. Al acceder desde JavaScript a este atributo, hay que tener en cuenta su notación lowerCamelCase, siendo el nombre de la propiedad del DOM contentEditable. Además, existe otra propiedad llamada isContentEditable, que indica si el elemento es editable o no.
Finalmente, el contenido que ha sido seleccionado por el usuario, puede ser objeto de modificaciones, como hemos comentado antes. A través del comando element.execCommand() es posible indicar el tipo de modificación (poner en negrita, copiar, cambiar la fuente…), siempre que el documento se haya indicado como editable diseño web Guadalajara.
document.designMode = ‘on’;
Si se desea almacenar los cambios realizados en el contenido, es necesario enviarlo al servidor. No existe ningún API o método en JavaScript que nos posibilite esta acción, por lo que debemos utilizar algún tipo de tecnología tipo AJAX sitio web.
DATA-* (CUSTOM DATA ATTRIBUTES)
HTML5 permite crear atributos personalizados para los elementos. Estos atributos son utilizados para pasar información a JavaScript. Como veremos en el capítulo correspondiente, hasta ahora se utilizaba el atributo class para de alguna manera almacenar información asociada con elementos, pero esto cambia radicalmente con estos atributo diseño web Df.
<ul id=»vegetable-seeds»> <li data-spacing=»10cm» data-sowing-time=»March to June»>Carrots</li> <li data-spacing=»30cm» data-sowing-time=»February to March»>Celery</li> <li data-spacing=»3cm» data-sowing-time=»March to September»>Radishes</li> </ul>
DRAGGABLE
Este atributo indica que el elemento indicado puede ser arrastable. Lo veremos en el capítulo correspondiente Diseño de páginas web Oaxaca.