Forums Développement Multimédia

Aller au contenu

Js et Ajax Incompatibilité IE

CODE Ajax JQuery EaseJs

5 réponses à ce sujet

#1 michael-espeche

    Ceinture Bleue

  • Members
  • PipPipPipPipPip
  • 76 messages

Posté 28 February 2009 - 22:25 PM

Bonsoir à tous !

Je débute en javascript et en ajax c'est pourquoi je me suis aidé d'un tutoriel de ce site : www.grafikart.fr afin de créer une petite animation.
Mon animation consiste à changer le contenu d'un div en fonction d'un lien récupéré grace à l'attribut "title" suivit d'un ".php".

Le principe est simple :
    Je clique sur le lien
    L'url est donc title du lien + .php
    Le script js affiche la page en effet de fondu et slideUp.

Voici le script js :
$(document).ready(function(){
$("#navigation a").click(function(){
		page = $(this).attr("title")+".php";
		$.ajax({
			url: "pages/"+page,
			cache:false,
			success:function(html){
				afficher(html);
			},
			error:function(XMLHttpRequest,textStatus, errorThrown){
				afficher("Erreur lors du chargement de la page");
			}
		})
		return false;
	});
});

function afficher(data){
	$("#pages").fadeOut(600,function(){
		$("#pages").empty();
		$("#pages").append(data);
		$("#pages").fadeIn(1000);
	})
	$("#page").slideUp(800, function(){
		$("#page").slideDown(800);
	})
}

Et maintenant voici mon problème : Ce script fonctionne sous Firefox mais pas sous Internet Explorer...
Merci de votre aide.

Modifié par Speer0, 28 February 2009 - 22:25 PM.


#2 jinmoku

  • Members
  • PipPipPipPipPipPipPipPip
  • 564 messages

Posté 01 March 2009 - 18:11 PM

Action Script

$("#pages").emptyempty();

apres tu peu faire innerHTML c'est plus simple, verifie sinon dans quelle type est ta page, application/xml+xhtml, passe pas forcement bien

#3 michael-espeche

    Ceinture Bleue

  • Members
  • PipPipPipPipPip
  • 76 messages

Posté 01 March 2009 - 20:15 PM

Ok, je te tiens au courant. Merci

#4 michael-espeche

    Ceinture Bleue

  • Members
  • PipPipPipPipPip
  • 76 messages

Posté 08 March 2009 - 18:42 PM

Citation (stealth35 @ Mar 1 2009, 05:11 PM) Voir le message

Action Script

$("#pages").emptyempty();


J'ai essayé sa mais ça ne marche toujours pas. C'est quoi le innerhtml ?


#5 jinmoku

  • Members
  • PipPipPipPipPipPipPipPip
  • 564 messages

Posté 09 March 2009 - 11:01 AM

$("#pages").empty(); (bizar ca double)

innerHTML c'est le contenu d'une balise





#6 michael-espeche

    Ceinture Bleue

  • Members
  • PipPipPipPipPip
  • 76 messages

Posté 13 March 2009 - 18:59 PM

Citation (stealth35 @ Mar 9 2009, 10:01 AM) Voir le message
$("#pages").empty(); (bizar ca double)

innerHTML c'est le contenu d'une balise


Bon bien en faite j'abandonne ce script car pour mon site dynamique il pose un problème au niveau du contenu de la page.
Merci quand même smile.gif



1 utilisateur(s) li(sen)t ce sujet

0 membre(s), 1 invité(s), 0 utilisateur(s) anonyme(s)