#usersrandom | Explore Tumblr Posts and Blogs

necromancercoding · 2 years

Note

Hola Necro. Quería saber si hay alguna forma de hacer mediante javascript o algo un generador de usuarios registrados al azar. Es decir que se muestre en alguna parte del foro los avatar y nombre aleatorios de por ejemplo 5 usuarios registrados. Se que hay códigos para mostrar imágenes aleatorias a lo "Sabias que?" pero en ese caso hay que precargar las imágenes, a mi me gustaría que se carguen solos los avatares de forma aleatoria. Espero haberme explicado. Saludos!

¡Hola kornamenta! Por poder se puede, pero hacerlo de manera automática requeriría que tuvieras el memberlist al máximo y aún así en foros grandes esto requeriría de varias llamadas (para acceder a las diferentes páginas), y luego tendrías que hacer llamadas extra dependiendo de lo que quisieses agarrar si es más que el avatar. Lo más sencillo, en mi opinión, es hacerlo con un array de usuarios pre-declarados (lo que te permite, además, filtrar usuarios inactivos y usuarios sin color, aunque sea a mano). Explico más bajo el cut.

Vale, voy a dejar un código pre-hecho, que te dejo por aquí. Sin embargo, este código sin explicación sirve de absolutamente nada, porque no vas a poder personalizarlo a tu gusto si no sabes qué está pasando.

Empecemos por solo ver la sección de variables:

$(document).ready(function(){ $('.usersrandom').each(function(){ var users = ["/u2", "/u3", "/u4", "/u5", "/u6", "/u7", "/u8"]; var size = users.length; var a = Math.floor(size*Math.random()); var b = Math.floor(size*Math.random()); var c = Math.floor(size*Math.random()); var d = Math.floor(size*Math.random()); var e = Math.floor(size*Math.random()); var $self = $(this); }); });

Línea por línea:

Hacemos la llamada de que se ejecuten las funciones interiores una vez el documento haya cargado.

Hacemos que se ejecute una función sobre el elemento .usersrandom, que será nuestro contenedor.

Declaramos la variable array users, donde pondremos cada uno de los links de usuario entre comillas dobles y separadas por una coma.

Declaramos la variable size, que determina la cantidad de elementos hay dentro del array users usando .length.

Declaramos las variables a, b, c, d y e, que son los 5 números random que generamos usando el size (para que no genere más allá del número de usuarios que tengamos).

Declaramos la variable $self haciendo referencia a .usersrandom para poder usarlo en las llamadas que haremos a continuación.

Ahora, las llamadas:

$.get(users[n], function(data) { var randomAvatar = $(data).find('.psavatar').html(); var randomUsername = $(data).find('.psname').html(); $self.append('<div class="userrandom userrandom-a"><div class="ur-avatar">'+randomAvatar+'</div><div class="ur-name">'+randomUsername+'</div></div>'); });

Cada una de las llamadas son idénticas entre sí: lo único que cambia es la n. Esa n entre corchetes será cada una de las variables (a, b, c, d, e) que hemos declarado anteriormente para randomizar nuestros valores de usuario. Básicamente, las variables a, b, c, d o e van a buscar un número aleatorio entre el número mínimo (0, el primer valor de un array) y el número máximo (en el caso del ejemplo sería 6) y al ponerla entre corchetes seguida de users vamos a decirle que busque el valor correspondiente a ese número y lo coloque ahí. Por ejemplo, supongamos que en una recarga la variable a tiene de valor 4, pues en nuestro caso, users[a] va a ser igual a "/u6", porque es el (comenzamos a contar desde 0) valor del array igual a 4.

Ahora, el resto de la llamada funciona como otras que he publicado aquí que seguro habéis visto o habréis incluso puesto en uso. Vamos a usar data para ir declarando variables de lo que queramos traernos: en este ejemplo, he traído el avatar y el username, con colorcito incluido. Luego simplemente nos referimos a $self y vamos agregando el html que queramos para cada uno de nuestras cajitas de user.

Si quisieses menos cajas de usuarios, simplemente vas a poner menos valores de randomización (de nuevo, a, b, c, d, e) y por tanto hacer menos llamadas. Si quieres más cajas, a la inversa; tendrás que poner nuevas variables (f, g, h, i, j... o los nombres que te den la gana, puedes llamarlas alpha, beta, gamma...) y hacer más llamadas.

Este es un código relativamente avanzado, por eso me he tomado la molestia de explicar pasito a pasito. NO recomiendo meter mano en esto si no tienes paciencia con el JS o no sabes lo más básico del lenguaje. Tampoco recomiendo hacer esto en un sitio live si no te manejas con JS y que intentes ejecutar esto primero en un foro de prueba.

