Información de etiqueta

Respuestas populares con la etiqueta

6 votos
Aceptado

No permitir seleccionar en Datepicker de materialize los días pasados

La opción es min y en lugar de 0 deberías darle la fecha actual, así: $('.datepicker').pickadate({ min: new Date(), }); <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/...
Diego's user avatar
  • 5,693
6 votos
Aceptado

Problemas con button de material design de google

Esto es un problema que ocurre porque el código HTML no es válido. En la definición de HTML se indica que el contenido dentro de un botón puede ser: Phrasing content, but there must be no ...
Alvaro Montoro's user avatar
  • 49.3k
6 votos
Aceptado

Oscurecer el fondo al clicar en botón flotante

Una forma es crear una overlay, que es una capa que cubre una sección del documento; en este caso, todo el documento. Esta overlay se mostrará junto con las opciones y se ocultará también junto con ...
gugadev's user avatar
  • 19.1k
5 votos
Aceptado

¿Cómo integrar Jquery Datatables con materializecss?

Logré solucionar esos problemas agregando las siguientes lineas de código jquery: $("select").val('10'); //seleccionar valor por defecto del select $('select').addClass("browser-default"); //agregar ...
Juan Pinzón's user avatar
  • 9,238
4 votos

Como validar modal con inputs vacíos en Materialize

Para hacer lo que quieres tienes que manejar los eventos con jquery, por ejemplo: <link href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.6/css/materialize.min.css" rel="stylesheet"...
Juan Pinzón's user avatar
  • 9,238
4 votos
Aceptado

¿Cerrar un modal usando JQuery y Materialize?

No necesitas #modalOut los modales de materialize tienen una opción que es dismissible. Esta opción lo que hace es que al hacer click fuera del modal se cierre. Su valor por defecto es True. Puedes ...
Fran Islas's user avatar
  • 2,379
4 votos

No carga imagen en parallax con Materialize

