Aller au menu - Aller au contenu

iFrame Loading

Pour accéder à cette section
Connectez-vous !
connexion_rpx
Page 1 
Pseudo Commentaire
Page 1 
Hors ligne Davilink # Posté le 12/04/2008 à 08:34:20
hmm...!?

Ville : Montréal-est
Pays : Canada

 Très bon tutoriel. 19/20

C'est la première fois que je vois un tutoriel sur le ajax aussi complet.

Petit info:

innerText , il existe un équivalent pour Firefox: textContent
Hors ligne Thunderseb # Posté le 12/04/2008 à 09:50:49
Responsable de la validation
Avatar

Avis : Très bon Validateurs
close

Ville : Liège
Pays : Belgique

 Ah ouais, textContent, je l'avais complètement oublié celui-la ^^
Hébergemoi - Realfox 4 - zValido - Left 4 Dead - Portal - Jouer Medic
Dynamisez vos sites web avec Javascript !
 
Hors ligne zenbb # Posté le 24/07/2008 à 02:03:05

Très bon tutoriel, on en veut encooore :p
Hors ligne Cindynus # Posté le 24/08/2008 à 17:03:30
Quand y'en a marre y a Malabar
Avatar

 Un tuto simple à comprendre, la partie qui m'intéressait a été intégré en 2.2

Par contre il manque un petit truc qui aurait été sympa à expliquer et qui me pose un gros soucis.

Dans l'exemple démonstratif, j'ai suivi la solution du lien target avec mon fichier txt, sauf que mon texte je veux qu'il ai une mise en forme. J'ai beau remanier tout ça dans ma tête, même en changeant l'extension en html il se passe rien. o_O Peut-être que c'est mon navigateur (IE) qui n'est pas au point ?! :o
"Il vaut mieux règner en Enfer que servir au Paradis." Willem Dafoe, Animal Factory
 
Hors ligne HoLyVieR # Posté le 08/09/2008 à 04:34:42

Remarque sur la partie de "iFrameLoading".

"Le problème de l'upload est qu'il faut utiliser l'encodage multipart/form-data pour envoyer le formulaire. S'il suffisait d'utiliser une bête requête POST, on aurait pu le faire avec XMLHttpRequest. Mais XHR ne permet pas de définir l'encodage."

Le problème avec xhr, c'est que l'on ne peut pas passer de fichier en paramètre. Pour l'encodage, on peut la changer via la fonction setRequestHeader et/ou overrideMimeType.
Hors ligne magik-orion # Posté le 08/09/2008 à 21:56:25
Don't be evil !
Avatar

 dommage que tu n'explique pas le suivi en live de l'upload à savoir comment obtenir le pourcentage d'avancement et comment afficher cela sous la forme d'une progressbar simple.
sinon bon tuto :)
Etudiant L3, EFREI P2014
C/C++, Flash/Flex/AS3, C#, Java, ASP.NET, HTML5/CSS3/PHP/MySQL, JS
 
Hors ligne anonyme # Posté le 05/05/2009 à 08:26:48

Très bon tuto mais dans l'exemple démonstratif, le lien "Charger le fichier sans target" ne fonctionne pas (c'est pas un lien en fait).
Sinon ça serait bien si la coloration syntaxique du dernier gros code pouvait être corrigée :-°
Hors ligne ilovechocolat # Posté le 25/07/2009 à 00:14:56
Avatar

Ville : Sete
Pays : France métropolitaine

 excellent tuto mais pourquoi mettre un test de page si il est protégé par un mot de passe ? o_O
Il vaut mieux mobiliser son intelligence sur des conneries que mobiliser sa connerie sur des choses intelligentes.
 
Hors ligne laipreu # Posté le 31/07/2009 à 18:50:53

Excellent tuto! Merci beaucoup.
Mais je cale à un endroit, si vous pouvez m'aiguiller.

J'utilise cet upload dans une page ou on peut mettre un titre au fichier.
Et j'ai un bouton submit pour finaliser l'enregistrement.
Je détecte dans mon code si l'utilisateur clique sur le submit ou pas et dans ce cas j'aimerai rediriger...
Et impossible

Voici le code :

Code : JavaScript
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
function uploadEnd(sError, sPath, page, id_recommandation) {
	if(sError == 'OK') {
		document.getElementById(page+"_status").innerHTML = "Upload réussi !";	
	}else{
		if(sError == 'next'){
			alert("C'est ici que j'aimerai faire la redirection!");
			document.location.href="operation.php?ajout=on&id_operation="+id_operation+"#"+id_operation;
		}else{
			alert("pouet2");
			document.getElementById(page+"_status").innerHTML = sError;
		}
	}	
}


Ca ne fonctionne point :'(

Merci à vous ;)
Hors ligne Lowbaka # Posté le 15/06/2010 à 16:03:59
Qui ne tente rien, n'a rien !
Avatar

Ville : Grenoble
Pays : France métropolitaine
Études : IUT Grenoble 1

 Salut,

