Articles of css

Cómo limitar el arrastre dentro del cuerpo. ¿Puede alguien ayudarme a resolver mi código? ¿Dónde debo estar en la contención (AYUDA ~)

Esta es mi encoding que se puede arrastrar. Necesito hacer la que se puede arrastrar solo en el cuerpo. ¿Alguien puede ayudarme a resolver con mi encoding? Necesito ayuda (de principiante) Sólo sé que tengo que agregar la contención, pero realmente no sé dónde agregarla dentro del código. ¿Puede alguien ayudarme a resolver el código? […]

Forzar navegador para repintar inmediatamente un elemento dom

Necesito insertar un enorme código html en algún elemento dom que tomará un tiempo. Es una razón por la que quiero mostrar algún indicador de precargador. Tengo dos bloques: #preloader y #container. Algunos códigos muestran el precargador en primer lugar y luego comienzan a pegar un marcado html grande. El problema: el preloader no se […]

Más de una clase css pulsable en javascript

¿Cómo puedo hacer que incluso “toggle_cart” se pueda hacer clic de la misma forma que “clickerHeader” pero retenga su efecto de desplazamiento (ver flecha)? Por favor, consulte http://jsfiddle.net/realitylab/STE48/3 $(‘.eventMenu > ul’).toggleClass(‘no-js js’); $(‘.eventMenu .js ul’).hide(); $(document).on(“click”, function(e) { var $elem = $(e.target); if ($elem.hasClass(‘clickerHeader’)) { $(‘.eventMenu .js ul’).not($elem.next(‘ul’)).hide(); $elem.next(“ul”).slideToggle(); } else if (!$($elem).parents(‘.contentHolderHeader’).length) { //} […]

¿Cómo colocar un elemento de ubicación fija en el navegador IOS cuando se hace zoom?

Tengo una pequeña y bonita biblioteca React de arrastrar y colocar que funciona para sistemas de ratón y táctil. Para tocar, toma la ubicación táctil a través de clientX y clientY ( e.targetTouches[0].clientX, e.targetTouches[0].clientY ). Utiliza esas coordenadas para colocar el elemento arrastrado, que tiene una position: fixed . SIN EMBARGO, al menos en IOS […]

Vista previa de múltiples imágenes antes de subir

Quiero obtener una vista previa de varias imágenes, pero el problema es que mis códigos solo funcionan si estoy cargando 2 imágenes. Quiero previsualizar tanto como subidas de usuarios. es mi javascript: var abc = 0; //Declaring and defining global increement variable $(document).ready(function() { $(‘#file’).click(function() { $(this).before($(“”, {id: ‘filediv’}).fadeIn(‘slow’).append( $(“”, {name: ‘file[]’, type: ‘file’, id: […]

¿Cómo hago para que este texto de jQuery desaparezca?

Así que soy un estudiante y estoy muy perdido en mi clase de encoding. Mi maestro nos dio este código para hacerlo así que cuando hago clic en un encabezado, se expande en un párrafo. Luego quiere que lo hagamos para que al hacer clic en el encabezado, el párrafo vuelva a desaparecer. Simplemente no […]

Juega múltiples incrustaciones de Plyr Vimeo en el hover

Tengo varios videos incrustados en una página con Plyr.js. Mi objective final es hacer que cada video se reproduzca en modo estacionario y se detenga cuando no haya un elemento estacionario. Aquí está mi código actual: const players = Array.from(document.querySelectorAll(‘#player’)).map(p => new Plyr(p, { debug: true, volume: 0, controls: false, muted: true, fullscreen: { enabled: […]

Javascript solo afecta a un elemento

No entiendo, el borde solo es visible en el primer elemento, ¿por qué? HTML Content 1 Content 2 ​ JavaScript document.getElementById(‘item’).style.borderTop = ‘1px solid #0ea2c7’;​ JsFiddle: aquí

usar un estilo como span en textarea

Estoy tratando de tener un área de texto que pueda tener un estilo simple como la extensión de un párrafo. Pero el problema es que no se permiten tags html en área de texto. Entonces, ¿qué debo hacer para tener un área de texto que pueda tener un estilo simple como colorear una oración?

Cómo establecer múltiples valores de propiedades de visualización de CSS con jquery

Ok, esto me está volviendo un poco chiflado. Estoy usando el método jQuery .css () para intentar configurar las múltiples propiedades de visualización de flexbox necesarias para una clase. El problema es que solo conserva el último. ¿Alguna idea sobre cómo hacer esto con jQuery, o no es posible? Esto es lo que he intentado […]