Foros del Web » Programando para Internet » Javascript »

Como usar un codigo Javascript dos veces?

Estas en el tema de Como usar un codigo Javascript dos veces? en el foro de Javascript en Foros del Web. Hola, quiero utilizar el siguiente código dos veces... he probado cambiando los valores pero nada me ha funcionado... debe de ser mas complejo que eso ...
  #1 (permalink)  
Antiguo 30/08/2014, 09:09
 
Fecha de Ingreso: agosto-2014
Mensajes: 294
Antigüedad: 9 años, 8 meses
Puntos: 4
Pregunta Como usar un codigo Javascript dos veces?

Hola, quiero utilizar el siguiente código dos veces... he probado cambiando los valores pero nada me ha funcionado... debe de ser mas complejo que eso (no se mucho de programación javascript) una ayuda seria realmente útil! ¡Gracias!


Código HTML:
<script>
function frases_alea(){

frases = new Array();

frases[0] = "<a href='http://www.eurolloyd.es/seguros/seguros-de-coche/calcula-el-precio.html' onclick='openBack(this.href);return false;'>Consulta y beneficiate de nuestras nuevas tarifas para el seguro de tu coche</a>";
frases[1] = "En Eurolloyd aplicamos los descuentos de tu seguro actual en nuestros precios";
frases[2] = "Si quieres seguridad para t&iacute; y los tuyos, <a href='http://www.eurolloyd.es/seguros/seguros-de-accidentes/precios-y-coberturas.html' onclick='openBack(this.href);return false;'>consulta nuestro seguro de accidentes para el motorista.</a>";
frases[3] = "Si te interesa nuestro precio, contrata tu seguro directamente desde nuestra p·gina web";

aleatorio=Math.floor(Math.random()*4);

return frases[aleatorio];

}
onload=function(){
    document.getElementById('algo').innerHTML=frases_alea();
    setInterval(function(){document.getElementById('algo').innerHTML=frases_alea();},5000)
}
</script> 
Gracias de nuevo! quedo atento por si hay alguna respuesta
  #2 (permalink)  
Antiguo 30/08/2014, 09:12
Avatar de Alexis88
Philosopher
 
Fecha de Ingreso: noviembre-2011
Ubicación: Tacna, Perú
Mensajes: 5.552
Antigüedad: 12 años, 5 meses
Puntos: 977
Respuesta: Como usar un codigo Javascript dos veces?

Por lo que muestras, al cargar la página, asignas a un elemento la respuesta de una función y luego repites esa acción cada cinco segundos. Sería mejor saber qué buscas conseguir.

Saludos
__________________
«Juro por mi vida y mi amor por ella, que jamás viviré para el provecho de otro hombre, ni le pediré a otro hombre que viva para el mío».

Ayn Rand
  #3 (permalink)  
Antiguo 30/08/2014, 09:19
 
Fecha de Ingreso: agosto-2014
Mensajes: 294
Antigüedad: 9 años, 8 meses
Puntos: 4
Respuesta: Como usar un codigo Javascript dos veces?

Cita:
Iniciado por Alexis88 Ver Mensaje
Por lo que muestras, al cargar la página, asignas a un elemento la respuesta de una función y luego repites esa acción cada cinco segundos. Sería mejor saber qué buscas conseguir.

Saludos


Asi es ! disculpa no haberlo dicho antes, es un codigo que hace que en un div aparezca un elemento cada 5 segundos de forma aleatoria! en este caso el div seria con id="algo" lo que he echo yo es copiar y pegar el mismo codigo, cambiando todas las frases "algo" a otra id y crear un div con la id correspondiente... y dejaron de funcionar los dos... entonces no encuentro la forma de crear dos divs, que muestren cosas aleatorias totalmente diferentes..

Seria de gran ayuda cualquier sugerencia!
  #4 (permalink)  
Antiguo 30/08/2014, 09:34
Avatar de Alexis88
Philosopher
 
Fecha de Ingreso: noviembre-2011
Ubicación: Tacna, Perú
Mensajes: 5.552
Antigüedad: 12 años, 5 meses
Puntos: 977
Respuesta: Como usar un codigo Javascript dos veces?

¿Y qué tal si repites las líneas en las que asignas un elemento aleatorio al elemento de id 'algo' y solo cambias el valor del 'id'?

Código Javascript:
Ver original
  1. document.getElementById('algo').innerHTML = frases_alea();
  2. document.getElementById('otro_id').innerHTML = frases_alea();
  3. setInterval(function(){
  4.     document.getElementById('algo').innerHTML = frases_alea();
  5.     document.getElementById('otro_id').innerHTML = frases_alea();
  6. }, 5000);

Y para que no se repitan los valores (que puede ocurrir), haz una simple condición:

Código Javascript:
Ver original
  1. document.getElementById('algo').innerHTML = frases_alea();
  2. document.getElementById('otro_id').innerHTML = frases_alea();
  3.  
  4. while (document.getElementById('algo').innerHTML == frases_alea()){
  5.     document.getElementById('otro_id').innerHTML = frases_alea();
  6. }
  7.  
  8. setInterval(function(){
  9.     document.getElementById('algo').innerHTML = frases_alea();
  10.     document.getElementById('otro_id').innerHTML = frases_alea();
  11.  
  12.     while (document.getElementById('algo').innerHTML == frases_alea()){
  13.         document.getElementById('otro_id').innerHTML = frases_alea();
  14.     }
  15. }, 5000);

