JavaScript - ¿donde tengo que poner el fadeIn y fadeOut aqui?

   
Vista:

¿donde tengo que poner el fadeIn y fadeOut aqui?

Publicado por el_iniciado (95 intervenciones) el 19/04/2012 10:07:20
Hola a todos tengo este código que va bien, pero quiero que el cambio de imágenes que produce se haga haciendo un face in y face out , alguien podría echarme una mano y decirme como se debería hacer ? , aquí esta el código , gracias de antemano.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
var carg = '<p align="center">Cargando...</p>';
 
function explode(nombre_div,pagina) {
    var cont = document.getElementById(nombre_div); // aqui esta la var nombre_div
    ajax = getXMLHttpRequest();
    ajax.onreadystatechange = function() {
 
        if(ajax.readyState == 4) {
            cont.innerHTML = ajax.responseText;
        }
    }
    ajax.open('GET', pagina, true); // aqui esta la var "pagina"
    ajax.send(null);
}
 
setInterval("explode ('cont_setinterval','esperanza33.php');",5000);
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de xve

¿donde tengo que poner el fadeIn y fadeOut aqui?

Publicado por xve (1595 intervenciones) el 19/04/2012 10:48:32
Hola, segun entiendo, lo que quieres, es que el contenido que pones dentro del div nombre_div, realice el efecto fade_in y fade_out verdad?

Según yo veo, al inicio de ejecutar tu función explode() tendrás que ejecutar el fede in y una vez asignes el valor en la linea:
cont.innerHTML = ajax.responseText;
a continuación realizar el fade out

Coméntanos, ok?
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar

¿donde tengo que poner el fadeIn y fadeOut aqui?

Publicado por el_iniciado (95 intervenciones) el 19/04/2012 12:10:13
Hola xve que tal, veras el problema que tengo con el face es que no se programarlo es decir colocarle la etiqueta face in y face out donde corresponde para que funcione.

por que de java estoy mas bien plano. Creeme que para mi es mas que un logro el haber hecho que funcione el java.

Si fueras tan amable de escribirme dichas lineas como deben te estaria agradecido y por supuesto te comentare el resultado, que menos ;-)
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
Imágen de perfil de xve

¿donde tengo que poner el fadeIn y fadeOut aqui?

Publicado por xve (1595 intervenciones) el 19/04/2012 13:47:52
Tal como yo lo haría, seria utilizando jquery... algo así:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
function explode(nombre_div,pagina) {
    $("#nombre_div").fadeOut('slow');
    var cont = document.getElementById(nombre_div); // aqui esta la var nombre_div
    ajax = getXMLHttpRequest();
    ajax.onreadystatechange = function() {
 
        if(ajax.readyState == 4) {
            cont.innerHTML = ajax.responseText;
            $("#nombre_div").fadeIn('slow');
        }
    }
    ajax.open('GET', pagina, true); // aqui esta la var "pagina"
    ajax.send(null);
}

Recuerda de añadir la linea para el jquery en la cabecera de tu pagina, sino no te funcionara... seria algo así:
1
<script src="http://code.jquery.com/jquery-latest.js"></script>

Espero que te sirva...
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar

¿donde tengo que poner el fadeIn y fadeOut aqui?

Publicado por el_iniciado (95 intervenciones) el 19/04/2012 16:58:05
Hola de nuevo xve, veras he puesto lo que me has dicho, en donde imagen_ok es el nombre de id que tiene la capa contenedora de la imagen a la que afectara este script con el face.

Pero no va (he añadido el codigo de jquery), ademas pasa otra cosa, que ¿donde pongo lo de los milisegundos es decir en el codigo que te pase si aparece pero en este que me has mandado no veo donde configurarlo.¿?




<script src="http://code.jquery.com/jquery-latest.js"></script>

<script>

function explode(nombre_div,pagina) {
$("#imagen_ok").fadeOut('slow');
var cont = document.getElementById(nombre_div); // aqui esta la var nombre_div
ajax = getXMLHttpRequest();
ajax.onreadystatechange = function() {

if(ajax.readyState == 4) {
cont.innerHTML = ajax.responseText;
$("#imagen_ok").fadeIn('slow');
}
}
ajax.open('GET', pagina, true); // aqui esta la var "pagina"
ajax.send(null);
}

</script>




---------------------------------------------------------------------------------------------------
Para darte todos los detalles te pongo todo el codigo mio de la primera vez, no se si te servira de algo :


// JavaScript Document


function getXMLHttpRequest() {
var aVersions = [ "MSXML2.XMLHttp.5.0","MSXML2.XMLHttp.4.0","MSXML2.XMLHttp.3.0","MSXML2.XMLHttp","Microsoft.XMLHttp"];
if (window.XMLHttpRequest) {
// para IE7, Mozilla, Safari, etc: que usen el objeto nativo
return new XMLHttpRequest();
}
else if (window.ActiveXObject) {
// de lo contrario utilizar el control ActiveX para IE5.x y IE6.x
for(var i=0;i<aVersions.length;i++) {
try {
var oXmlHttp = new ActiveXObject(aVersions);
return oXmlHttp;
}
catch(error) {
// no necesitamos hacer nada especial
}
}
}
}

var carg = '<p align="center">Cargando...</p>';

function explode(nombre_div,pagina) {
var cont = document.getElementById(nombre_div); // aqui esta la var nombre_div
ajax = getXMLHttpRequest();
ajax.onreadystatechange = function() {

if(ajax.readyState == 4) {
cont.innerHTML = ajax.responseText;
}
}
ajax.open('GET', pagina, true); // aqui esta la var "pagina"
ajax.send(null);
}

setInterval("explode('setinterval','esperanza33.php');",2000);
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar