Dudas de Programación - Preguntas y respuestas recientes en jQuery

Bienvenidos al foro jQuery

Wed, 04 Jun 2025 08:38:27 +0000

Daros la bienvenida al foro sobre dudas con la librería jQuery.

Como hacer esta funcion dinamica con un loop for en jquery

Sun, 15 Jan 2023 09:43:26 +0000

Lo que necesito es que al momento de seleccion una fraccion se multiplique este valor con el precio y en total de venta se muestre el total de la multiplicacion . pero no logro poder realizarlo

function mostrar_productos(){
    
              $.ajax({
                      type  : 'ajax',
                  url   : '<?php echo site_url('Cproductos/get_productos')?>',
                  async : false,
                  dataType : 'json',
                  success : function(data){
                  var html = '';
                  var i;
                  for(i=0; i<data.length; i++){
                  html += '<tr>'+
                    '<td>'+data[i].descripcion+'</td>'+
                    '<td>'+'<span id="sp_precio'+i+'"">'+data[i].precio+'</span>'+'</td>'+ 
                    '<td>'+'<input type="number" class="form-control col-4" id="txtfraccion'+i+'" name="txtfraccion'+i+'" min="1" pattern="^[0-9]+">'
                    +'</td>'+ 
                    '<td>'+'<span id="sp_total'+i+'"></span>'+'</td>'+'</tr>';
    
                  }
                  $('#show_prod').html(html); 
    
                  //data contain 5 records
                 for(i=0; i<data.length; i++){
    
                  $('#txtfraccion' + i).on('input', function(e){
                  $('#sp_total' + i).text($(this).val());
                  });
    
                  }
               }
    
              });
                  }

agregar input con javascript y actualizar select

Sun, 21 Mar 2021 09:37:58 +0000

Quisiera saber cómo puedo agregar a mi input un boton para añadir tantos inputs iguales como me hagan falta. Para por ejemplo, si un cliente tiene varios perros, pueda agregarlos de una sola vez, sin tener que estar entrando de nuevo para agregar tantos perros tenga. También tenga un botón de eliminar, por si el usuario le da más de una vez al de añadir input y se equivoca.

Por otro lado tengo dos select y dependiendo la familia que esté en el primer select, en el segundo salgan los hijos pertenecientes a esa familia en concreto.

Gracias, un saludo.

Script Carrito de Compra

Wed, 13 May 2020 02:46:16 +0000

Buenas noches amigo, saludos a todos los usuarios de este grupo, soy nuevo en el mismo, y vengo a pedirle una ayuda en un script que tengo para agregar productos a un carrito con jquery y php usando session, es para un sistema de restaurantes, si pueden ingresar a este link podran ver el demo online del software, http://allcode.com.ec/sis/doneba ingresen para usuario y clave =MESERO123 alli seleccionan una mesa y luego les mostrara los productos, le dan clic a cada cuadro y veran que se van agregando los detalles del producto, con dos acciones eliminar y observacion, quiero poder trabajar la parte de observacion pero no logro hacerlo

Valor del lang de html. con jquery

Sun, 05 Apr 2020 01:55:03 +0000

Muy buena noche para todos... quiero preguntarles si es posible ver el valor del lang de html ( <html lang="es"> ). quiero hacer un addClass a un div según el valor de lang. Es eso posible??? De antemano muchas gracias.

Formulario con Jquery (no puedo escribir caracteres)

Mon, 11 Nov 2019 03:38:12 +0000

Hola necesito ayuda con este código ya que con Jquery puse para que los caracteres de letras en los campos "edad,dni y altura" no se puedan escribir y tire una alerta pero ahora no me deja escribir nada, agradecería la ayuda y paso el código , Gracias!!

.js