De esta forma, mientras el contenido del primer elemento sea igual al nuevo valor aleatorio, se vuelve a ejecutar la función hasta asignar un valor distinto al segundo elemento.

Saludos
__________________
«Juro por mi vida y mi amor por ella, que jamás viviré para el provecho de otro hombre, ni le pediré a otro hombre que viva para el mío».

Ayn Rand
  #5 (permalink)  
Antiguo 30/08/2014, 09:42
 
Fecha de Ingreso: agosto-2014
Mensajes: 294
Antigüedad: 9 años, 8 meses
Puntos: 4
Respuesta: Como usar un codigo Javascript dos veces?

Muchas gracias por tu respuesta! pero me gustaria que en los dos div's aparezcan cosas distintas cosa que tendria que cambiar eso:

Código HTML:
frases[0] = "<a href='http://www.eurolloyd.es/seguros/seguros-de-coche/calcula-el-precio.html' onclick='openBack(this.href);return false;'>Consulta y beneficiate de nuestras nuevas tarifas para el seguro de tu coche</a>";
frases[1] = "En Eurolloyd aplicamos los descuentos de tu seguro actual en nuestros precios";
frases[2] = "Si quieres seguridad para t&iacute; y los tuyos, <a href='http://www.eurolloyd.es/seguros/seguros-de-accidentes/precios-y-coberturas.html' onclick='openBack(this.href);return false;'>consulta nuestro seguro de accidentes para el motorista.</a>";
frases[3] = "Si te interesa nuestro precio, contrata tu seguro directamente desde nuestra p·gina web";
Lo raro es que no me deje duplicar el codigo sin mas.. asignar ides diferentes y poner el contenido en cada id que ami me apetece :S normalmente antes asi me funcionaba algunas veces
  #6 (permalink)  
Antiguo 30/08/2014, 09:56
Avatar de Alexis88
Philosopher
 
Fecha de Ingreso: noviembre-2011
Ubicación: Tacna, Perú
Mensajes: 5.552
Antigüedad: 12 años, 5 meses
Puntos: 977
Respuesta: Como usar un codigo Javascript dos veces?

¿Te refieres a que el segundo <div> debe de mostrar valores aleatorios de otro array? Simple. Crea un segundo array con sus respectivos elementos y toma un valor aleatorio de ellos. Para que no te compliques, en la misma función asigna los valores a ambos elementos.

Código Javascript:
Ver original
  1. var array1 = ["Hola", "Mundo"],
  2.     array2 = ["Hello", "World"],
  3.     aux = Math.floor(Math.random() * 2);
  4.  
  5. function valores(){
  6.     var aleatorio = Math.floor(Math.random() * 2);
  7.  
  8.     document.getElementById("id_uno").innerHTML = array1[aleatorio];
  9.     document.getElementById("id_dos").innerHTML = array2[aleatorio];
  10. }
  11.  
  12. document.getElementById("id_uno").innerHTML = array1[aux];
  13. document.getElementById("id_dos").innerHTML = array2[aux];
  14. setInterval(valores, 5000);

Saludos
__________________
«Juro por mi vida y mi amor por ella, que jamás viviré para el provecho de otro hombre, ni le pediré a otro hombre que viva para el mío».

Ayn Rand
  #7 (permalink)  
Antiguo 30/08/2014, 10:09
Avatar de AitorDB  
Fecha de Ingreso: agosto-2014
Ubicación: Cádiz, España
Mensajes: 52
Antigüedad: 9 años, 9 meses
Puntos: 5
Respuesta: Como usar un codigo Javascript dos veces?

Se me ocurre una forma de hacerlo, puedes usar esa misma función solo que tendrías que devolver un array con dos valores, una para cada frase y para evitar que se repitan compruebas el número y si se repite generas otro, algo así:

http://jsfiddle.net/zLvyLrdr/2/

PD: Viendo el código de Alex me he fijado que el ha hecho diferentes textos para cada div, mientras que yo uso los mismos textos, es decir, si tengo un array con los siguientes valores: uno, dos, tres, cuatro... en mi código aparecería uno y cuatro por ejemplo, mientras que en su codigo necesitarias dos arrays, uno, dos, tres, cuatro..... y a, b c ,d.... por ejemplo y aparecerían dos y b.

Saludos!

Última edición por AitorDB; 30/08/2014 a las 10:16
  #8 (permalink)  
Antiguo 30/08/2014, 10:35
 
Fecha de Ingreso: agosto-2014
Mensajes: 294
Antigüedad: 9 años, 8 meses
Puntos: 4
Respuesta: Como usar un codigo Javascript dos veces?

Cita:
Iniciado por Alexis88 Ver Mensaje
Cita:
Iniciado por AitorDB Ver Mensaje
Gracias Gracias Gracias despues de 4 intentos el quinto me salio Bien! Gracias a los dos! : os doy un +1

Etiquetas: funcion, usar
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 18:09.