Si revisas las clases CSS de Materialize podrás ver que aplica las siguientes propiedades a las imágenes dentro de un contenedor .parallax: .parallax-container .parallax img { opacity: 0; ...
Jheyman Mejia's user avatar
4 votos
Aceptado

Centrar formularios materialize

Este es un problema que ya se ha reportado con anterioridad. Sucede que es necesario que la clase .valign-wrapper tenga una altura definida para que así las propiedades se apliquen correctamente. ...
Jheyman Mejia's user avatar
4 votos
Aceptado

¿Como cambiar tabs en materialize sin utilizar JQuery?

Para lograr la navegación entre tabs y no depender del uso de JQuery entonces primero vamos a recuperar la etiqueta de la lista desordenada a través de la clase que tiene asignada de este modo: let ...
BetaM's user avatar
  • 31.2k
3 votos
Aceptado

laravel mandar datos deuna tabla a una ventana modal

Bueno, el problema es que estás haciendo un foreach dentro del modal y esta hace que recorra todos los registros, la solución sería lo siguiente. <table class="bordered highlight table-responsive"&...
Marcial Cahuaya's user avatar
3 votos

Marcar y desmarcar independientemente checkbox

Es que tienen el mismo id y no debe ser así. Cada identificador es único. La etiqueta label debería estar relacionada con un único elemento o identificador. <script src="https://cdnjs....
toledano's user avatar
  • 5,136
3 votos

Consulta css para ciertos tags

Conozco 3 maneras que te pueden servir, aunque la 3 la desaconsejo: 1. El orden de importación de los CSS es importante Si tienes 2 CSS, el que esté definido más abajo tiene prioridad en sus ...
Miquel Coll's user avatar
  • 3,201
3 votos

AngularJS: Editar item de un Table en un Modal

Estas enfocando mal la solución de tu problema. En angular no hay necesidad de llamar a $document.ready o $(document).ready ya que el framework tiene su propio proceso de inicialización usando angular....
devconcept's user avatar
  • 12.8k
3 votos

Aplicar función a evento de selección de option en Angular 4

Puedes detectar la selección de una opción y el cambio de dicha opción con el evento que se emite por default con Angular((change)=''), para así poder hacer la petición a la API. Te dejo un ejemplo a ...
Federico Madoery's user avatar
3 votos
Aceptado

Obtener el valor de un <select> con Vue.js

Puedes utilizar Refs, así: <div class="input-field"> <select ref="seleccionado"> <option v-for="elemento in elementos">{{elemento.text}}</option> </select&...
Israel Maita's user avatar
3 votos
Aceptado

Crear Estructura HTML Dinámicamente con JavaScript

Tu problema es que no estas usando todo el potencial de jQuery. Estas mezclando jQuery con vanilla javascript. En lugar de usar innerHTML, usa jQuery append, de lo contrario, jQuery no reconoce los ...
alanfcm's user avatar
  • 20.9k
3 votos
Aceptado

Modificar posicion de elemento de manera responsive

Podrías usar @media query y jugar con el CSS para hacer lo que deseas, pero cuando utilizas un framework como Materialize me parece un poco innecesario añadir o modificar estilos y más si existen ...
Jheyman Mejia's user avatar
3 votos
Aceptado

¿Como puedo iniciar el componente del carousel con materialize?

Para que los slides inicien automaticamente podrias usar el metodo .next() . Pero con precaucion, porque si el usuario esta presionando en el slide se produce un mini bug. Por lo tanto, no queremos ...
Ale's user avatar
  • 719
3 votos
Aceptado

¿Como puedo centrar este formulario materialize?

PROBLEMA Tienes 2 elementos col dentro de otro elemento col, cosa que no es lo correcto cuando trabajas con el sistema de grilla de Materialize: <div class="container"> <div class=...
Mauricio Contreras's user avatar
2 votos
Aceptado

¿Como validar un switch e insertarlo en la base de datos si el dato en mi db es booleano?

Para que el backend reciba algo, tu checkbox tiene que estar en estado checked y tiene que tener un nombre. Si no le pones atributo value, por defecto enviará el valor on cuando esté checkeado. Pero ...
ffflabs's user avatar
  • 22.8k
2 votos

¿Cómo mostrar correctamente Datepicker?

La solución fue poner el script dentro del HTML (al final del todo) y ya funcionó (Y). Al parecer al llamarlo desde un archivo externo (archiv.js) no lo reconoce, por eso debe estar dentro del HTML ...
Reynald0's user avatar
  • 1,005
2 votos
Aceptado

¿Cómo configurar auto-completado de Materialize para filtrar por los primeros caracteres que coincidan?

Respuesta corta: no se puede. El plugin autocomplete de materialize sólo acepta como parámetros de configuración un objeto del tipo: var conf = { data:{...}, limit:xx, onAutocomplete: function()...
ffflabs's user avatar
  • 22.8k
2 votos

Remover estilos de un select en materialize

Podrias usar la Clase por defecto de Materialize "browser-default". ejemplo: <input type="text" class="browser-default"/> Documentacion Oficial: Aqui
Diego Avila's user avatar
  • 5,456
2 votos
Aceptado

¿Como validar un switch (materialize) con jquery?

Acá te dejo un ejemplo de como puedes hacer lo que estas tratando pero en vez de usar el evento onclick, puedes añadirle un atributo a cada checkboxs con su id, luego bindear el evento "change" a ...
Leonardo Cabré's user avatar
2 votos
Aceptado

Como logro hacer que mi boton no pierda funcionalidad despues de agregarlo con append en jquery

utiliza el metodo on para asignar los eventos ejemplo: $('tbody').on('click',selector,function(){
junior's user avatar
  • 825
2 votos

¿Cómo ajustar contenido de DIV en diferentes resoluciones de pantalla?

Ya has intentado usar mediaqueries? Agregando por ejemplo este código al final de tu demo, el menú se coloca al 100% de la pantalla: @media (max-width: 840px){ .menu{ width: 100%; } #nav-...
Edgar Gutiérrez's user avatar
2 votos
Aceptado

input range materialize no me toma el valor de una variable php

El problema es que estas asignando a value "$estatus" como un string. No estas asignando el valor de la variable. Prueba hacer lo siguiente: <?php $estatus = $resultado['status']; echo '<p ...
Fran Islas's user avatar
  • 2,379
2 votos
Aceptado

Modal se abre siempre que haga click aunque tenga el eventListener en una imagen

Aqui no deberias ocupar IDs, si no clases var prodImages = document.querySelectorAll('#prod-img'); En fin siguiendo con tu codigo, al no poner el listener en el element, por default toma el window ...
elporfirio's user avatar
2 votos

Como hacer Sticky el footer en materialize?

El problema es el siguiente, en la documentación de Materialize apartado footer indica lo siguiente: utilizamos flexbox para estructurar nuestro html de modo que el pie de página esté siempre en la ...
John Alex Machado's user avatar
2 votos

Modificar posicion de elemento de manera responsive

Puedes aplicar css, para que no uses javascript, ahí un poco de flex. <link href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css" rel="stylesheet"/> <...
Leo Ramirez's user avatar

Only top scored, non community-wiki answers of a minimum length are eligible