Il y a une petite erreur sur la partie de l'upload de fichier. Enfin erreur peut être pas, mais il manque un point.
Tu dit que si l'on ne peut pas envoyer de fichier via AJAX, c'est parce que l'on ne peut pas définit l'encryptage. Serte, peut être. Mais après avoir beaucoup fouillé sur internet pour chercher comment faire, il apparait surtout que c'est parce qu'il n'est pas possible de lire sur le Disque dur utilisateur via Ajax, et heureusement, sinon il y aurai une grosse faille de sécurité...
Donc voilà, je voulais signaler. Sinon très bon tuto, et merci ;)

Edit :
Oups, désolé, j'avais pas vu le lien signaler une erreur, donc je le renvoi via celui-ci au cas où.
Image utilisateur
 
Hors ligne Nesquik69 # Posté le 15/06/2010 à 22:42:11
Slave of the Rythm
Avatar
Groupe : Auteurs
close

Ville : Tassin la demi-lune
Pays : France métropolitaine

 Tu ne peux pas lire directement sur le disque dur de l'utilisateur, mais tu peux récupérer les données d'un fichier par le biais d'une balise <input type="file "/>, donc il s'agit bien d'un problème d'encryptage, pas de lecture du fichier.
Mes sites web : Plune | It's Friday!
Mes tutos : Javascript | Ajax
Mes projets : SpeedTest | Boxifier | zUploader
Articles : Breakpoint 2007 / 2008 / 2009
Useless : Mangas | Caramelldansen | Monde parallèle acidifié | Tydax
 
Hors ligne Iluvalar # Posté le 07/12/2010 à 07:19:33

Pas mal comme tuto, c'est bien de voir expliqué cette méthode que j'emploie depuis des années et qui est si mal comprise...

Vous oubliez par contre ce qui est le plus puissant de cette technique et qui est à mon avis si difficile à simuler avec toute les autres : Il n'est pas nécessaire d'appeler quelque fonction que ce soit. En fait, il n'est même pas nécessaire que l'action ait été conçus avant que l'utilisateur ouvre la page. Plutôt que de lancer une fonction sur la page mère, vous pouvez directement y faire tout ce qui est possible en javascript. Ça vous fait une couche de moins à gèrer.
Hors ligne nicolas2603 # Posté le 17/01/2011 à 17:37:34

Bonjour, je m'intéresse à l'évènement onLoad qui permet de d'exécuter une fonction lorsque le contenu de l'iframe est chargé. Si il réagit au quart de tour sur Firefox, en revanche sur IE il ne semble pas fonctionner. Et c'est justement pour IE que j'ai besoin d'utiliser cet évènement. C'est normal ?
Merci d'avance.

EDIT : mauvaise manip, ça fonctionne. Sorry !
Hors ligne mrmm # Posté le 16/03/2011 à 12:01:46

Salut j'ai un problème vraiment énervant avec tout le code HTML de ce Tutorial toujours il m'affiche   Â.
Par exemple dans le dernier code de HTML de l'upload voila ce qu'il m'affiche :
                                                 Password :                                                                                                                                                                 No upload yet.         Â
Hors ligne mosted # Posté le 05/04/2011 à 16:46:16
Avatar

 C'est quoi le mot de pass et où le trouver ? PLease ?
Hors ligne 007Julien # Posté le 04/09/2011 à 16:10:41

L'iframe, « c'est un élément qui permet d'insérer une page Web dans une autre » !
N'est-ce pas un peu court ? Quelques avertissements et précisions sur la «same origin policy» seraient sans doute les bienvenus (non seulement pour ceux qui ne connaissent pas mais encore pour ceux qui «débarquent» sur cette page) pour parfaire ce tutoriel...
Hors ligne grandbrinus # Posté le 07/02/2012 à 14:43:03
Avatar

 Citation : Thunderseb
La technique habituelle de remplacement d'une iframe est de faire un include en PHP dans un <div>, avec une overflow (propriété CSS pour ajouter des barres de défilement).


Haem... Balise <object> plutôt non ? Histoire de ne pas faire de duplications de balises <html> etc... lorsqu'on inclut "une page dans une autre" !
Tartalateam - Site officiel pour bientôt
 
Hors ligne Nesquik69 # Posté le 07/02/2012 à 15:05:02
Slave of the Rythm
Avatar
Groupe : Auteurs
close

Ville : Tassin la demi-lune
Pays : France métropolitaine

 Hum... non ^^ . En fait, je ne vois même pas ce que tu veux désigner comme façon de faire avec la balise <object> =/
Mes sites web : Plune | It's Friday!
Mes tutos : Javascript | Ajax
Mes projets : SpeedTest | Boxifier | zUploader
Articles : Breakpoint 2007 / 2008 / 2009
Useless : Mangas | Caramelldansen | Monde parallèle acidifié | Tydax
 
Hors ligne Thunderseb # Posté le 07/02/2012 à 15:06:51
Responsable de la validation
Avatar

Avis : Très bon Validateurs
close

Ville : Liège
Pays : Belgique

 On peut utiliser <object> comme une <iframe>. C'est vrai, mais très peu utilisé (et pas super bien supporté suivant les navigateurs si je me souviens bien).
Hébergemoi - Realfox 4 - zValido - Left 4 Dead - Portal - Jouer Medic
Dynamisez vos sites web avec Javascript !
 
Pour accéder à cette section
Connectez-vous !
connexion_rpx