Curso JavaScript desde 0 JQuery IV. Agregando contenido. Vídeo 32

En este vídeo vemos cómo agregar contenido utilizando funciones de la librería JQuery.

[antoniocarrasco]

Viendo esto en 2024 y me sigue pareciendo una buena opción para tener una base, un saludo Juan!!

[alejandrocastillo]

Hola Juan, muy interesante vídeo. Solo anotar que con jQuery obtener el valor del input sería así. Muchas gracias por tu esfuerzo,
js: var n_usuario =
jq: var n_usuario = $("#usuario").val();

[gaby_developer]

Juan sos un genio total!! gran admirador de tus enseñanzas! desde Argentina Saludos y admiraciones!

[dineroadiario]

Son muy buenos éstos tutoriales Juan, he estado jugueteando como quien dice con angular, pero me he dado cuenta de que debo tener un conocimiento por lo menos básico de java script, y realmente me están viniendo de lujo, al igual que creo que a mas personas.. Tomate tu tiempo, antes la vida personal que youtube, de todas formas gracias, y espero el siguiente :D!

[virginia.faustino]

El mejor explicador que he conocido!! Gracias, me hace muy fácil aprender contigo!

[steveromero]

Señor Pildoras ojala el Dia fuera mas largo para poder ver mas videos, pero trabajando solo puedo ver uno :( Gracias por tan excelente material!!!

[VICTORGONZALEZ-vxbr]

Gracias por el curso, excelente como siempre, estaba buscando como validar un formulario, bueno, mas que eso, busco como sumar los campos de un formulario, pero me sirve de guía para comenzar con ellos.

Gracias y Felicidades

[jota_ele_]

En 8:05 vemos algo curioso: si le cambiamos la etiqueta <h2> por <p> con .html() y le damos a 'ver código fuente' de la página se seguirá viendo <h2>Errores>h2> e igualmente cuando usamos .append() o .prepend().

[benny-sz-]

junio 2021 y estos videos sirven perfectamente . acabando este curso me voy con el de angular(claro, el de pildoras informaticas). =p

[miguelangelvasquezgarcia]

Excelente Explicacion muchas gracias por cada uno de estos videos. Saludos desde Mexico

[JULIANDRESGM]

Muchísimas gracias, cada vez mejor la temática y más encaprichado con el curso.

[MurtiYama]

Para poder comprobar los resultados sin complicarte la vida te metes en Firefox, metes un número y pulsas CTRL+MAYUS+I, cierra el modo desarrollador y vuelve a abrirlo, te saldrá el resultado si no te sale vuelve a ejecutar el Modo desarrollador. -misma manera abre y cierra- De este modo aunque tedioso puedes ejecutar el programa.

[JaimieVega]

Gracias nuevamente por tus videos, EXCELENTES!!!!

[juanitoelchispa]

Está bien que lo depures para que quede mas vistoso y demás, pero haciéndolo así de forma más o menos rústica se entiende mejor el resultado final de lo que estamos lo menos yo".
Un saludo Juan, y disfruta del Domingo

[westerlund-]

Hola Juan! Enhorabuena por todos tus cursos, explicas de una forma muy ilustradora y muy clara.
Me gustaría comentarte un detalle el cual llevo bastante tiempo intentando solucionar y no hay manera. El usuario clicka en una imagen de varias posible. Al clickar aparece la imagen en un div, sin borrar la primera, la cual ha clickado. Dentro de este nuevo div, el usuario puede arrastrar la imagen y dejarla en un div(#circuito), ya que la idea es que pueda ir poniendo a su antojo diferentes imágenes y así elaborar un circuito a su gusto.
Cuando ha dejado la imagen después de arrastrar, obtengo las coordenadas de donde ha dejado la imagen y utilizando la función append e intento añadir dicha imagen en ese div (#circuito). Así, cada vez que clicka al inicio para seleccionar la imagen que va a querer arrastrar pues no desaparece la anterior del div en la cual la ha arrastrado. Pero no se como insertar en la etiqueta imagen las coordenadas x e y para que me la dibuje. He probado de muchas formas y no hay manera de que me la instale ahí, simplemente me añade la imagen en el div, arriba del todo, es decir que la función append si que trabaja pero lo demás no. Los números de las coordenadas los obtengo de forma correcta porque los he visualizado con un alert.
Droppable es la función del elemento en el cual soltaré las imágenes, y lo que hay dentro de drop se ejecuta una vez haya soltado el elemento. Esto lo hace sin problemas.
Los atributos right y top son para los div, no para las imágenes, pero no se que mas probar porque he buscado y la etiqueta img no tiene atributos para insertar coordenadas exactas dentro de html.
Dejo el código a continuación para ver si puedes ayudarme o alguien puede darme una solución. Gracias y un saludo.

$("#circuito").droppable({

drop: function(event, ui){

var x= ui.offset.left;
var y = ui.offset.top;

x= parseInt(x);
y=parseInt(y);


src='" +elemento+ "' style= 'right:"+x+"px; top:"+y+"px;' >");

alert("x:"+x+"  y:"+y);

[ganedinerosudamerica]

buena explicacion. se podría corroborar con click derecho inspeccionar elementos para ver el codigo fuente,
ahi sale todo un saludo

[armandomorenogutierrez]

Hola, muchas gracias por tus aportes y por dedicarnos tiempo para enseñarnos, eres una gran persona.
Me gustaría que me aclararas una duda, al momento de darle click al botón sin llenar el campo aparece el mensaje de - Rellena este campo, por favor.- Pero al darle click varias veces sigue apareciendo, ¿Hay alguna forma de hacer para que solo se vea una sola vez aunque le siga dando click al boton?

[pildorasinformaticas]

Vicsen Morantes: Gracias por el comentario. Tomo nota de la sugerencia. Un saludo!!

[omarayala]

Buenas noches, he hecho una cosilla que no se si esta bien vista pero he creado una variable donde guardo el valor por defecto de cuadro de texto(con la funcion ready()) y en la función, en la condición he puesto que si está vacío o que si el valor es el mismo de por defecto salte el mensaje.

[jvelazquez]

Me sirvió mucho este vídeo ! Por casualidad tenes pensado hacer algún curso de Bootstrap ? Saludos