$(document).ready(function(){

$("#botonEnviar").on("click", function(){

enviar();

});

$("#edad").keypress(function (e) {

$("#errorEdad").html(validarNumero(e)).show().fadeOut("slow");

return false;

});

$("#dni").keypress(function (e) {

$("#errorDni").html(validarNumero(e)).show().fadeOut("slow");

return false;

});

$("#altura").keypress(function (e) {

$("#errorAltura").html(validarNumero(e)).show().fadeOut("slow");

return false;

});

function validarNumero(e) {

if (e.which != 8 && e.which != 0 && (e.which < 48 || e.which > 57)) {

//display error message

return "Por favor inserte caracteres numericos";

}else{

return false;

}

function enviar() {

var mensajes = "";

if ($("#nombre").val() == "") {

$("#nombre").addClass("bordeRojo");

mensajes += "Debes escribir el nombre \n";

}else{

$("#nombre").removeClass("bordeRojo");

}

if ($("#apellido").val() == "") {

$("#apellido").addClass("bordeRojo");

mensajes += "Debes escribir el apellido \n";

}else{

$("#apellido").removeClass("bordeRojo");

}

if ($("#dni").val() == "") {

$("#dni").addClass("bordeRojo");

mensajes += "Debes escribir el DNI \n";

}else{

$("#dni").removeClass("bordeRojo");

}

if ($("#edad").val() < 18) {

$("#edad").addClass("bordeRojo");

mensajes += "Debes ser mayor \n";

}else{

$("#edad").removeClass("bordeRojo");

}

if ($("#pais").val() != "Argentina") {

$("#pais").addClass("bordeRojo");

mensajes += "Debes ser residente Argentino \n";

}else{

$("#pais").removeClass("bordeRojo");

}

if ($("#altura").val() >= 180) {

$("#altura").addClass("bordeRojo");

mensajes += "Debes tener de altura 180 cm \n";

}else{

$("#altura").removeClass("bordeRojo");

}

if( mensajes != "" ){

alert( mensajes );

}else{

document.getElementById("miform").submit();

}

.html

<html>

<head>

<title>Formulario</title>

</head>

<body>

<h1>Formulario de logueo</h1>

<p>Nombre:

<p>Apellido:

<p>DNI:

<p>Edad:

<p>Pais de residencia:

<p>Altura:

</div>

</form>

</body>

</html>

Bienvenidos al foro jQuery

Fri, 29 Jul 2016 13:28:25 +0000

Daros la bienvenida al foro sobre dudas con la librería jQuery.

Cerrar popup y redirigir a una vista con variable incrustada

Wed, 15 Jun 2016 16:08:22 +0000

Hola a todos,
Alguien me podria ayudar con este tema.
Lo que sucede es que me encuentro rellenando un formulario en un popup, y necesito que al rellenar el formulario me guarde la informacion, me cierre el popup y me agregue el id del ultimo registro en la ventana padre.
Logre guardar los datos y cerrar la ventana padre de este modo:

<script type="text/javascript">
opener.location.href='../../orders/add/';
self.close();
</script>

pero al tratar de enviarla junto al id, del ultimo registro, me regarga el popup con el id incluido.

<script type="text/javascript">
opener.location.href='../../orders/add/'+id;
self.close();
</script>

¿cual seria la manera correcta de enviar una direccion con una variable?

Saludos.

Respondido: ¿Como sincronizar SQLite a una Bd en internet (MySQL)

Fri, 10 Jun 2016 04:45:23 +0000

Hola que tal espero te pueda servir este dato seguramente hasta te facilitara las cosas:

http://docs.phonegap.com/en/3.0.0/cordova_storage_storage.md.html#Storage

Espero que te funcione ok.

Respondido: ayuda al ocultar un div

Fri, 10 Jun 2016 04:32:08 +0000

Hola que tal pues espero esto te de una idea y resuelva tus conflictos.

function mostrar(){ document.getElementById('uno').style.display='block'; }

function ocultar(){ document.getElementById('uno').style.display='none'; }

</script>

Ejecuta función javascript desde evento onclick c# e impedir que se ejecute algo mas sin finalizar esta

Sun, 05 Jun 2016 00:04:12 +0000

Buenas,qué me podrían sugerir. Tengo un método desde el cual llamo una función de javascript. Por consiguiente llamo un método de c#, como puedo hacer para que se ejecute en ese mismo orden,ya que veo que el javascript es lo ultimo que se ejecuta.Lo iba a hacer con ajax pero como veo que con este solo puedo llamar métodos estáticos creo no me daría, ya que dentro de mi método llamo controles.

ScriptManager.RegisterStartupScript(this, this.GetType(), "", "ConvertToImage()", true);
Exportar(null,null);
Gracias

Respondido: ¿como puedo Regresar 2 json con jquery?

Fri, 03 Jun 2016 05:18:30 +0000

Hola que tal lo que podriamos hacer en este apartado, es que obtengas los datos en variables diferentes, por ejemplo.

var data1={ /*Proceso para obtener dato*/ }

var data2={/*Proceso para obtener el arreglo o lista de datos*/}

Ya que tienes tus datos, creamos un unico archivo jSON, dando como resultado al objeto final.

var data={

dat1:data1,

dat2:data2

};

Y ya solo regresas este objeto, y asi podras utilizar cualquier propiedad que requieras en tu vista.

Espero y te sirva de algo.

Respondido: Problemas con Switch/Case en función ajax

Fri, 03 Jun 2016 04:42:29 +0000

Hola que tal, mira para empezar me gustaria saber que objeto es que te regresa el metodo o servicio que consumes, ya que por ejemplo puedes devolver un jSON ejemplo.

var ejemplo={

dato="Dato para case"

}

y al traer en un metodo de operacion exitosa, en el switch no deberias poner presisamente la variable data, ya que ese seria tu objeto, entonces por tanto para que el switch te reconosca el resultado, es necesario que especifiques la propiedad del objeto, especifica el objeto que vas a validar, por ejemplo:

switch(data.dato){}

Nota que le estamos indicando la propiedad dentro del objeto mas no el objeto.

Espero te haya servido de algo saludos

recuperar el valor de checkbox desde una BD con Jquery

Mon, 11 Apr 2016 15:07:11 +0000

Buenos dias estimados

Tengo un aplicativo en asp.net c# en el cual estoy utilizando jquery ajax y json, una BD. Sql server 2012 la cual esta compuesta por varias tablas y todas ellas tienen un campo llamado estado el cual es de tipo bit ya la pregunta es que al momento que le llamo mediante una consulta en asp.net no puedo cargar ese valor en un checkbox el cual lo estoy trabajando con jquery

gracias por su ayuda

Como obtener el Tamaño de un Script JS con Javascript/Jquery

Thu, 17 Mar 2016 14:51:01 +0000

Hola buen día, quisiera saber si alguien me puede colaborar.

Lo que sucede es uqe necesito recorrer todos los scripts de mi página, eso ya lo tengo, pero necesito saber el tamaño de cada uno: Jquery.min.js : 12KB (por ejemplo)

Ayuda a crear juego en jQuery

Wed, 16 Mar 2016 15:46:43 +0000

Soy un principiante en jQuery. Me pusieron a hacer un juego. Estoy implementando jQuery.
Voy a poner un ejemplo para empezar: PACMAN. Necesito saber cuál es el código para hacer que el muñequito de PACMAN no pase de las paredes (Que creo que esas paredes son imágenes).
Entonces cómo hacer que una imagen (PACMAN) no pase de otra imagen (Paredes).
Les agradecería sus prontas respuestas.

como ocultar mi barra de progreso adjunto codigo no oculta mi barra de progreso

Sat, 20 Feb 2016 22:46:19 +0000

$(function(){
    function MensajeFinal(msg){
        $('.mensage').append(msg);

        $('.mensage').show('slow');
    }

    $('#enviar').click(function(e){
        e.preventDefault();
        var text=$(".pru").val();

        var archivos = document.getElementById("archivos");
        archivos = archivos.files;
        var tamaño = archivos.length;

            console.log(tamaño)
        //console.log('aqui');
        $.each(archivos, function(k, archivo){


            var fd = new FormData();

            fd.append("archivos",archivo);
            fd.append("text",text);

                $('.m').append(archivo.name+"<br>"+'<div class="progress progress-striped active"> <div id="progressBar" value="0" max="100" class="progress-bar" style="width:0%"></div></div>');
        var progress_bar = $('.progress'),
        progress_total = $('.progress-bar');


        //$('.m').append($(".progress.progress-striped.active").hide());
            $.ajax({
                'url' : 'subir.php',
                'type' : 'POST',
                'async' : true,
                'data' : fd,
                'contentType' : false,
                'processData' : false,
                // cache : false,

                'xhr' : function(){
                        var myxhr = $.ajaxSettings.xhr();
                        //uso el objeto xhr para mostrar
                        //el progreso de la subida
                        if(myxhr.upload){
                            //progress_bar.css('display', 'block');
                            myxhr.upload.addEventListener('progress', function(e){
                                //calculo porcentaje subido para animar la barra
                                if(e.lengthComputable){
                                    var perc = Math.floor(e.loaded * 100 / e.total);
                                    var percentUploaded = perc + '%';
                                    progress_total.animate({
                                        'width': percentUploaded
                                    }, 500, 'linear'



                                     );




                                }
                            }, false);
                        }
                        return myxhr;
                },
            }).done(function(msg){



                MensajeFinal(msg)
            });


            });
        });

})

Respondido: spin.js plugin o libreria

Wed, 17 Feb 2016 23:21:59 +0000

Te he creado un ejemplo que te enseña a crear un Spinner mediante un botón y a pararlo con otro. La idea es que lo utilices cuando cargues datos (en AJAX) o algo parecido...

Espero que te sirva y oriente algo más.

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Ejemplo del Spinner</title>

</head>
<body>


<button id="iniciar">Iniciar</button>
<button id="parar">Parar</button>
<div id="spiner"></div>

<script src="http://fgnass.github.io/spin.js/spin.js"></script>
<script>
var opts = {
  lines: 13 // The number of lines to draw
, length: 28 // The length of each line
, width: 14 // The line thickness
, radius: 42 // The radius of the inner circle
, scale: 1 // Scales overall size of the spinner
, corners: 1 // Corner roundness (0..1)
, color: '#000' // #rgb or #rrggbb or array of colors
, opacity: 0.25 // Opacity of the lines
, rotate: 0 // The rotation offset
, direction: 1 // 1: clockwise, -1: counterclockwise
, speed: 1 // Rounds per second
, trail: 60 // Afterglow percentage
, fps: 20 // Frames per second when using setTimeout() as a fallback for CSS
, zIndex: 2e9 // The z-index (defaults to 2000000000)
, className: 'spinner' // The CSS class to assign to the spinner
, top: '50%' // Top position relative to parent
, left: '50%' // Left position relative to parent
, shadow: false // Whether to render a shadow
, hwaccel: false // Whether to use hardware acceleration
, position: 'absolute' // Element positioning
}

var spinner;

document.getElementById("iniciar").addEventListener("click",function(){
    var target = document.getElementById('spiner')
    spinner = new Spinner(opts).spin(target);
});

document.getElementById("parar").addEventListener("click",function(){
    spinner.spin(false);
});

</script>

</body>
</html>

Respondido: Bienvenidos al foro jQuery

Fri, 29 Jan 2016 04:23:51 +0000

Hola buenas tardes, tengo un input tags en jquery,tengo 3 predeterminadas pro necesito que el usuario agregue categorías a su gusto y guardarlas en una tabla de mysql, el problema es que no se como guardar los valores que se van creando ya que pueden ser varios. Se que es mediante un array, pero me gustaría saber si alguien me puede ayudar. Soy novato en esto de la programación. Le dejo mi código.

.Js que crea las etiquetas

<pre><code>(function($) {

var delimiter = new Array();
var tags_callbacks = new Array();
$.fn.doAutosize = function(o){
    var minWidth = $(this).data('minwidth'),
        maxWidth = $(this).data('maxwidth'),
        val = '',
        input = $(this),
        testSubject = $('#'+$(this).data('tester_id'));

    if (val === (val = input.val())) {return;}

    // Enter new content into testSubject
    var escaped = val.replace(/&/g, '&').replace(/\s/g,' ').replace(/</g, '<').replace(/>/g, '>');
    testSubject.html(escaped);
    // Calculate new width + whether to change
    var testerWidth = testSubject.width(),
        newWidth = (testerWidth + o.comfortZone) >= minWidth ? testerWidth + o.comfortZone : minWidth,
        currentWidth = input.width(),
        isValidWidthChange = (newWidth < currentWidth && newWidth >= minWidth)
                             || (newWidth > minWidth && newWidth < maxWidth);

    // Animate width
    if (isValidWidthChange) {
        input.width(newWidth);
    }

  };
  $.fn.resetAutosize = function(options){
    // alert(JSON.stringify(options));
    var minWidth = $(this).data('minwidth') || options.minInputWidth || $(this).width(),
        maxWidth = $(this).data('maxwidth') || options.maxInputWidth || ($(this).closest('.tagsinput').width() - options.inputPadding),
        val = '',
        input = $(this),
        testSubject = $('<tester/>').css({
            position: 'absolute',
            top: -9999,
            left: -9999,
            width: 'auto',
            fontSize: input.css('fontSize'),
            fontFamily: input.css('fontFamily'),
            fontWeight: input.css('fontWeight'),
            letterSpacing: input.css('letterSpacing'),
            whiteSpace: 'nowrap'
        }),
        testerId = $(this).attr('id')+'_autosize_tester';
    if(! $('#'+testerId).length > 0){
      testSubject.attr('id', testerId);
      testSubject.appendTo('body');
    }

    input.data('minwidth', minWidth);
    input.data('maxwidth', maxWidth);
    input.data('tester_id', testerId);
    input.css('width', minWidth);
  };

$.fn.addTag = function(value,options) {
options = jQuery.extend({focus:false,callback:true},options);
this.each(function() {
var id = $(this).attr('id');

var tagslist = $(this).val().split(delimiter[id]);
if (tagslist[0] == '') {
tagslist = new Array();
}

value = jQuery.trim(value);

if (options.unique) {
var skipTag = $(this).tagExist(value);
if(skipTag == true) {
    //Marks fake input as not_valid to let styling it
          $('#'+id+'_tag').addClass('not_valid');
      }
} else {
var skipTag = false;
}

if (value !='' && skipTag != true) {
                    $('<span>').addClass('tag').append(
                        $('<span>').text(value).append('&nbsp;'),
                        $('<a>', {
                            href : '#',
                            title : 'Removing tag',
                            text : 'x'
                        }).click(function () {
                            return $('#' + id).removeTag(escape(value));
                        })
                    ).insertBefore('#' + id + '_addTag');

tagslist.push(value);

$('#'+id+'_tag').val('');
if (options.focus) {
$('#'+id+'_tag').focus();
} else {
$('#'+id+'_tag').blur();
}

$.fn.tagsInput.updateTagsField(this,tagslist);

if (options.callback && tags_callbacks[id] && tags_callbacks[id]['onAddTag']) {
var f = tags_callbacks[id]['onAddTag'];
f.call(this, value);
}
if(tags_callbacks[id] && tags_callbacks[id]['onChange'])
{
var i = tagslist.length;
var f = tags_callbacks[id]['onChange'];
f.call(this, $(this), tagslist[i-1]);

for(var x=0; x>=i; x++){
$("#contenedor").html(tagslist[x]);

Respondido: Abrir toggle jquery desde un link externo

Fri, 29 Jan 2016 04:23:51 +0000

alguna idea amigos? gracias!

Respondido: cosumir servicio SOAP desde JQuery

Fri, 29 Jan 2016 04:23:50 +0000

ya no hace falta que respondan ya resolvi , lo que tenia era que estaba construyendo mal el mensaje soap

<code><?xml version="1.0" encoding="UTF-8" ?><S:Envelope xmlns:S="http://schemas.xmlsoap.org/soap/envelope/" xmlns:xsd="http://www.w3.org/2001/XMLSchema" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" ><S:Body xmlns:ns1="http://webservices.renda.datys.cu/"><ns1:getSenses><word xsi:type="xsd:string">'+word+'</word><pos xsi:type="xsd:string">'+pos+'</pos><limit xsi:type="xsd:int">0</limit><offset xsi:type="xsd:int">10</offset></ns1:getSenses></S:Body></S:Envelope>';
</code>

aqui lo que hice fue ponerle el namespace al body y luego poner el ns1: en el nombre del método que voy a llamar y dejar los parametros sin ns1:

y poniendole a los parametros <code>xsi:type="xsd:string" es decir el tipo de datos que es.
</code>

Respondido: Problema TONTO con variable global

Fri, 29 Jan 2016 04:23:50 +0000

El valor debe modificarse porque es global, intenta poner alertas para que veas que es lo que sucede, quizá no esta entrando a la función que le asigna el 777

Respondido: Cerrar Fancybox y redireccionar

Fri, 29 Jan 2016 04:23:48 +0000

Hola!!

Muchas gracias. Era justo lo que necesitaba. No sabía cómo llamara desde el iFrame a la función de la página padre.

Gracias!! :D

Respondido: Unificar mensajes de error en JQuery Validate

Fri, 29 Jan 2016 04:23:48 +0000

Buenas,

Todo lo que vas necesitando lo tienes en la documentación de JQuery, busca con un poco de calma y verás que está todo por allí. En concreto:

groups

Specify grouping of error messages. A group consists of an arbitrary group name as the key and a space separated list of element names as the value. Use errorPlacement to control where the group message is placed.

<pre lang="javascript">
  <script>
  $(document).ready(function(){
    $("#commentForm").validate({
groups: {
    username: "name email comment"
},
errorPlacement: function(error, element) {
     if (element.attr("name") == "name"
                 || element.attr("name") == "email"
|| element.attr("name") == "comment")
       error.insertAfter("#boton");
     else
       error.insertAfter(element);
   }
});
  });
  </script>

Respondido: Mensajes error JQuery Validate

Fri, 29 Jan 2016 04:23:48 +0000

Hola!!

Al final lo solucioné con,

$("#id").css({"color":"#f00"});

Muchas gracias por la ayuda!! ;)

Respondido: Problema con Modal Dialog

Fri, 29 Jan 2016 04:23:48 +0000

Buenas,

Debería de ser tan fácil como ejecutar el código de la consulta dentro de la función que abre la ventana modal, donde lo tienes declarado ahora? en el head de la página principal?

Respondido: Ayuda deshabilitar una tabla en jquery

Fri, 29 Jan 2016 04:23:45 +0000

@chukyenred, puedes pegar el código que estás utilizando.

Muchas gracias.

Respondido: ¿Como integrar un plugin jquery a woordpress?

Fri, 29 Jan 2016 04:23:44 +0000

@erix_on,

Se me ocurre que puedes tocar el Theme e importar el fichero jQuery. Y luego hacerte un template para aplicarlo a una página con el Slider.

Respondido: Al cerrar dialog que ejecute el action del form

Fri, 29 Jan 2016 04:23:43 +0000

@MatSumeri,

En el método click tienes un return false. Si este es el botón de envío, el uso del return false corta el submit() del formulario.

Respondido: Mensaje al cerrar ventana Jquery

Fri, 29 Jan 2016 04:23:43 +0000

Saludos. Saben como poner un sonido a la vez que te manda el alert? quiero ver si se puede hacer eso y como Agradeceria si me ayudaran.

Respondido: Vincular Div con jQuery

Fri, 29 Jan 2016 04:23:42 +0000

Pues jugando con el ID del elemento sobre el que se hace fadeOut. Por ejemplo si queremos ocultar una capa que se llama miCapa, sería:

<script type="text/javascript">
$(document).ready(function(){
  $('#micontenido').click(function () {
    $('#miCapa').fadeOut(1200);
  });
});
</script>
Si quieres ocultar dos: miCapa y miCapa2, sería...

<script type="text/javascript">
$(document).ready(function(){
  $('#micontenido').click(function () {
    $('#miCapa').fadeOut(1200);
    $('#miCapa2').fadeOut(1200);
  });
});
</script>

Respondido: hide show

Fri, 29 Jan 2016 04:23:42 +0000

Arfff lo he postado en ingles.

La idea es cuando hago click encimo de un titutlo h2 se muestre el contenido.

Pero el problema es que los h2 estan dentro de un loop(wordpress), asi que nada de id.

Cuando hago click en unj titulo h2 se me abren todos los contenidos de los titulos h2.

Respondido: COMO PASAR VALORES DE UN FORMULARIO HTML A UNA FUNCION ANONIMA EN JQUERY

Fri, 29 Jan 2016 04:23:41 +0000

Buenas,

Si pones el código...

$("#opcion").change(function(){
var str = $("#opcion option:selected").val();
alert(str);
});
... dentro del .ready() Te harña un alert del valor de la opción de combo seleccionada cada vez que cambies.

A partir de ahí, ya es cosa tuya modificar el gráfico. ;-)

Respondido: recorrer una tabla

Fri, 29 Jan 2016 04:23:37 +0000

Pusha es pisha? jeje

No se como ayudarte más, con los selectores de jquery accedes a los elementos de la tabla, luego solo es mandar la info a BD.

Para los selectores:

http://www.w3schools.com/jquery/trysel.asp?filename=trysel_basic&jqsel=p.intro,%23choose

Para el envío a BD, y el tema AJAX:

http://www.w3schools.com/ajax/default.asp

Un saludo

Respondido: script incompleto?

Fri, 29 Jan 2016 04:23:35 +0000

Buenas,

Yo he probado con el hide() y me ha funcionado:

<script type="text/javascript">
$(document).ready(function(){
$(".btn1").click(function (){
$("#ind").slideToggle("slow");
$("#publ").hide();
$("#colec").hide();
(this).toggleClass("active");
});
$(".btn2").click(function (){
$("#colec").slideToggle("slow");
$("#ind").hide();
$("#publ").hide();
(this).toggleClass("active");
});
$(".btn3").click(function (){
$("#publ").slideToggle("slow");
$("#ind").hide();
$("#colec").hide();
(this).toggleClass("active");
});
});
</script>

Respondido: Problemas de Validacion

Fri, 29 Jan 2016 04:23:34 +0000

@McMoran,

Muchas gracias por compartir con nosotros la resolución a tu problema.

Respondido: problemas con jquery

Fri, 29 Jan 2016 04:23:29 +0000

Que parte del codigo por que esto tiene muchas librerias.. No me da ningún tipo de error, quiero saber cual es la funcion para hacer que las categorias con subcategorias funcionen los enlaces.

no se haver si esto os ayuda..

// The user clicked the li and we need to trigger a click for the a

if ( evt.target == this ) {

   var link = $('> a', evt.target).not('.accessible');

   if ( link.length > 0 ) {

      var a = link[0];

   if ( !a.onclick ) {

      window.open( a.href, a.target || '_self' );

} else {

$(a).trigger('click');

        }

       }

     }

   if ( settings.disableLinks ||

      ( !settings.disableLinks && !$(this).parent().hasClass('jd_menu') ) ) {

$(this).parent().jdMenuHide();

evt.stopPropagation();

}

})

.find('> a')

.bind('focus.jdmenu blur.jdmenu', function(evt) {

var p = $(this).parents('li:eq(0)');

if ( evt.type == 'focus' ) {

    p.addClass('jdm_hover');

  } else {

   p.removeClass('jdm_hover');

}

})

.filter('.accessible')

   .bind('click.jdmenu', function(evt) {

      evt.preventDefault();

     });

  }

function showMenu(ul, animate, vertical) {

   var ul = $(ul);

   if ( ul.is(':visible') ) {

return;

     }

  ul.bgiframe();

  var li = ul.parent();

  ul .trigger('jdMenuShow')

.positionBy({ target: li[0],

targetPos: ( vertical === true || !li.parent().hasClass('jd_menu') ? 1 : 3 ),

elementPos: 0,

hideAfterPosition: true

});

if ( !ul.hasClass('jdm_events') ) {

ul.addClass('jdm_events');

addEvents(ul);

}

li .addClass('jdm_active')

esa es la parte donde le dice que haciendo click en li..pero yo quiero que haga clic en ul tambien..

Gracias

Respondido: Validacion de campos con jquery y ocultar boton

Fri, 29 Jan 2016 04:23:28 +0000

Buenas!

Puedes poner cosas dentro de un elemento <div></div> y luego mediante Javascript controlar el comportamiento (mostrar/ocultar, que es lo que necesitas).

<div id="parteOpcional">Hola </div>

Y mediante JavaScript puedes hacer algo como

getElementById("parteOpcional").style.display = "none"; // Ocultar

ó

getElementById("parteOpcional").style.display = ""; // Mostrar

Espero que te sirva,

Un saludo.

Respondido: ayuda con datepicker de jquery

Fri, 29 Jan 2016 04:23:26 +0000

Lo mas probable es que las css y las imágenes estén en rutas distintas y por eso no se visualizan correctamente.

Repasa eso por si acaso.

Un saludo

Respondido: actualizar select y dejar mismo valor jquery ajax

Fri, 29 Jan 2016 04:23:23 +0000

Hola.

Bola de Ogeis, no me ayudaron, (:P no es cierto) ya encontré la solución por si a alguien le puede ayudar.

$(".autoact").focus(function(){

valor = $(this).val();

nombre = $(this).attr("name");

$.post("backend.php",{campo:nombre},function(data) {

$("#" + nombre).html(data)

$("#"+nombre+" option[value='"+valor+"']").attr('selected', 'selected');

},"json");

});

backend.php hace un query a la bd y me regresa todas las opciones del select.

Me costó mucho tiempo "descubrirlo", ojalá le sirva a alguien.

Ayuda con un input type=date firefox

Fri, 29 Jan 2016 04:17:46 +0000

mi problema es que tengo un formulario bastante grande, el problema se presenta ya que tengo 2 o mas campos que requieren de este tipo de campo input=date, en el navegador google chrome no presento ningún problema, pero mozila firefox no me reconoce la etiqueta html5 "Date" busque y encontré que podría solucionarlo con datepicker de jQuery y logro poner el campo y que me traiga el calendario en firefox, pero al querer usar el mismo atributo en otro campo del mismo formulario no me lo reconoce, es como si solo pudiera usarlo 1 vez por formulario, alguien sabe como podria solucionar este problema?

adjunto el codigo fuente

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="es" xml:lang="es">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="css/default.css" />
<link rel="stylesheet" type="text/css" href="css/jquery-ui-1.7.2.custom.css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js"></script>
<script type="text/javascript">
jQuery(function($){
$.datepicker.regional['es'] = {
closeText: 'Cerrar',
prevText: '&#x3c;Ant',
nextText: 'Sig&#x3e;',
currentText: 'Hoy',
monthNames: ['Enero','Febrero','Marzo','Abril','Mayo','Junio',
'Julio','Agosto','Septiembre','Octubre','Noviembre','Diciembre'],
monthNamesShort: ['Ene','Feb','Mar','Abr','May','Jun',
'Jul','Ago','Sep','Oct','Nov','Dic'],
dayNames: ['Domingo','Lunes','Martes','Mi&eacute;rcoles','Jueves','Viernes','S&aacute;bado'],
dayNamesShort: ['Dom','Lun','Mar','Mi&eacute;','Juv','Vie','S&aacute;b'],
dayNamesMin: ['Do','Lu','Ma','Mi','Ju','Vi','S&aacute;'],
weekHeader: 'Sm',
dateFormat: 'dd/mm/yy',
firstDay: 1,
isRTL: false,
showMonthAfterYear: false,
yearSuffix: ''};
$.datepicker.setDefaults($.datepicker.regional['es']);
});

$(document).ready(function(){
$("#datepicker").datepicker({
changeMonth: true
});
});
</script>
</head>
<body>
<form action="">
<label> Seleccionar Fecha Inicio:</label>
<input type="text" name="fecha_inicio" id="datepicker" readonly="readonly" size="12" />
<label> Seleccionar Fecha fin:</label>
<input type="text" name="fecha_fin" id="datepicker" readonly="readonly" size="12" />
</form>

</div>

</body>
</html>

Como eliminar ID con script?

Fri, 29 Jan 2016 04:17:15 +0000

Hola, estoy trabajando sobre este link, http://www.mooysoft.com/mooytv/test.html y queria saber como eliminar las publicidades popup que salen.
como son solo 3 y tienen su ID queria removerlas con el siguiente codigo.
y tenia pensado usar la funcion clic para cerrar la ultima publicidad que activa el canal de tv.
Pero no funciona, y queria escuchar algunas sugerencias, o ideas sobre como resolverlo.
muchas gracias!! les dejo el codigo que use hasta ahora.

<script>
$(document).ready(function(){
  $('#floatLayer').remove();
  $('#floatLayer3').remove();
  $('#floatLayer7').remove();
});
</script>

Recorrer Array con jQuery

Fri, 29 Jan 2016 04:17:08 +0000

Hola,

He de construir un archivo HTML5 y jQuery en el cual se pueda entrar una secuencia de números. Una vez tenga esa secuencia he de seleccionar solo los números impares de la misma.

He construido el archivo; he identificado mi zona-datos; he utilizado un bucle for (i=0; i<secuencia.length; i++); he dicho que si if(secuencia%2 !== 0) {

zona-datos.innerHTML += "Los números impares de tu secuencia son " + i;

Pero, en la zona datos recibo todos los números impares de 0 a 100 (he limitado la secuencia hasta el número 100).

No sé dónde está mi error.

Alguién podría ayudarme, por favor?

Gracias,

Rob.

Problema con jcrop y bootstrap.

Fri, 29 Jan 2016 04:15:23 +0000

Hola, buenas tardes chicos. Tengo un problema con esta librerías siguiendo el siguiente tutorial:
<a href="http://www.script-tutorials.com/html5-image-uploader-with-jcrop/comment-page-2/#comment-306142" title="script-tutorials Upload with jcrop" target="_blank"></a>

Funciona todo bien, excepto cuando se ejecuta jcrop. Firebug me lanza el error "too much recursion" y en jcrop se me traduce en que la zona seleccionada a recortar sigue al puntero del ratón y se deforma.

¿alguna idea?

Muchas gracias y buenas tardes!

error jquery

Fri, 29 Jan 2016 04:15:04 +0000

no se me ve el zoom de un plugin de wordpress la linea de error es esta:

Uncaught TypeError: Object function (a,b){return new n.fn.init(a,b)} has no method 'cookie'

alguien que me diga como solucionarlo o que cambiar? gracias

poner stop en jQuery

Fri, 29 Jan 2016 04:14:04 +0000

para empezar utilizo este codigo en f12 de chrome
lo k deseo es ponerle stop a la animacion de un juego (dragonbound)
lo k ace el codigo es deslizarse por las salas y meterse en una especifica en este caso
"GM Cupid Event (Win=Gift)" cuando este dentro de dicha sala es donde kiero k deje de funcionar la animacion o el codigooo

este es el codigo

<pre><code>var contadorGeneral=1,contadoBajada=27,refreshId=setInterval(function(){jQuery(".room").each(function(){var a=jQuery(this).children("div.roomTitle").html(),b=jQuery(this).children("div.maxPlayers ").html();"GM Cupid Event (Win=Gift)"==a&&2==b?jQuery(this).trigger("click"):console.log("intente..."+a+" MaxPlayer: "+b),jQuery(".AlertBoxOK").trigger("click")}),27>=contadorGeneral?(jQuery("#buttonRoomsListDown").trigger("click"),contadorGeneral+=1):contadoBajada>1?(jQuery("#buttonRoomsListUp").trigger("click"),contadoBajada-=1):(contadoBajada=27,contadorGeneral=1)},1);
</code>

espero puedan ayudarme
salu2!

Crear efecto "Antes y después"

Fri, 29 Jan 2016 04:13:50 +0000

hola amigos/as.
Tengo una duda que me esta haciendo la vida imposible, a ver si pueden ayudar. Necesito crear un efecto de antes y despues, sobre unas imágenes editadas en Photoshop, he seguido paso a paso este tutorial:
http://blog.endeos.com/efecto-antes-y-despues-con-jquery/
Pero no consigo hacerlo funcionar.
Quiero implantarlo en una entrada de wordpress.
¿Alguien puede guiarme paso a paso de forma mas clara?
Yo puedo ayudar en temas de fotografía y de Photoshop a quien lo necesite!!
Saludos y muchas gracias de antemano
Oscar Gorostiaga.
www.oscargorostiaga.com

PROBLEMAS AL ROTAR UNA IMAGEN CON JQUERY

Fri, 29 Jan 2016 04:13:44 +0000

Buenas amigos. necesito ayuda con respecto a un plugin que estoy desarrollando, se trata de un plugin que permite rotar una fotografia determinada, usando jquery, y la funcion $.animate, pero estoy teniendo un pequeño problema, rotar de forma negativa, le paso 180 Grados negativos y la animacion se realiza desde 0 Grados hasta 180 Grados negativos, aseptaria sugerencias y para los que me puedan a yudar y quieran ver lo que tengo escrito en codigo, le refiero la url del repositorio en GitHub:

https://github.com/buil/rotador.git

de ante mano muchas gracias por la ayuda que me puedan prestar.

funcion suma

Fri, 29 Jan 2016 04:13:15 +0000

buenas quiero calcular el total; es decir cada producto que agrego tiene su precio y quiero calcular el total de los productos que se van ingresando e usado esta funcion pero no funciona, alguien me puede ayudar porfavor.bendiciones

            var total = 0;

                  var total = 0;
                       for (var i = 0; i < row.lenght; i++) {
                        total = parseFloat(total) + parseFloat(row[i].cells[3].value);
                        }
                    document.getElementById("txtTotal").value = total;

PROBLEMAS PARA MOSTRAR Y OCULTAR DIV'S CON JQUERY

Fri, 29 Jan 2016 04:12:47 +0000

HOLA AMIGOS SOY NUEVO POR ACA Y EN JQUERy.
Necesito si pueden ayudarme con un codigo que tengo.
La idea es hacer que un boton muestre un div, y luego otro boton muestre otro div pero oculte el primero y viseversa.Para que me entiendan mejor lo grafico
<strong>boton1                               boton2
div1                         |       div2
subdiv1 subdiv2              |       subdiv3   subdiv4</strong>
ahora lo que necesito que haga, es que al precionar el boton1 muestre el div1 y si el div2 esta visible que lo oculte y viseversa, al cargar la pagina ambos divs estan ocultos. si no se pudiera hacer podria hacer visible por defecto el div1 al cargar la pagina y al precionar el boton2 deberia ocultar el div1 y mostrar el div2.

aca les dejo el codigo completo para que lo revisen

<pre><code><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>LISTADO DE PELICULAS CABECERA BU</title>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js' type='text/javascript'></script>

<script type="text/javascript">
$(document).ready(function()
{
$("#boton").click(function () {
$('#cabecera').slideToggle(1500);
});
});
</script>


<script type="text/javascript">
  $(document).ready(function(){
   $("#botontiaz").click(function () {
      $("#tituloaz").each(function() {
        displaying = $(this).css("display");
        if(displaying == "block") {
          $(this).slideToggle('2500',function() {
           $(this).css("display","none");
          });
        } else {
          $(this).slideToggle('2500',function() {
            $(this).css("display","block");
            $("traduccionaz").css("display","none");
          });
        }
      });
    });
  });
  $(document).ready(function(){
   $("#botontraz").click(function () {
      $("#traduccionaz").each(function() {
        displaying = $(this).css("display");
        if(displaying == "block") {
          $(this).slideToggle('2500',function() {
           $(this).css("display","none");
          });
        } else {
          $(this).slideToggle('2500',function() {
            $(this).css("display","block");
          });
        }
      });
    });
  });
</script>



<style type="text/css">
#principal {
background-color: white;
padding: 10px 5px;
border-style: solid;
border-color: GRAY;
border-width: 1px;
float: left;
width: 850px;
text-align:LEFT;
}
#titulo {
background-color: transparent;
padding: 10px 5px;
border-style: solid;
border-color: RED;
border-width: 1px;
float: left;
width: 840px;
text-align:LEFT;
}
#cabecera {
background-color: transparent;
padding: 10px 5px;
border-style: solid;
border-color: transparent;
border-width: 1px;
float: left;
width: 840px;
text-align:LEFT;
}
#listados {
background-color: transparent;
padding: 10px 5px;
border-style: solid;
border-color: ORANGE;
border-width: 1px;
float: left;
width: 840px;
text-align:LEFT;
}
#tituloaz {
display:none;
background-color: transparent;
padding: 10px 5px;
border-style: solid;
border-color: black;
border-width: 1px;
float: left;
width: 830px;
text-align:LEFT;
}
#traduccionaz {
display:none;
background-color: transparent;
padding: 10px 5px;
border-style: solid;
border-color: black;
border-width: 1px;
float: left;
width: 830px;
text-align:LEFT;
}
</style>
</head>

<body>
<div id="principal">
<div id="titulo"><p>LISTADO DE PELICULAS</p></div>
<p>CABECERA <input id="boton" align="right" value="x" type="button"></p>
<div id="cabecera">
<div style="padding: 10px 5px; border-style: solid; border-color: GRAY; border-width: 1px;float: left; width: 400px; text-align:LEFT;">
<a href="http://www.covercaratulas.com" target=_BLANK>BUSCAR COVERS</a><br>
<a href="PLANTILLAS/BUSCAR.HTML" target=LISTADO>BUSCAR TITULOS PARA DESCARGAR</a><br>
</div>
<div style="padding: 10px 5px; border-style: solid; border-color: GREEN; border-width: 1px; margin-left:415px; width: 400px; text-align: LEFT">
<p ALIGN=justify>
<span class="style1"><font size="5"><strong>CALIFICACION</strong></font></span><br /><a name="NOMENCLATURA"></a>
<TABLE BORDER=1 CELLSPACING=1><TR>
<TD COLSPAN="1" ALIGN="CENTER" style="width: 195 px" class="style4"><strong>CATEGORIA</strong></TD>
<TD align="center" style="width: 195px" class="style4"><strong>LETRA</strong></TD><tr>
<td style="width: 235px" class="style4"><strong>EXELENTE</strong></td>
<TD align="center" style="width: 145px" class="style