Ordenado, en vez de aleatorio

DavidBL · #1 (**permalink**) 15/06/2010, 06:33

Hola tengo un codigo que muestra una serie de cosas aleatoriamente, como se podria hacer para que fuese ordenado?
Dentro del head:

Cita:

Y dentro de body:

Cita:

Espero que alguien me ayude, muchas gracias :D

Adler · #2 (**permalink**) 15/06/2010, 07:03

Hola

¿Quieres usar un temporizador (setTimeOut, setInterval) para mostrar un video cada X tiempo? ¿O como va el asunto?

Suerte

DavidBL · #3 (**permalink**) 15/06/2010, 07:08

Veras, cuando pulso el boton, sale un video al azar, yo lo que quiero es que cuando entre a la pagina salga el video[0] y cuando pulse el video[1] y cuando vuelva a pulsar video[2]...
ya me entiendes, espero

Adler · #4 (**permalink**) 15/06/2010, 07:42

Hola

Prueba así

Código Javascript:

Ver originalvar F = video.length;
cont = 1;
function mostrarvideo(){
if (cont <= F) {
document.write(video[cont++]);
} else {
document.write(video[0]);
cont = 0
}
 
<input type="button" value="Otro video" onclick="mostrarvideo();"/

Suerte

DavidBL · #5 (**permalink**) 15/06/2010, 08:10

Que parte hay que sustituir por que?

Adler · #6 (**permalink**) 15/06/2010, 11:48

Hola

Cita:

Iniciado por DavidBL

Que parte hay que sustituir por que?

Si quieres voy a tu casa y te lo hago. Creo que es pura lógica .... Por cierto a la función le falta una llave de cierre

Suerte

DavidBL · #7 (**permalink**) 16/06/2010, 06:49

jeje, que pregunta más estupida, claro que era lógico.

Funciona bien, pero cuando pulso otro video,me sale el video, pero no me salen los botones, alguna manera de que salgan?

Adler · #8 (**permalink**) 16/06/2010, 07:07

Hola

Metelo en un div. Cambia document.write(video[aleatorio]); por document.getElementById('elvideo') = video[aleatorio];

DavidBL · #9 (**permalink**) 16/06/2010, 10:07

te cuento que no se nada de javascript, el codigo me lo paso un amigo, asi que no se lo que dices de document.write.......
de todas formas si quieres no expliques, dejalo y buscare alguna forma de hacerlo, si lo hay

Adler · #10 (**permalink**) 16/06/2010, 11:51

Cita:

Iniciado por DavidBL

te cuento que no se nada de javascript, el codigo me lo paso un amigo, asi que no se lo que dices de document.write.......
de todas formas si quieres no expliques, dejalo y buscare alguna forma de hacerlo, si lo hay

Sustitiye esto

Cita:

Por esto otro

Cita:

Ahora la función mostrarvideo, así

Código Javascript:

Ver originalfunction mostrarvideo() {
document.getElementById('eldiv').value = 'imaduff';
}

Suerte

DavidBL · #11 (**permalink**) 17/06/2010, 06:33

pues no se si es que he hecho algo mal, pero no me va,pero tampoco salen errores.
Tengo el head asi:

Cita:

Y el body asi:

Cita:

DavidBL · #12 (**permalink**) 17/06/2010, 06:34

si consigues que lo solucione sin saber nada de Javascript te doy karma, y si no, pues también por las molestias ;D

Adler · #13 (**permalink**) 17/06/2010, 07:01

Hola, estaba jugando un poco

pero no lo has pillado

Cambia esto

Cita:

document.getElementById('eldiv').value = 'imaduff';

por esto

Cita:

document.getElementById('eldiv').value = video[aleatorio];

Suerte

_cronos2 · #14 (**permalink**) 17/06/2010, 07:12

Cita:

Iniciado por Adler

por esto

Cita:

document.getElementById('eldiv').value = video[aleatorio];

¿Y por qué value?¿No se supone que el value sólo lo tienen los elementos de un form? Igual es eso y hay que poner innerHTML, no sé.
Saludos (:

DavidBL · #15 (**permalink**) 17/06/2010, 07:14

pues nada, veras , voy a buscar alguna manera de hacerlo con otro lenguaje de programacion como php, muchas gracias :D

Adler · #16 (**permalink**) 17/06/2010, 07:16

Cita:

Iniciado por _cronos2

¿Y por qué value?¿No se supone que el value sólo lo tienen los elementos de un form? Igual es eso y hay que poner innerHTML, no sé.
Saludos (:

Revisando veo que se me escapo desde un principio

_cronos2 · #17 (**permalink**) 17/06/2010, 07:19

No creo que sea tan complicado como para buscar otra manera de hacerlo, pero bueno...

DavidBL · #18 (**permalink**) 17/06/2010, 07:48

haver, veo que hay algun error.
¿Cual es?, quiero comprobar si funciona

_cronos2 · #19 (**permalink**) 17/06/2010, 10:05

Quedaría algo así:

Código Javascript:

Ver original//aquí va video = new Array(), video[0] ...
var F = video.length;
var cont = -1;//si cont es 1 y en el primer if le pones ++ empezarás a partir del 3º video ¿no?
var tuDiv = document.getElementById('tuDiv');
function mostrarvideo(){
 if (cont <= F) {
  tuDiv.innerHTML = video[cont++];
 } else {
  tuDiv.innerHTML = video[0];
  cont = 0;
 }
}

Código HTML:

Ver original<input type="button" value="Otro v&iacute;deo" onclick="mostrarvideo();"/>
<div id='tuDiv'></div>

Saludos (:

Adler · #20 (**permalink**) 17/06/2010, 12:50

Hola

Sería var cont = 0. En la primera iteración no suma 1

DavidBL · #21 (**permalink**) 18/06/2010, 06:44

pues me sale el siguiente error al pulsar el boton:
Mensaje: 'tuDiv' es nulo o no es un objeto
Línea: 25
Carácter: 3
Código: 0

_cronos2 · #22 (**permalink**) 18/06/2010, 07:06

A mí también, no sé qué puede ser...

DavidBL · #23 (**permalink**) 18/06/2010, 07:10

oye, yo conozco un poco de PHP, y he visto algo que a veces en PHP hace que de errores
var tuDiv = document.getElementById('tuDiv');
¿Quizas no habrá que poner document.getElementById('tuDiv'); entre comillas ""?

Es una idea no se si en JavaScript es asi

DavidBL · #24 (**permalink**) 18/06/2010, 07:17

vale, he probado mi idea, y el error ya no sale, pero me siguen sin salir los videos.
Y yo que pensaba que sería facil...

_cronos2 · #25 (**permalink**) 18/06/2010, 07:27

No, en JS no hay que encerrarlo entre comillas, pero sigo sin ver el error...

DavidBL · #26 (**permalink**) 18/06/2010, 07:33

pues no se, ahora no me sale el error

Adler · #27 (**permalink**) 18/06/2010, 07:33

Hola

¿Aún estamos así?

A buscar las dos diferencias. A quién las encuentre, le enviaré un 1Kg de gamusinos

Código Javascript:

Ver original<html>
<head>
<script type="text/javascript">
var video=new Array()
video[0] = '<object width="660" height="405"><param name="movie" value="http://www.youtube.com/v/d611hmkk_uY&hl=es_ES&fs=1&rel=0&color1=0x234900&co lor2=0x4e9e00&border=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/d611hmkk_uY&hl=es_ES&fs=1&rel=0&color1=0x234900&co lor2=0x4e9e00&border=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="660" height="405"></embed></object>';
video[1] = '<object width="660" height="405"><param name="movie" value="http://www.youtube.com/v/0zBclMiMZEY&hl=es_ES&fs=1&rel=0&color1=0x234900&co lor2=0x4e9e00&hd=1&border=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/0zBclMiMZEY&hl=es_ES&fs=1&rel=0&color1=0x234900&co lor2=0x4e9e00&hd=1&border=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="660" height="405"></embed></object>';
video[2] = '<object width="660" height="405"><param name="movie" value="http://www.youtube.com/v/FPZxR9E8an0&hl=es_ES&fs=1&rel=0&color1=0x234900&co lor2=0x4e9e00&hd=1&border=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/FPZxR9E8an0&hl=es_ES&fs=1&rel=0&color1=0x234900&co lor2=0x4e9e00&hd=1&border=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="660" height="405"></embed></object>';
video[3] = '<object width="660" height="405"><param name="movie" value="http://www.youtube.com/v/Z6W75bm8S70&hl=es_ES&fs=1&rel=0&color1=0x234900&co lor2=0x4e9e00&hd=1&border=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/Z6W75bm8S70&hl=es_ES&fs=1&rel=0&color1=0x234900&co lor2=0x4e9e00&hd=1&border=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="660" height="405"></embed></object>';
video[4] = '<object width="660" height="405"><param name="movie" value="http://www.youtube.com/v/xEqHSp8Jqok&hl=es_ES&fs=1&rel=0&color1=0x234900&co lor2=0x4e9e00&hd=1&border=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/xEqHSp8Jqok&hl=es_ES&fs=1&rel=0&color1=0x234900&co lor2=0x4e9e00&hd=1&border=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="660" height="405"></embed></object>';
video[5] = '<object width="658" height="405"><param name="movie" value="http://www.youtube.com/v/xatHxSiTSWg&hl=es_ES&fs=1&rel=0&color1=0x234900&co lor2=0x4e9e00&hd=1&border=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/xatHxSiTSWg&hl=es_ES&fs=1&rel=0&color1=0x234900&co lor2=0x4e9e00&hd=1&border=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="660" height="405"></embed></object>';
video[6] = '<object width="660" height="525"><param name="movie" value="http://www.youtube.com/v/zUJiU-o_kEk&hl=es_ES&fs=1&rel=0&color1=0x234900&color2=0 x4e9e00&hd=1&border=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/zUJiU-o_kEk&hl=es_ES&fs=1&rel=0&color1=0x234900&color2=0 x4e9e00&hd=1&border=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="660" height="525"></embed></object>';
video[7] = '<object width="660" height="525"><param name="movie" value="http://www.youtube.com/v/nrTiuKUPbpg&hl=es_ES&fs=1&rel=0&color1=0x234900&co lor2=0x4e9e00&hd=1&border=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/nrTiuKUPbpg&hl=es_ES&fs=1&rel=0&color1=0x234900&co lor2=0x4e9e00&hd=1&border=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="660" height="525"></embed></object>';
video[8] = '<object width="660" height="525"><param name="movie" value="http://www.youtube.com/v/j7Ve-g1Zqp0&hl=es_ES&fs=1&rel=0&color1=0x234900&color2= 0x4e9e00&hd=1&border=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/j7Ve-g1Zqp0&hl=es_ES&fs=1&rel=0&color1=0x234900&color2= 0x4e9e00&hd=1&border=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="660" height="525"></embed></object>';
video[9] = '<object width="660" height="525"><param name="movie" value="http://www.youtube.com/v/Q5XbLyCCs-g&hl=es_ES&fs=1&rel=0&color1=0x234900&color2=0x4e9 e00&hd=1&border=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/Q5XbLyCCs-g&hl=es_ES&fs=1&rel=0&color1=0x234900&color2=0x4e9 e00&hd=1&border=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="660" height="525"></embed></object>';
video[10] = '<object width="660" height="525"><param name="movie" value="http://www.youtube.com/v/2zWZ-2B83Yo&hl=es_ES&fs=1&rel=0&color1=0x234900&color2= 0x4e9e00&hd=1&border=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/2zWZ-2B83Yo&hl=es_ES&fs=1&rel=0&color1=0x234900&color2= 0x4e9e00&hd=1&border=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="660" height="525"></embed></object>';
video[11] = '<object width="660" height="525"><param name="movie" value="http://www.youtube.com/v/6SCK8KXvDcY&hl=es_ES&fs=1&rel=0&color1=0x234900&co lor2=0x4e9e00&hd=1&border=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/6SCK8KXvDcY&hl=es_ES&fs=1&rel=0&color1=0x234900&co lor2=0x4e9e00&hd=1&border=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="660" height="525"></embed></object>';
video[12] = '<object width="660" height="525"><param name="movie" value="http://www.youtube.com/v/l57iLd6y1NE&hl=es_ES&fs=1&rel=0&color1=0x234900&co lor2=0x4e9e00&hd=1&border=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/l57iLd6y1NE&hl=es_ES&fs=1&rel=0&color1=0x234900&co lor2=0x4e9e00&hd=1&border=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="660" height="525"></embed></object>';
video[13] = '<object width="660" height="525"><param name="movie" value="http://www.youtube.com/v/gHbZwDfi198&hl=es_ES&fs=1&rel=0&color1=0x234900&co lor2=0x4e9e00&hd=1&border=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/gHbZwDfi198&hl=es_ES&fs=1&rel=0&color1=0x234900&co lor2=0x4e9e00&hd=1&border=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="660" height="525"></embed></object>';
video[14] = '<object width="660" height="525"><param name="movie" value="http://www.youtube.com/v/3Xn8UXqgVWo&hl=es_ES&fs=1&rel=0&color1=0x234900&co lor2=0x4e9e00&hd=1&border=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/3Xn8UXqgVWo&hl=es_ES&fs=1&rel=0&color1=0x234900&co lor2=0x4e9e00&hd=1&border=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="660" height="525"></embed></object>';
video[15] = '<object width="660" height="525"><param name="movie" value="http://www.youtube.com/v/WkUJZCyk4AU&hl=es_ES&fs=1&rel=0&color1=0x234900&co lor2=0x4e9e00&hd=1&border=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/WkUJZCyk4AU&hl=es_ES&fs=1&rel=0&color1=0x234900&co lor2=0x4e9e00&hd=1&border=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="660" height="525"></embed></object>';
video[16] = '<object width="640" height="505"><param name="movie" value="http://www.youtube.com/v/K39DzmzL9xI&hl=es_ES&fs=1&rel=0&color1=0x5d1719&co lor2=0xcd311b"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/K39DzmzL9xI&hl=es_ES&fs=1&rel=0&color1=0x5d1719&co lor2=0xcd311b" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="505"></embed></object>';
var F = video.length;
var cont = 0;
function mostrarvideo(){
tuDiv = document.getElementById('tuDiv');
 if (cont <= F) {
  tuDiv.innerHTML = video[cont++];
 } else {
  tuDiv.innerHTML = video[0];
  cont = 0;
 }
}
</script>
</head>
<body>
<input type="button" value="Otro v&iacute;deo" onclick="mostrarvideo();"/>
<div id="tuDiv"></div>
<script type="text/javascript">
mostrarvideo();
</script>
</body>
</html>

Suerte

_cronos2 · #28 (**permalink**) 18/06/2010, 08:22

¿Por qué en el primero no se realiza la iteración?¿Y por qué no se puede poner var?

Saludos (:

PD: ¿Te mando la dirección por privado? xD

Adler · #29 (**permalink**) 18/06/2010, 13:12

Hola

Lee es articulo

No me mandes tu dirección, aún te falta una diferencia

_cronos2 · #30 (**permalink**) 18/06/2010, 17:28

Sigo sin entenderlo, ¿qué más da poner var o no si luego no vas a trabajar con esa variable más que dentro de la función? Y acabo de ver el script después del div, pero tampoco lo entiendo. Igual es la hora, pero se supone que la función debe ejecutarla el botón, ¿no? ¿Y por qué cont++ no pasa a ser 1 directamente?
Y otra cosa, el otro día vi ++variable, ¿eso no se pude hacer no?

Saludos (: