Ver Mensaje Individual
  #1 (permalink)  
Antiguo 22/09/2015, 10:32
mrc95
 
Fecha de Ingreso: septiembre-2015
Mensajes: 6
Antigüedad: 9 años, 2 meses
Puntos: 0
Problema con ejercicio javascript

Saludos a todos, hace 20 días empecé a estudiar js y estoy teniendo algún problemilla con los ejercicios, tengo un ejercicio con cuatro divs, en el que tengo que pinchar encima de cualquiera de ellos y despues encima de alguno de los otros 3. Tras haber pinchado los dos divs, las imagenes que tienen de fondo se intercambiaran. Decidí recoger la id del objeto en el que pinchaba e intercambiar las id de los divs, pero me he atascado bastante...
Se agradece cualquier ayuda, gracias de antemano y un saludo a todos.

Cita:
var myStyle = document.getElementById("css1");
var valorDeHref = myStyle.getAttribute("href"); //this returns the value of href
myStyle.setAttribute("href", "csss/one3.css"); // this sets href attribute to css/two.css

var boton1 = document.getElementById("foto1");
var boton2 = document.getElementById("foto2");
var boton3 = document.getElementById("foto3");
var boton4 = document.getElementById("foto4");

var click=1;
var variable_aux=" ";
var variable_aux2=" ";

function f1(){
if(click==1){
click=2;
variable_aux = myStyle.getAttribute("id");
}else{
variable_aux2 = myStyle.getAttribute("id");
variable_aux.id(variable_aux2);
variable_aux2.id(variable_aux);
click=1;
}
}function f2(){
if(click==1){
click=2;
variable_aux = myStyle.getAttribute("id");
}else{
variable_aux2 = myStyle.getAttribute("id");

variable_aux.id(variable_aux2);
variable_aux2.id(variable_aux);
click=1;
}
}function f3(){
if(click==1){
click=2;
variable_aux = myStyle.getAttribute("id");
}else{
variable_aux2 = myStyle.getAttribute("id");

variable_aux.id(variable_aux2);
variable_aux2.id(variable_aux);
click=1;
}
}function f4(){
if(click==1){
click=2;
variable_aux = myStyle.getAttribute("id");
}else{
variable_aux2 = myStyle.getAttribute("id");

variable_aux.id(variable_aux2);
variable_aux2.id(variable_aux);
click=1;
}
}

boton1.onclick = function () { // add an onclick event to the boton element
f1(); //this function is called when the boton element is clicked
};boton2.onclick = function () { // add an onclick event to the boton element
f2(); //this function is called when the boton element is clicked
};boton3.onclick = function () { // add an onclick event to the boton element
f3(); //this function is called when the boton element is clicked
};boton4.onclick = function () { // add an onclick event to the boton element
f4(); //this function is called when the boton element is clicked
};