PD: Aprovecho para aclarar que no soy un experto en JS ni mucho menos y que estoy seguro de que el código podría ser mucho más escueto (y quizá con algo más de café podría hacerlo, pero valoro mi salud cardiovascular). Si alguien quiere limpiar mi desastre, please be my guest.

¡Un abrazo!

#ncask #nctut #nctutorial #nctutorial: personalización

9 notes · View notes

jenlisashipper · 5 years

Text

jenlisa users

@jenlisafeminist

@jenlisaletters

@jenlisaruIes (com i em rules)

@jenlisalovely

@jenlisavogue

@jenlisanervous

@jenlisanature

@jenlisaturno

funny:

@jenlisamsung

@jenlisawinx

credits to: @jenlisaturn (twitter)

#random #users #user #userrandom #usersrandom #blackpink #userblackpink #usersblackpink #jennie #userjennie #lalisa #lisa #userlisa #userlalisa #jenniekim

10 notes · View notes

bubblegumc-blog1 · 6 years

Text

users king princess

@kingprincessily;

@westkprincess;

@featkingprinces;

@fuckingprincs;

@mababestraus;

@kprincesstraus;

@itskingprincess;

@mikaelastrausf;

@whoiskprincess/@whoskprincess;

@goodluckstraus;

(todos os users foram feitos por mim)

se usar ou gostar deixa o like valeu

#userskingprincess #userkingprincess #usermikaelastraus #usersrandom #userindie

2 notes · View notes

userxs · 11 years

Note

random users pls :)

ttwofinggers (está guardado)

r4diattesx (está guardado)

lovinggstoo (está guardado)

everyddays ( está guardado)

doesnnt

girlfriennds

se voce quiser algum desses users me chame no twitter que eu vou liberar

don’t forget to credit (c) @ffckbiebers

don’t reblog! please, like or credit on twitter

#usersrandom #random users #users

0 notes

bubblegumc-blog1 · 6 years

Text

users billie eilish

@betterbillie;

@eilishnervous/@nervousbillie;

@knowbeilish;

@billiefeat;

@mindbillie;

@billiewlish;

@watchbeilish;

@itsbabyeilish;

@billielovelly;

@monsteilish;

(todos os users foram feitos por mim)

se usar ou gostar deixa o like valeu

#userbillieeilish #billieeilish #usersrandom #usersbillie

2 notes · View notes

bubblegumc-blog1 · 6 years

Text

users clairo

@bubbleclairo;

@indieclairo;

@clairodarkness;

@lovingclairo;

@clairoacottrill;

@faveclairo;

@flaminghotchets;

@4everclair;

@beautyclairo;

@hotcheetsclairo;

(todos os user foram feitos por mim)

se usar ou gostar deixa o like valeu

#userclairo #userclairecottrill #userclairocottrill #usersclairo #clairo #clairecottrill #usersindie #usersrandom

3 notes · View notes

bubblegumc-blog1 · 6 years

Text

users zayn malik

@dusktillzmalik;

@zaynpillowtallk;

@entertainwr;

@truthmalikz;

@noregretsmalik;

@thatismalik;

@zayndusktillr;

@rearvlewzmalik;

@itsmalikVEVO;

@zaynstillgot;

(todos os users foram feitos por mim)

se usar ou gostar deixa o like valeu

#userszayn #userszaynmalik #zaynmalik #usersrandom #userzayn #userzaynmalik

2 notes · View notes

bubblegumc-blog1 · 6 years

Text

users camila cabello

@flamingmila;

@camilaomgd;

@milaflawles;

@mostcamilac;

@cmilaintheclubs;

@lovrscontroll;

@questionscami;

@cmilafruit;

@goalsformila;

@cmilainthedarks;

(todos os users foram feitos por mim)

se usar ou gostar deixa o like valeu

#userscamila #userscamilacabello #usercamilacabello #usersrandom

9 notes · View notes

bubblegumc-blog1 · 6 years

Text

users hailey baldwin

@haileydarlingb;

@sheisbalwin;

@baldwincage;

@affairbaldwin;

@wondbaldwin;

@baldwingcrush;

@darkbaldwinh;

@gluckhailey;

@faveofbaldwin;

@womanbaldwin;

(todos os users foram feitos por mim)

se usar ou gostar da like valeu

#userbaldwin #userhaileybaldwin #usershaileybaldwin #haileybaldwin #usersrandom

1 note · View note