diff options
Diffstat (limited to 'files/es/web/api/selection')
19 files changed, 751 insertions, 0 deletions
diff --git a/files/es/web/api/selection/addrange/index.html b/files/es/web/api/selection/addrange/index.html new file mode 100644 index 0000000000..a684954e9c --- /dev/null +++ b/files/es/web/api/selection/addrange/index.html @@ -0,0 +1,46 @@ +--- +title: addRange +slug: Web/API/Selection/addRange +tags: + - páginas_a_traducir +translation_of: Web/API/Selection/addRange +--- +<p>{{ ApiRef("DOM") }}</p> + +<h3 id="Resumen" name="Resumen">Resumen</h3> + +<p>Añade un objeto de rango a la selección.</p> + +<h3 id="Sintaxis" name="Sintaxis">Sintaxis</h3> + +<pre class="eval"><i>sel</i>.addRange( +<i>range</i>) +</pre> + +<h3 id="Par.C3.A1metros" name="Par.C3.A1metros">Parámetros</h3> + +<dl> + <dt> + <i><code>range</code></i> + </dt> + <dd>Un objeto <a href="es/DOM/range">range</a> que será añadido a la selección.</dd> +</dl> + +<h3 id="Ejemplos" name="Ejemplos">Ejemplos</h3> + +<pre class="eval"> /* Seleccionar todos los elementos en NEGRITA en un documento HTML */ + var strongs = document.getElementsByTagName("strong"); + var s = window.getSelection(); + if(s.rangeCount > 0) s.removeAllRanges(); + for(var i = 0; i < strongs.length; i++) { + var range = document.createRange(); + range.selectNode(strongs[i]); + s.addRange(range); + } +</pre> + +<p> </p> + +<div class="noinclude"> </div> + +<p>{{ languages( { "en": "en/DOM/Selection/addRange", "it": "it/DOM/Selection/addRange", "pl": "pl/DOM/Selection/addRange" } ) }}</p> diff --git a/files/es/web/api/selection/anchornode/index.html b/files/es/web/api/selection/anchornode/index.html new file mode 100644 index 0000000000..dcb4b194b0 --- /dev/null +++ b/files/es/web/api/selection/anchornode/index.html @@ -0,0 +1,27 @@ +--- +title: anchorNode +slug: Web/API/Selection/anchorNode +tags: + - páginas_a_traducir +translation_of: Web/API/Selection/anchorNode +--- +<p>{{ ApiRef("DOM") }}</p> + +<h3 id="Resumen" name="Resumen">Resumen</h3> + +<p>Devuelve el nodo en el cual empieza la selección.</p> + +<h3 id="Sintaxis" name="Sintaxis">Sintaxis</h3> + +<pre class="eval"><i>sel</i>.anchorNode +</pre> + +<h3 id="Notas" name="Notas">Notas</h3> + +<p>Un usuario puede hacer una selección de izquierda a derecha (en el orden del documento) o de derehca a izquierda (en el orden contrario del documento). El ancla es donde el usuario empezó la selección. Ésta puede ser visualizada manteniendo presionada la tecla <b>Shift</b> y presionando las flechas de movimiento del teclado. El ancla de la selección no se mueve, pero el foco de ésta (el otro "final" de la selección) sí se mueve.</p> + +<p> </p> + +<div class="noinclude"> </div> + +<p>{{ languages( { "en": "en/DOM/Selection/anchorNode", "it": "it/DOM/Selection/anchorNode", "pl": "pl/DOM/Selection/anchorNode" } ) }}</p> diff --git a/files/es/web/api/selection/anchoroffset/index.html b/files/es/web/api/selection/anchoroffset/index.html new file mode 100644 index 0000000000..e228803085 --- /dev/null +++ b/files/es/web/api/selection/anchoroffset/index.html @@ -0,0 +1,27 @@ +--- +title: anchorOffset +slug: Web/API/Selection/anchorOffset +tags: + - páginas_a_traducir +translation_of: Web/API/Selection/anchorOffset +--- +<p>{{ ApiRef("DOM") }}</p> + +<h3 id="Resumen" name="Resumen">Resumen</h3> + +<p>Devuelve el número de caracteres en que el ancla de la selección es colocada dentro de <a href="es/DOM/Selection/anchorNode">anchorNode</a>.</p> + +<h3 id="Sintaxis" name="Sintaxis">Sintaxis</h3> + +<pre class="eval"><i>sel</i>.anchorOffset +</pre> + +<h3 id="Notas" name="Notas">Notas</h3> + +<p>Este número está basado en cero. Si la selección empieza con el primer carácter en <a href="es/DOM/Selection/anchorNode">anchorNode</a>, el número devuelto será 0.</p> + +<p> </p> + +<div class="noinclude"> </div> + +<p>{{ languages( { "en": "en/DOM/Selection/anchorOffset", "it": "it/DOM/Selection/anchorOffset", "pl": "pl/DOM/Selection/anchorOffset" } ) }}</p> diff --git a/files/es/web/api/selection/collapse/index.html b/files/es/web/api/selection/collapse/index.html new file mode 100644 index 0000000000..a0540265c3 --- /dev/null +++ b/files/es/web/api/selection/collapse/index.html @@ -0,0 +1,50 @@ +--- +title: collapse +slug: Web/API/Selection/collapse +tags: + - páginas_a_traducir +translation_of: Web/API/Selection/collapse +--- +<p>{{ ApiRef("DOM") }}</p> + +<h3 id="Resumen" name="Resumen">Resumen</h3> + +<p>Pliega la selección a un simple punto. El documento no es modificado. Si el contenido es enfocado y editable, el cursor parpadeará ahí.</p> + +<h3 id="Sintaxis" name="Sintaxis">Sintaxis</h3> + +<pre class="eval"><i>sel</i>.collapse( +<i>parentNode</i>, +<i>offset</i>); +</pre> + +<h3 id="Par.C3.A1metros" name="Par.C3.A1metros">Parámetros</h3> + +<dl> + <dt> + <i><code>parentNode</code></i> + </dt> + <dd>La localización del cursor estará dentro de este nodo.</dd> +</dl> + +<dl> + <dt> + <i><code>offset</code></i> + </dt> + <dd>El cursor estará colocado éste número de caracteres desdel el comienzo del texto de + <i><code>parentNode</code>'</i> + s text.</dd> +</dl> + +<h3 id="Ejemplos" name="Ejemplos">Ejemplos</h3> + +<pre class="eval">/* Colocar el cursor al principio del cuerpo de un documento HTML. */ +var body = document.getElementsByTagName("body")[0]; +window.getSelection().collapse(body,0); +</pre> + +<p> </p> + +<div class="noinclude"> </div> + +<p>{{ languages( { "en": "en/DOM/Selection/collapse", "it": "it/DOM/Selection/collapse", "pl": "pl/DOM/Selection/collapse" } ) }}</p> diff --git a/files/es/web/api/selection/collapsetoend/index.html b/files/es/web/api/selection/collapsetoend/index.html new file mode 100644 index 0000000000..f0f729b928 --- /dev/null +++ b/files/es/web/api/selection/collapsetoend/index.html @@ -0,0 +1,27 @@ +--- +title: collapseToEnd +slug: Web/API/Selection/collapseToEnd +tags: + - páginas_a_traducir +translation_of: Web/API/Selection/collapseToEnd +--- +<p>{{ ApiRef("DOM") }}</p> + +<h3 id="Resumen" name="Resumen">Resumen</h3> + +<p>Traslada el ancla hasta el mismo punto del foco. El foco no se mueve. Si el contenido es enfocado y editable, el cursor parpadeará ahí.</p> + +<h3 id="Sintaxis" name="Sintaxis">Sintaxis</h3> + +<pre class="eval"><i>sel</i>.collapseToEnd() +</pre> + +<h3 id="Par.C3.A1metros" name="Par.C3.A1metros">Parámetros</h3> + +<p>Ninguno.</p> + +<p> </p> + +<div class="noinclude"> </div> + +<p>{{ languages( { "en": "en/DOM/Selection/collapseToEnd", "it": "it/DOM/Selection/collapseToEnd", "pl": "pl/DOM/Selection/collapseToEnd" } ) }}</p> diff --git a/files/es/web/api/selection/collapsetostart/index.html b/files/es/web/api/selection/collapsetostart/index.html new file mode 100644 index 0000000000..ce04e7a985 --- /dev/null +++ b/files/es/web/api/selection/collapsetostart/index.html @@ -0,0 +1,29 @@ +--- +title: collapseToStart +slug: Web/API/Selection/collapseToStart +tags: + - páginas_a_traducir +translation_of: Web/API/Selection/collapseToStart +--- +<p>{{ ApiRef("DOM") }}</p> + +<h3 id="Resumen" name="Resumen">Resumen</h3> + +<p>Traslada el foco de la selección al mismo punto que el ancla. El ancla no se mueve. Si el contenido es enfocado y editable, el cursor parpadeará ahí.</p> + +<h3 id="Sintaxis" name="Sintaxis">Sintaxis</h3> + +<pre class="eval"><i>sel</i>.collapseToStart() +</pre> + +<h3 id="Par.C3.A1metros" name="Par.C3.A1metros">Parámetros</h3> + +<p>Ninguno.</p> + +<p> </p> + +<p> </p> + +<div class="noinclude"> </div> + +<p>{{ languages( { "en": "en/DOM/Selection/collapseToStart", "it": "it/DOM/Selection/collapseToStart", "pl": "pl/DOM/Selection/collapseToStart" } ) }}</p> diff --git a/files/es/web/api/selection/containsnode/index.html b/files/es/web/api/selection/containsnode/index.html new file mode 100644 index 0000000000..272c7e71af --- /dev/null +++ b/files/es/web/api/selection/containsnode/index.html @@ -0,0 +1,49 @@ +--- +title: containsNode +slug: Web/API/Selection/containsNode +tags: + - páginas_a_traducir +translation_of: Web/API/Selection/containsNode +--- +<p>{{ ApiRef("DOM") }}</p> + +<h3 id="Resumen" name="Resumen">Resumen</h3> + +<p>Indica si tal nodo es parte de la selección.</p> + +<h3 id="Sintaxis" name="Sintaxis">Sintaxis</h3> + +<pre class="eval"><i>sel</i>.containsNode( +<i>aNode</i>, +<i>aPartlyContained</i>) +</pre> + +<h3 id="Par.C3.A1metros" name="Par.C3.A1metros">Parámetros</h3> + +<dl> + <dt> + <i><code>aNode</code></i> + </dt> + <dd>El nodo que está siendo vigilado por si es parte de la selección.</dd> + <dt> + <i><code>aPartlyContained</code></i> + </dt> + <dd>Cuando da un valor + <i>verdadero</i> + , <code>containsNode</code> devuelve verdadero cuanbdo una parte del nodo es parte de la selección.</dd> + <dd>Cuando da un valor + <i>falso</i> + , <code>containsNode</code> solo devuelve verdadeor cuando el nodo completo es parte de la selección.</dd> +</dl> + +<h3 id="Ejemplos" name="Ejemplos">Ejemplos</h3> + +<pre class="eval"> /* Checar si algo dentro del elemento cuerpo (etiquetas body) está seleccionado */ + alert(window.getSelection().containsNode(document.body, true)); +</pre> + +<p> </p> + +<div class="noinclude"> </div> + +<p>{{ languages( { "en": "en/DOM/Selection/containsNode", "it": "it/DOM/Selection/containsNode", "pl": "pl/DOM/Selection/containsNode" } ) }}</p> diff --git a/files/es/web/api/selection/deletefromdocument/index.html b/files/es/web/api/selection/deletefromdocument/index.html new file mode 100644 index 0000000000..808461dba4 --- /dev/null +++ b/files/es/web/api/selection/deletefromdocument/index.html @@ -0,0 +1,31 @@ +--- +title: deleteFromDocument +slug: Web/API/Selection/deleteFromDocument +tags: + - páginas_a_traducir +translation_of: Web/API/Selection/deleteFromDocument +--- +<p>{{ ApiRef("DOM") }}</p> + +<h3 id="Resumen" name="Resumen">Resumen</h3> + +<p>Elimina del documento el contenido de la selección.</p> + +<h3 id="Sintaxis" name="Sintaxis">Sintaxis</h3> + +<pre class="eval"><i>sel</i>.deleteFromDocument() +</pre> + +<h3 id="Par.C3.A1metros" name="Par.C3.A1metros">Parámetros</h3> + +<p>Ninguno.</p> + +<h3 id="Ejemplos" name="Ejemplos">Ejemplos</h3> + +<p>Un usuario selecciona el texto (imaginario) "jos tienen do" del texto "Los conejos tienen dos orejas." en una página web. Después el usuario da click en un botón que ejecuta la acción cortar de JavaScript <code>window.getSelection().deleteFromDocument()</code>. El texto del documento quedaría como "Los cones orejas."</p> + +<p> </p> + +<div class="noinclude"> </div> + +<p>{{ languages( { "en": "en/DOM/Selection/deleteFromDocument", "it": "it/DOM/Selection/deleteFromDocument", "pl": "pl/DOM/Selection/deleteFromDocument" } ) }}</p> diff --git a/files/es/web/api/selection/extend/index.html b/files/es/web/api/selection/extend/index.html new file mode 100644 index 0000000000..d4c0315631 --- /dev/null +++ b/files/es/web/api/selection/extend/index.html @@ -0,0 +1,41 @@ +--- +title: extend +slug: Web/API/Selection/extend +tags: + - páginas_a_traducir +translation_of: Web/API/Selection/extend +--- +<p>{{ ApiRef("DOM") }}</p> + +<h3 id="Resumen" name="Resumen">Resumen</h3> + +<p>Traslada el foco de la selección a un punto especificado. El ancla de la selección no se mueve. La selección será desde el ancla hasta el nuevo focus regardless of direction.</p> + +<h3 id="Sintaxis" name="Sintaxis">Sintaxis</h3> + +<pre class="eval"><i>sel</i>.extend( +<i>parentNode</i>, +<i>offset</i>) +</pre> + +<h3 id="Par.C3.A1metros" name="Par.C3.A1metros">Parámetros</h3> + +<dl> + <dt> + <i><code>parentNode</code></i> + </dt> + <dd>El nodo dentro del cual el foco será movido.</dd> +</dl> + +<dl> + <dt> + <i><code>offset</code></i> + </dt> + <dd>El número de caracteres que habrá desde el principio del texto + <i><code>parentNode</code></i> + hasta donde el foco se colocará.</dd> +</dl> + +<div class="noinclude"> </div> + +<p>{{ languages( { "en": "en/DOM/Selection/extend", "it": "it/DOM/Selection/extend", "pl": "pl/DOM/Selection/extend" } ) }}</p> diff --git a/files/es/web/api/selection/focusnode/index.html b/files/es/web/api/selection/focusnode/index.html new file mode 100644 index 0000000000..6ccaae09fe --- /dev/null +++ b/files/es/web/api/selection/focusnode/index.html @@ -0,0 +1,25 @@ +--- +title: focusNode +slug: Web/API/Selection/focusNode +tags: + - páginas_a_traducir +translation_of: Web/API/Selection/focusNode +--- +<p>{{ ApiRef("DOM") }}</p> + +<h3 id="Resumen" name="Resumen">Resumen</h3> + +<p>Devuelve el nudo en el cual acaba la selección.</p> + +<h3 id="Sintaxis" name="Sintaxis">Sintaxis</h3> + +<pre class="eval"><i>sel</i>.focusNode +</pre> + +<h3 id="Notas" name="Notas">Notas</h3> + +<p>Un usuario puede hacer una selección de izquierda a derecha (en el orden del documento) o de derehca a izquierda (en el orden contrario del documento). El foco es donde el usuario terminó la selección. Éste puede ser visualizado manteniendo presionada la tecla Shift y presionando las flechas de movimiento del teclado para modificar la selección. El foco de la selección se mueve, pero el ancla de ésta (el otro final de la selección) no se mueve.</p> + +<div class="noinclude"> </div> + +<p>{{ languages( { "en": "en/DOM/Selection/focusNode", "it": "it/DOM/Selection/focusNode", "pl": "pl/DOM/Selection/focusNode" } ) }}</p> diff --git a/files/es/web/api/selection/focusoffset/index.html b/files/es/web/api/selection/focusoffset/index.html new file mode 100644 index 0000000000..88f525f887 --- /dev/null +++ b/files/es/web/api/selection/focusoffset/index.html @@ -0,0 +1,27 @@ +--- +title: focusOffset +slug: Web/API/Selection/focusOffset +tags: + - páginas_a_traducir +translation_of: Web/API/Selection/focusOffset +--- +<p>{{ ApiRef("DOM") }}</p> + +<h3 id="Resumen" name="Resumen">Resumen</h3> + +<p>Devuelve el número de caracteres en que el foco de la selección es colocado dentro de <a href="es/DOM/Selection/focusNode">focusNode</a>.</p> + +<h3 id="Sintaxis" name="Sintaxis">Sintaxis</h3> + +<pre class="eval"><i>sel</i>.focusOffset +</pre> + +<h3 id="Notas" name="Notas">Notas</h3> + +<p>Este número está basado en cero. Si la selección termina con el primer carácter en <a href="es/DOM/Selection/focusNode">focusNode</a>, el número devuelto será 0.</p> + +<p> </p> + +<div class="noinclude"> </div> + +<p>{{ languages( { "en": "en/DOM/Selection/focusOffset", "it": "it/DOM/Selection/focusOffset", "pl": "pl/DOM/Selection/focusOffset" } ) }}</p> diff --git a/files/es/web/api/selection/getrangeat/index.html b/files/es/web/api/selection/getrangeat/index.html new file mode 100644 index 0000000000..db0505dd77 --- /dev/null +++ b/files/es/web/api/selection/getrangeat/index.html @@ -0,0 +1,49 @@ +--- +title: getRangeAt +slug: Web/API/Selection/getRangeAt +tags: + - páginas_a_traducir +translation_of: Web/API/Selection/getRangeAt +--- +<p>{{ ApiRef("DOM") }}</p> + +<h3 id="Resumen" name="Resumen">Resumen</h3> + +<p>Devuelve un objeto de rango representando uno de los rangos seleccionados.</p> + +<h3 id="Sintaxis" name="Sintaxis">Sintaxis</h3> + +<pre class="eval"><i>range</i> = +<i>sel</i>.getRangeAt( +<i>index</i>) +</pre> + +<h3 id="Par.C3.A1metros" name="Par.C3.A1metros">Parámetros</h3> + +<dl> + <dt> + <i><code>range</code></i> + </dt> + <dd>El objeto <a href="es/DOM/range">range</a> (rango) que será devuelto.</dd> +</dl> + +<dl> + <dt> + <i><code>index</code></i> + </dt> + <dd>El exponente (basado en cero) del rango a devolver. Un número negativo o un número mayor o igual a <a href="es/DOM/Selection/rangeCount">rangeCount</a> provocará un error.</dd> +</dl> + +<h3 id="Ejemplos" name="Ejemplos">Ejemplos</h3> + +<pre class="eval">ranges = []; +sel = window.getSelection(); +for(var i = 0; i < sel.rangeCount; i++) { + ranges[i] = sel.getRangeAt(i); +} +/* Cada artículo en el array de rangos ahora es + * un objeto rango representando uno de los + * rangos en la selección */ +</pre> + +<p>{{ languages( { "en": "en/DOM/Selection/getRangeAt", "pl": "pl/DOM/Selection/getRangeAt" } ) }}</p> diff --git a/files/es/web/api/selection/index.html b/files/es/web/api/selection/index.html new file mode 100644 index 0000000000..d267e3b16b --- /dev/null +++ b/files/es/web/api/selection/index.html @@ -0,0 +1,105 @@ +--- +title: Selection +slug: Web/API/Selection +tags: + - DOM + - Todas_las_Categorías +translation_of: Web/API/Selection +--- +<p>{{ ApiRef("DOM") }}</p> + +<h3 id="Introducci.C3.B3n" name="Introducci.C3.B3n">Introducción</h3> + +<p>Selección es la clase de objeto devuelto por <code><a href="es/DOM/window.getSelection"> window.getSelection()</a></code> y otros métodos.</p> + +<p>Un objeto de selección representa los <a href="es/DOM/range">rangos</a> que el usuario ha seleccionado. Suele llevar un sólo rango, accesado como sigue:</p> + +<pre class="eval">range = sel.getRangeAt(0); +</pre> + +<p>Llamar al método <code><a href="es/DOM/Selection/toString">toString()</a></code> devuelve el texto contenido en la selección, ej:</p> + +<pre class="eval">selObj = window.getSelection(); +window.alert(selObj.toString()); +</pre> + +<p> </p> + +<h3 id="Glosario" name="Glosario">Glosario</h3> + +<p>Otros términos claves usados en esta parte.</p> + +<dl> + <dt>anchor</dt> + <dd>El ancla de una selección es el punto inicial de ésta. Cuando se hace una selección con el ratón, el ancla es el punto donde se presionó por primera vez el botón del ratón. Cuando el usuario mueve la selección utilizando el ratón o el teclado, el ancla no se mueve.</dd> + <dt>focus</dt> + <dd>El foco de una selección es el punto último de ésta. Cuando se hace la selección con el ratón, el foco es el punto donde se suelta el botón del ratón. Cuando el usuario mueve la selección utilizando el "mouse" o el teclado, el foco es el final de la selección que el usuario está moviendo.</dd> + <dt>range</dt> + <dd>Un rango es una parte contigua de un documento. Un rango puede contener un nodo entero así como porciones de nodos, por ejemplo una parte de un nodo de texto. Normalmente un usuario seleccionará únicamente un solo rango a la vez, pero también le es posible seleccionar múltiples rangos (por ejemplo, utilizando la tecla control<em>Ctrl</em> ). Un rango puede ser recuperado de una selección como un objeto de <a href="es/DOM/range">rango</a>. Los objetos de rango también pueden ser creados vía el DOM y programadamente adheridos o removidos de una selección.</dd> +</dl> + +<h3 id="Propiedades" name="Propiedades">Propiedades</h3> + +<dl> + <dt><a href="es/DOM/Selection/anchorNode">anchorNode</a></dt> + <dd>Devuelve el nodo en el cual empieza la selección.</dd> + <dt><a href="es/DOM/Selection/anchorOffset">anchorOffset</a></dt> + <dd>Devuelve el número de caracteres en que el ancla de la selección es colocada dentro de <code>anchorNode.</code></dd> + <dt><a href="es/DOM/Selection/focusNode">focusNode</a></dt> + <dd>Devuelve el nodo en el cual acaba la selección.</dd> + <dt><a href="es/DOM/Selection/focusOffset">focusOffset</a></dt> + <dd>Devuelve el número de caracteres en que el foco de la selección es colocado dentro de <code>focusNode.</code></dd> + <dt><a href="es/DOM/Selection/isCollapsed">isCollapsed</a></dt> + <dd>Devuelve un valor boleano verdadero si los puntos de inicio y fin de la selección están en la misma posición.</dd> + <dt><a href="es/DOM/Selection/rangeCount">rangeCount</a></dt> + <dd>Devuelve el número de los rangos que hay en la selección.</dd> +</dl> + +<h3 id="M.C3.A9todos" name="M.C3.A9todos">Métodos</h3> + +<dl> + <dt><a href="es/DOM/Selection/getRangeAt">getRangeAt</a></dt> + <dd>Devuelve un objeto de rango representando uno de los rangos seleccionados.</dd> + <dt><a href="es/DOM/Selection/collapse">collapse</a></dt> + <dd>Pliega la selección a un simple punto.</dd> + <dt><a href="es/DOM/Selection/extend">extend</a></dt> + <dd>Traslada el foco de la selección a un punto especificado.</dd> + <dt><a href="es/DOM/Selection/collapseToStart">collapseToStart</a></dt> + <dd>Traslada el foco de la selección al mismo punto que el ancla.</dd> + <dt><a href="es/DOM/Selection/collapseToEnd">collapseToEnd</a></dt> + <dd>Traslada el ancla hasta el mismo punto del foco. El foco no se mueve.</dd> + <dt><a href="es/DOM/Selection/selectAllChildren">selectAllChildren</a></dt> + <dd>Añadirá todos los "hijos" del nodo especificado a la selección.</dd> + <dt><a href="es/DOM/Selection/addRange">addRange</a></dt> + <dd>Añade un objeto de rango a la selección.</dd> + <dt><a href="es/DOM/Selection/removeRange">removeRange</a></dt> + <dd>Quita un rango de la selección.</dd> + <dt><a href="es/DOM/Selection/removeAllRanges">removeAllRanges</a></dt> + <dd>Quita todos los rangos de la selección.</dd> + <dt><a href="es/DOM/Selection/deleteFromDocument">deleteFromDocument</a></dt> + <dd>Elimina del documento el contenido de la selección.</dd> + <dt><a href="es/DOM/Selection/selectionLanguageChange">selectionLanguageChange</a></dt> + <dd>NO IMPLEMENTADA, Cambia la direccion de la seleccion de Izquierda a Derecha a Derecha a Izquierda</dd> + <dt><a href="es/DOM/Selection/toString">toString</a></dt> + <dd>Devuelve una cadena de caracteres (texto), la cual es representada por el objeto de selección, es decir, el texto seleccionado.</dd> + <dt><a href="es/DOM/Selection/containsNode">containsNode</a></dt> + <dd>Indica si tal nodo es parte de la selección.</dd> +</dl> + +<h3 id="Ver_tambi.C3.A9n" name="Ver_tambi.C3.A9n">Ver también</h3> + +<p><a href="es/DOM/window.getSelection">window.getSelection</a>, <a href="es/DOM/range">Rango</a></p> + +<h3 id="Enlaces_externos" name="Enlaces_externos">Enlaces externos</h3> + +<ul> + <li><a class="external" href="http://lxr.mozilla.org/mozilla/source/content/base/public/nsISelection.idl">IDL definition in Mozilla cross-reference</a></li> +</ul> + +<p> </p> + +<p> </p> + +<div class="noinclude"> </div> + +<p>{{ languages( { "en": "en/DOM/Selection", "fr": "fr/DOM/selection", "it": "it/DOM/Selection", "ja": "ja/DOM/selection", "pl": "pl/DOM/Selection" } ) }}</p> diff --git a/files/es/web/api/selection/iscollapsed/index.html b/files/es/web/api/selection/iscollapsed/index.html new file mode 100644 index 0000000000..230c9f147d --- /dev/null +++ b/files/es/web/api/selection/iscollapsed/index.html @@ -0,0 +1,25 @@ +--- +title: isCollapsed +slug: Web/API/Selection/isCollapsed +tags: + - páginas_a_traducir +translation_of: Web/API/Selection/isCollapsed +--- +<p>{{ ApiRef("DOM") }}</p> + +<h3 id="Resumen" name="Resumen">Resumen</h3> + +<p>Devuelve un valor boleano verdadero si los puntos de inicio y fin de la selección están en la misma posición.</p> + +<h3 id="Sintaxis" name="Sintaxis">Sintaxis</h3> + +<pre class="eval"><i>sel</i>.isCollapsed +</pre> + +<h3 id="Notas" name="Notas">Notas</h3> + +<p>Incluso hasta una selección colapsada/plegada puede tener un rangeCount mayor que 0. <code>sel.getRangeAt(0)</code> puede retornar un rango que también esté colapsado/plegado.</p> + +<div class="noinclude"> </div> + +<p>{{ languages( { "en": "en/DOM/Selection/isCollapsed", "it": "it/DOM/Selection/isCollapsed", "pl": "pl/DOM/Selection/isCollapsed" } ) }}</p> diff --git a/files/es/web/api/selection/rangecount/index.html b/files/es/web/api/selection/rangecount/index.html new file mode 100644 index 0000000000..fb39e6be07 --- /dev/null +++ b/files/es/web/api/selection/rangecount/index.html @@ -0,0 +1,28 @@ +--- +title: rangeCount +slug: Web/API/Selection/rangeCount +tags: + - páginas_a_traducir +translation_of: Web/API/Selection/rangeCount +--- +<p>{{ ApiRef("DOM") }}</p> + +<h3 id="Resumen" name="Resumen">Resumen</h3> + +<p>Devuelve el número de los rangos que hay en la selección.</p> + +<h3 id="Sintaxis" name="Sintaxis">Sintaxis</h3> + +<pre class="eval"><i>sel</i>.rangeCount +</pre> + +<h3 id="Notas" name="Notas">Notas</h3> + +<p>Antes de que el usuario haya hecho + <i>click</i> + en una página recién cargada, el <code>rangeCount</code> es 0. Un usuario normalmente puede seleccionar un rango a la vez, entonces el <code>rangeCount</code> usualmente será 1. El + + <i>scripting</i> + puede usarse para hacer que la selección contenga más de 1 rango.</p> + +<p>{{ languages( { "en": "en/DOM/Selection/rangeCount", "it": "it/DOM/Selection/rangeCount", "pl": "pl/DOM/Selection/rangeCount" } ) }}</p> diff --git a/files/es/web/api/selection/removeallranges/index.html b/files/es/web/api/selection/removeallranges/index.html new file mode 100644 index 0000000000..5c8ad3f311 --- /dev/null +++ b/files/es/web/api/selection/removeallranges/index.html @@ -0,0 +1,27 @@ +--- +title: removeAllRanges +slug: Web/API/Selection/removeAllRanges +tags: + - páginas_a_traducir +translation_of: Web/API/Selection/removeAllRanges +--- +<p>{{ ApiRef("DOM") }}</p> + +<h3 id="Resumen" name="Resumen">Resumen</h3> + +<p>Quita todos los rangos de la selección, dejando las propiedades <a href="es/DOM/Selection/anchorNode">anchorNode</a> y <a href="es/DOM/Selection/focusNode">focusNode</a> con un valor <code>null</code> (nulo) y dejando nada seleccionado.</p> + +<h3 id="Sintaxis" name="Sintaxis">Sintaxis</h3> + +<pre class="eval"><i>sel</i>.removeAllRanges(); +</pre> + +<h3 id="Par.C3.A1metros" name="Par.C3.A1metros">Parámetros</h3> + +<p>Ninguno.</p> + +<p> </p> + +<div class="noinclude"> </div> + +<p>{{ languages( { "en": "en/DOM/Selection/removeAllRanges", "it": "it/DOM/Selection/removeAllRanges", "pl": "pl/DOM/Selection/removeAllRanges" } ) }}</p> diff --git a/files/es/web/api/selection/removerange/index.html b/files/es/web/api/selection/removerange/index.html new file mode 100644 index 0000000000..fa617c49b9 --- /dev/null +++ b/files/es/web/api/selection/removerange/index.html @@ -0,0 +1,45 @@ +--- +title: removeRange +slug: Web/API/Selection/removeRange +tags: + - páginas_a_traducir +translation_of: Web/API/Selection/removeRange +--- +<p>{{ ApiRef("DOM") }}</p> + +<h3 id="Resumen" name="Resumen">Resumen</h3> + +<p>Quita un rango de la selección.</p> + +<h3 id="Sintaxis" name="Sintaxis">Sintaxis</h3> + +<pre class="eval"><i>sel</i>.removeRange( +<i>range</i>) +</pre> + +<h3 id="Par.C3.A1metros" name="Par.C3.A1metros">Parámetros</h3> + +<dl> + <dt> + <i><code>range</code></i> + </dt> + <dd>Un objeto rango que será eliminado de la selección.</dd> +</dl> + +<h3 id="Ejemplos" name="Ejemplos">Ejemplos</h3> + +<pre class="eval">/* Programadamente, mas de un rango puede ser seleccionado. + * Esto eliminará todos los rangos excepto el primero. */ +s = window.getSelection(); +if(s.rangeCount > 1) { + for(var i = 1; i < s.rangeCount; i++) { + s.removeRange(s.getRangeAt(i)); + } +} +</pre> + +<p> </p> + +<div class="noinclude"> </div> + +<p>{{ languages( { "en": "en/DOM/Selection/removeRange", "it": "it/DOM/Selection/removeRange", "pl": "pl/DOM/Selection/removeRange" } ) }}</p> diff --git a/files/es/web/api/selection/selectallchildren/index.html b/files/es/web/api/selection/selectallchildren/index.html new file mode 100644 index 0000000000..5f824dc200 --- /dev/null +++ b/files/es/web/api/selection/selectallchildren/index.html @@ -0,0 +1,45 @@ +--- +title: selectAllChildren +slug: Web/API/Selection/selectAllChildren +tags: + - páginas_a_traducir +translation_of: Web/API/Selection/selectAllChildren +--- +<p>{{ ApiRef("DOM") }}</p> + +<h3 id="Resumen" name="Resumen">Resumen</h3> + +<p>Añadirá todos los "hijos" del nodo especificado a la selección. La selección previa se pierde.</p> + +<h3 id="Sintaxis" name="Sintaxis">Sintaxis</h3> + +<pre class="eval"><i>sel</i>.selectAllChildren( +<i>parentNode</i>) +</pre> + +<h3 id="Par.C3.A1metros" name="Par.C3.A1metros">Parámetros</h3> + +<dl> + <dt> + <i><code>parentNode</code></i> + </dt> + <dd>Todos los "hijos" de + <i><code>parentNode</code></i> + serán seleccionados. El mismo + + <i><code>parentNode</code></i> + no es parte de la selección.</dd> +</dl> + +<h3 id="Ejemplos" name="Ejemplos">Ejemplos</h3> + +<pre class="eval">footer = document.getElementById("footer"); +window.getSelection().selectAllChildren(footer); +/* Todo el contendio del pie de página ahora está seleccionado */ +</pre> + +<p> </p> + +<div class="noinclude"> </div> + +<p>{{ languages( { "en": "en/DOM/Selection/selectAllChildren", "it": "it/DOM/Selection/selectAllChildren", "pl": "pl/DOM/Selection/selectAllChildren" } ) }}</p> diff --git a/files/es/web/api/selection/tostring/index.html b/files/es/web/api/selection/tostring/index.html new file mode 100644 index 0000000000..0a70de979b --- /dev/null +++ b/files/es/web/api/selection/tostring/index.html @@ -0,0 +1,48 @@ +--- +title: toString +slug: Web/API/Selection/toString +tags: + - páginas_a_traducir +translation_of: Web/API/Selection/toString +--- +<p>{{ ApiRef("DOM") }}</p> + +<h3 id="Resumen" name="Resumen">Resumen</h3> + +<p>Devuelve una cadena de caracteres (texto), la cual es representada por el objeto de selección, es decir, el texto seleccionado.</p> + +<h3 id="Sintaxis" name="Sintaxis">Sintaxis</h3> + +<pre class="eval"><i>string</i> = +<i>sel</i>.toString() +</pre> + +<ul> + <li><code>string</code> es la representación del texto de selección.</li> +</ul> + +<h3 id="Par.C3.A1metros" name="Par.C3.A1metros">Parámetros</h3> + +<p>Ninguno.</p> + +<h3 id="Descripci.C3.B3n" name="Descripci.C3.B3n">Descripción</h3> + +<p>Este método devuelve el texto seleccionado.</p> + +<p>En <a href="es/JavaScript">JavaScript</a>, este método es llamado automáticamente cuando una función, a la cual es pasado como parámetro el objeto de selección, requiere una cadena de caracteres (texto):</p> + +<pre class="eval">alert(window.getSelection()) // Lo que se llama. +alert(window.getSelection().toString()) // Lo que está siendo efectivamente llamado. +</pre> + +<h3 id="Ver_tambi.C3.A9n" name="Ver_tambi.C3.A9n">Ver también</h3> + +<ul> + <li><a href="es/Core_JavaScript_1.5_Reference/Objects/Object/toString">Object.toString</a></li> +</ul> + +<p> </p> + +<div class="noinclude"> </div> + +<p>{{ languages( { "en": "en/DOM/Selection/toString", "fr": "fr/DOM/Selection/toString", "it": "it/DOM/Selection/toString", "pl": "pl/DOM/Selection/toString" } ) }}</p> |