10
votos
Aceptado
Cambiar color de una imagen con css
1. Respuesta directa a tu pregunta
Si te interesa jugar con los filtros, se puede, aunque te recomiendo el 2do método (abajo).
Para cambiar la matiz de colores usando filtros, es una buena idea ...
8
votos
Aceptado
Obtener el color de un area o coordenada especifica de una imagen PNG O JPG al dar click
He aquí lo que tienes que hacer:
crear un canvas
calcular las coordenadas relativas del click sobre la imagen
obtener el pixel correspondiente del canvas
Te pongo un ejemplo:
const gatete= ...
5
votos
Aceptado
Decodificar entidades HTML Ñ y &
Se puede realizar de 2 formas:
Utilizando el DOM, y creando un textarea que usamos para que el navegador se encargue de todo. Tiene como ventaja que permite decodificar todos los casos:
function ...
5
votos
Aceptado
Cómo hacer que aparezca la fecha actual en el input asociado a un datepicker
Intentar con esto.
$(document).ready(function() {
$("#datepicker").datepicker({
dateFormat: 'dd/mm/yy',
}).datepicker("setDate", new Date());
});
<link rel="stylesheet" type="...
5
votos
¿Porqué la ventana modal queda detrás de un footer?
Quedan debajo porque la propiedad del z-index de la capa oscura es mayor a la del modal, y la del footer es mayor a la de todos. Solución rápida, dale un z-index exagerado al modal.
<div id="...
5
votos
Aceptado
¿Como puedo obtener el color de un punto especifico con javascript?
Tengo buenas y malas noticias:
Las malas
No se puede obtener el color de un pixel concreto de un div.
Las buenas
Se puede obtener el color de un pixel en un canvas:
const canvas = document....
4
votos
Decodificar entidades HTML Ñ y &
Respuesta tomada de https://stackoverflow.com/a/3700369/1845602
function decode(str) {
var elem = document.createElement('textarea');
elem.innerHTML = str;
return elem.value;
}
...
4
votos
Decodificar entidades HTML Ñ y &
Usando jQuery:
function decodificarEntidadesHTML (texto) {
return $('<textarea \>').html(texto).text();
}
Ejemplo de uso:
function decodificarEntidadesHTML (texto) {
return $('<...
4
votos
Aceptado
No me muestra la tooltip
Faltaba agregar las debidas librerias, y el atributo title en el input
function test()
{
var valor = $("#nombre").val();
if( valor == null || valor.length == 0) {
$("#nombre").tooltip({
...
4
votos
¿Cómo establezco el Idioma en Datepicker?
Este funciona (también en jsfiddle):
Nota: Verifica que tienes las librerías necesarias.
ACTUALIZACIÓN: aplicar código CSS
En base un comentario, he colocado un fragmento de código CSS y aprovecho ...
3
votos
Aceptado
¿Como repetir una animación con jquery infinitas veces o cada 5 segundos?
Simple, usa el método nativo de javascript setInterval, ejecutará todo lo que le pongas dentro de la función que recibe como primer párametro cada N milisegundos que le indiques en su segundo ...
3
votos
Aceptado
Slider JQuery UI - Suavizar movimiento
Una cosa que podrías hacer es poner el step a un valor pequeño como .1 o .01, de ese modo la animación será más fluida (mientras menor sea el número más pasos habrá y más fluido se verá).
Entonces el ...
3
votos
Slider JQuery UI - Suavizar movimiento
Una idea rápida: Pon 10x veces mas valores, en tu caso, del 30 al 80 y luego en todos los usos lo divides por 10 y le haces un floor.
Ejemplo:
var initialValue = 4;
var sliderTooltip = function(...
3
votos
Deshabilitar dias feriados en un datepicker
tienes que declarar un array para almacenar todos los dias feriados alli. Asi lo logras: Lo edite para adaptarlo a lo que tu tienes:
<head>
<title>Prueba</title>
</head&...
3
votos
Aceptado
Jquery DatePicker
Para calcular la cantidad de días que hay entre dos fechas yo haría lo siguiente:
$("#fechaInicio").datepicker();
$("#fechaFin").datepicker();
$("#restar").click(function(){
var ...
3
votos
Aceptado
Necesito hacer convivir bootstrap/3.3.6, jquery2.2.0 con jquery-1.12.4. y jquery-ui.js para utilizar datepicker.de jquery-ui
1) Es recomendable no utilizar más de una versión de jquery, he eliminado las múltiples versiones que tenías dejando la más reciente en tu código.
2) Es importante que para cargar el js de bootstrap ...
3
votos
Aceptado
Problemas con JQuery
1- Como primera como sugerencia, creo que deberías poner tu codigo Javascript al final del body, de esta forma termina de cargarse la pagina y sus elementos...
A veces falla cuando lo pones arriba.
...
3
votos
Actualización de versiones de los archivos JQuery
Respondiendo a la pregunta entregada por el OP en los comentarios: ¿es lo mismo la versión 1.12.4 que la 3.3.1?
La respuesta es NO, no son la misma versión.
Según el repositorio de jQuery en GitHub (...
2
votos
Aceptado
Jquery UI: Como hacer para que un elemento draggable no se pueda soltar sobre otro elemento draggable?
Primero voy a hacer un par de cambios de cosas que o bien estaban mal o bien me estaban dando problemas:
La propiedad es containment y no cointainment
No se especifica una posición para el ....
2
votos
Aceptado
draggable no se aplica a elemento creado mediante append
Esto sucede porque la función de arrastre está configurada para ejecutarse sólo una vez cuando el documento está listo. Por lo tanto, cuando agrega un nuevo nodo al documento, éste no se aplicará al ...
2
votos
¿Como repetir una animación con jquery infinitas veces o cada 5 segundos?
Una forma para que realmente estes esperando a que termine la animación para comenzar de nuevo, sería la siguiente:
Ejecutar una animación infinitas
Crear una función (eg: animateSkillbar) para ...
2
votos
Aceptado
Salta de un input a otro sin usar tabindex
Si lo que quieres es que la tecla Tab vaya recorriendo los inputs (sin importar el atributo tabindexdxfiltro o tabindexgt podrías -al principio- asignarle un atributo data-index a cada elemento input....
2
votos
Aceptado
Modificar el tamaño y centrar imagen al hacer drag-and-drop
El problema es que al clonar el objeto helper lo clonas con todos los atributos que jQuery UI ha añadido.
De la misma forma cuando utilizas effect para cambiar el tamaño de la imagen, este método ...
2
votos
Ejecutar funcion cuando otra se complete
Al usar jQuery.when la salida es un objeto thenable o sea una "promesa" (aunque las promesas de jQuery son un poco sui generis). Si invocas when pasándole un argumento que no devuelve una promesa o un ...
2
votos
Aceptado
¿Como configurar Data table Jquery?
Esta es la pagina oficial:
Jquery DataTables
Y te anexo algunos ejemplos:
Configuracion por default de jquery DataTable
$(document).ready(function() {
var dataSet = [
["Tiger Nixon", "...
2
votos
Como recorrer todos los bootstrap-table de mi pagina
Podes buscar los td dentro de tu tabla y luego recorrerlos para obtener el valor de la siguiente manera:
$('#table-7488').find("td").each(function() {
var field = $(this).html();
console....
2
votos
Delimitar áreas especificas de una imagen y asociarla a un evento click
En este ejemplo utilizo la la etiqueta <map>. Si pasas con el ratón por encima del polígono rosa podrás ver que este es un link.
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/...
2
votos
Cómo evitar que un div pueda ser movido (drag and drop) en una zona del documento con jquery UI draggable
En la documentación de jQuery UI hay un ejemplo de lo que vos buscas hacer, como este hay varios más, es totalmente recomendable pegarles una mirada antes de usar la librería.
Llendo al caso ...
2
votos
Aceptado
¿Cómo capturar valor seleccionado en buscador inteligente?
Para conseguirlo podrías valerte de la función change que tiene el objeto autocomplete.
Esta función puede recibir dos parámetros, uno de ellos es ui que es el objeto seleccionado del listado.
Si ...
2
votos
¿Cómo evitar que el resultado de una función se junte al título?
Editado
El problema esta en tu html, esta totalmente mal. Tienes el div.wrapper dentro del div.header, además de que cierras una etiqueta form la cual no existe su apertura. Y cierras demasiados divs ...
Only top scored, non community-wiki answers of a minimum length are eligible
Etiquetas relacionadas
jquery-ui × 140jquery × 102
javascript × 64
html × 28
html5 × 21
php × 19
ajax × 14
jquery-datepicker × 11
bootstrap × 8
datepicker × 8
css × 7
datatables × 6
drag-and-drop × 5
jquery-mobile × 5
css3 × 4
asp.net-mvc × 4
autocompletar × 4
jquery-ui-datepicker × 4
mysql × 3
laravel × 3
php7 × 3
json × 2
base-de-datos × 2
asp.net × 2
codeigniter × 2