[SOLUCIONADO] Algun codigo para mesclar DIV's cada vez que refrescas la pagina

[yopmail]

Hola, conocéis algún código para barajar DIV's al refrescar la página? (div's con html dentro)



Tengo 50 Divs con contenido diferente en HTML... me gustaria hacer que de estos 50 divs, se mostraran solo 8 y de forma aleatoria cada vez que se entrase en la web... alguna idea de un codigo así? ya que no tengo ni idea de javascript...


muchas Gracias..

[Alexis88]

Si los <div> son generados por una estructura cíclica (a menos de que los hayas insertado manualmente, uno por uno), antes de ejecutarla, puedes agruparlos en un arreglo o en una lista de nodos y barajar el contenido. Si los <div> son generados desde PHP, puedes usar esta función para barajar el contenido, siendo esta otra función su equivalente en JavaScript. Una vez barajado el conjunto, puedes extraer los N primeros elementos usando esta función en PHP o esta otra en JavaScript.

[yopmail]

Iniciado por Alexis88

Si los <div> son generados por una estructura cíclica (a menos de que los hayas insertado manualmente, uno por uno), antes de ejecutarla, puedes agruparlos en un arreglo o en una lista de nodos y barajar el contenido. Si los <div> son generados desde PHP, puedes usar esta función para barajar el contenido, siendo esta otra función su equivalente en JavaScript. Una vez barajado el conjunto, puedes extraer los N primeros elementos usando esta función en PHP o esta otra en JavaScript.

Muchas Gracias, los divs son echos manualmente... podrias facilitarme alguna estructura?

Muchas Gracias +1

[yopmail]

Encontre un codigo que esta muy bien, es este:

<script type="text/javascript">
var myArray = ['1','2','3','4','5'];

var i,j,k;
for (i = myArray.length; i; i--) {
j = Math.floor(Math.random() * i);
k = myArray[i - 1];
myArray[i - 1] = myArray[j];
myArray[j] = k;
}


document.write("números aleatorios : " + myArray);
</script>

Muestra al azar los numeros y sin repetirlos, y acepta HTML, solo una pregunta, tengo 50 DIVS, pero quiero mostrar solo 6 al azar sin repetir, hay forma de limitar el numero de divs??

Mil Gracias

[Alexis88]

Iniciado por yopmail

[...] tengo 50 DIVS, pero quiero mostrar solo 6 al azar sin repetir, hay forma de limitar el numero de divs?? [...]

En la última parte de mi anterior respuesta está la solución.

[yopmail]

Iniciado por Alexis88

En la última parte de mi anterior respuesta está la solución.

Muchas gracias, aun que no me veo capaz de montar los dos codigos..

[mpozo]

Con esa función en algún momento habrá repetición. Con el algoritmo fisher-yates no habrá repetición
https://www.google.es/search?client=....0.Asa9GaMuqdE

[yopmail]

Iniciado por mpozo

Con esa función en algún momento habrá repetición. Con el algoritmo fisher-yates no habrá repetición
https://www.google.es/search?client=....0.Asa9GaMuqdE

Muchas Gracias, no hay problema por la repeticion, lo que mas me esta costando es solo mostrar 6 resultados de los 50 que tengo.. +1

[Alexis88]

Una vez que obtienes el arreglo barajado, solo necesitas usar el método .slice(). En el último de los enlaces de mi primera respuesta hay ejemplos de su uso.

[yopmail]

Iniciado por Alexis88

Una vez que obtienes el arreglo barajado, solo necesitas usar el método .slice(). En el último de los enlaces de mi primera respuesta hay ejemplos de su uso.

Código:

slice(1,4) extrae desde el segundo elemento hasta el cuarto  (los elementos con índices 1, 2,  y 3).

Me imagino que te refieres a esto, yo lo que necesito es que de 50 elementos extraiga 6 al azar y los muestre..

Alguna idea?

Muchas Gracias

[Alexis88]

A ver:

1. Lo primero que tienes que hacer es barajar el contenido del arreglo, algo que veo que lograste.

Iniciado por yopmail

Encontre un codigo que esta muy bien, es este:

<script type="text/javascript">
var myArray = ['1','2','3','4','5'];

var i,j,k;
for (i = myArray.length; i; i--) {
j = Math.floor(Math.random() * i);
k = myArray[i - 1];
myArray[i - 1] = myArray[j];
myArray[j] = k;
}


document.write("números aleatorios : " + myArray);
</script>

Muestra al azar los numeros y sin repetirlos, y acepta HTML [...]

Por cierto, es un código muy parecido al de uno de los enlaces que dejé al inicio. Deberías revisar los enlaces.

2. Una vez que lograste completar el punto uno, debes extraer los 6 primeros elementos del arreglo resultante, es decir, del arreglo cuyo contenido barajaste. Ahí es en donde entra a tallar el método .slice() y con eso darías por concluido el tema.

[yopmail]

jeje esto es imposible.. probe asi pero no funciona, se queda en blanco

var myArray = ['1<br/>','2<br/>','3<br/>','4<br/>','5<br/>'];

var i,j,k;
for (i = myArray.length; i; i--) {
j = Math.floor(Math.random() * i);
k = myArray[i - 1];
myArray[i - 1] = myArray[j];
myArray[j] = k;
}
var myArray = nombres.slice(1, 6);

document.write("números aleatorios : " + nombres);

[yopmail]

Despues de pelear mucho me funciona este codigo, podrian decir si es correcto?

var myArray = ['1<br/>','2<br/>','3<br/>','4<br/>','5<br/>','6<br/>','7<br/>','8<br/>','9<br/>','10<br/>'];

var i,j,k;
for (i = myArray.length; i; i--) {
j = Math.floor(Math.random() * i);
k = myArray[i - 1];
myArray[i - 1] = myArray[j];
myArray[j] = k;
}
var nombres = myArray.slice(1, 7);

document.write("números aleatorios : " + nombres);

Muchas gracias por vuestra ayuda

[Alexis88]

Tu implementación funciona puesto que, efectivamente, tomas a seis de los elementos del arreglo. Pero, si deseas que sean los seis primeros (ahora estás tomando desde el segundo al séptimo), el primer argumento de .slice() debe ser cero ya que esa es la posición del primer elemento en el arreglo. En la misma situación, el segundo argumento debe ser seis ya que el método toma a los elementos posicionados hasta antes de dicho valor.

[yopmail]

Iniciado por Alexis88

Tu implementación funciona puesto que, efectivamente, tomas a seis de los elementos del arreglo. Pero, si deseas que sean los seis primeros (ahora estás tomando desde el segundo al séptimo), el primer argumento de .slice() debe ser cero ya que esa es la posición del primer elemento en el arreglo. En la misma situación, el segundo argumento debe ser seis ya que el método toma a los elementos posicionados hasta antes de dicho valor.

Muchas Gracias sin ti no lo hubiera logrado, en cuanto a lo que dices es cierto pero al ser al azar creo que poco importa la posicion..

Muchisimas gracias por tanta ayuda +1 a todos tus comentarios xD