[Flex4] Saisie impossible textinput - Safari & pas de lancement sous IE

zanteskuken · 21/11/2011, 21h20

Bonjour à tous

Je reste surpris d'une erreur de flex 4 (uniquement en mx) sous le navigateur safari. (Je suis sous MAC)

Aucunes des balises "TextInput" n'offre l'accessibilité de pouvoir saisir du text sous "Safari" (version 5)

Je n'ai aucun problème sous FireFox 8

D'où viens ce problème, sachant que je peut sélectionner des combobox et cliquer sur des boutons, mais non pas faire de saisi sur des TextInput et TextField.

Aurriez-vous une idée ?

j'ai lu certain forum mais je n'ai vu de réponse concrète. J'ai lu un aspect sur "wmode" mais je n'ai rien de spécifié de tel !

Autre problème, si les deux vont ensemble. Mon appli flex ne se charge pas sur IE (testé à partir de safari (développement -> agent d'utilisateur -> iE) )

Faut-il modifier certaines choses dans le fichier "AC_OETags.js" ?

Je l'ai laissé par défaut, pourtant l'on vois :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
var isIE  = (navigator.appVersion.indexOf("MSIE") != -1) ? true : false;
var isWin = (navigator.appVersion.toLowerCase().indexOf("win") != -1) ? true : false;
var isOpera = (navigator.userAgent.indexOf("Opera") != -1) ? true : false;

IE est censé être géré.

Si vous avez une idée à ce sujet

Merci

Jim_Nastiq · 22/11/2011, 15h50

Salut,

embed ton appli via le script SWFObject dans ta page HTML. Cela devrait résoudre pas mal de problème déjà.
Si le problème sur tes textinput persiste sous safari. Il faudrait checker quel wmode est définit par défaut dans ta page HTML.

zanteskuken · 22/11/2011, 19h31

Merci de ta réponse.

Le swf est déjà "embeded" en fait.

Je me permet de montrer l'ensemble du fichier HTML pour avoir une vue complète (espérant, non indigeste !! ).

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
<!-- saved from url=(0014)about:internet -->
<html lang="en">

<!-- 
Smart developers always View Source. 

This application was built using Adobe Flex, an open source framework
for building rich Internet applications that get delivered via the
Flash Player or to desktops via Adobe AIR. 

Learn more about Flex at http://flex.org 
// -->

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<!--  BEGIN Browser History required section -->
<link rel="stylesheet" type="text/css" href="history/history.css" />
<!--  END Browser History required section -->

<title></title>
<script src="AC_OETags.js" language="javascript"></script>

<!--  BEGIN Browser History required section -->
<script src="history/history.js" language="javascript"></script>
<!--  END Browser History required section -->

<style>
body { margin: 0px}
</style>
<script language="JavaScript" type="text/javascript">
<!--
// -----------------------------------------------------------------------------
// Globals
// Major version of Flash required
var requiredMajorVersion = 10;
// Minor version of Flash required
var requiredMinorVersion = 0;
// Minor version of Flash required
var requiredRevision = 0;
// -----------------------------------------------------------------------------
// -->
</script>
</head>

<body>
<script language="JavaScript" type="text/javascript">
<!--
// Version check for the Flash Player that has the ability to start Player Product Install (6.0r65)
var hasProductInstall = DetectFlashVer(6, 0, 65);

// Version check based upon the values defined in globals
var hasRequestedVersion = DetectFlashVer(requiredMajorVersion, requiredMinorVersion, requiredRevision);

if ( hasProductInstall && !hasRequestedVersion ) {
	// DO NOT MODIFY THE FOLLOWING FOUR LINES
	// Location visited after installation is complete if installation is required
	var MMPlayerType = (isIE == true) ? "ActiveX" : "PlugIn";
	var MMredirectURL = window.location;
    document.title = document.title.slice(0, 47) + " - Flash Player Installation";
    var MMdoctitle = document.title;

	AC_FL_RunContent(
		"src", "playerProductInstall",
		"FlashVars", "MMredirectURL="+MMredirectURL+'&MMplayerType='+MMPlayerType+'&MMdoctitle='+MMdoctitle+"",
		"width", "100%",
		"height", "100%",
		"align", "middle",
		"id", "Toutouyoutou",
		"quality", "high",
		"bgcolor", "#869ca7",
		"name", "Toutouyoutou",
		"allowScriptAccess","sameDomain",
		"type", "application/x-shockwave-flash",
		"pluginspage", "http://www.adobe.com/go/getflashplayer"
	);
} else if (hasRequestedVersion) {
	// if we've detected an acceptable version
	// embed the Flash Content SWF when all tests are passed
	AC_FL_RunContent(
			"src", "Toutouyoutou",
			"width", "100%",
			"height", "100%",
			"align", "middle",
			"id", "Toutouyoutou",
			"quality", "high",
			"bgcolor", "#869ca7",
			"name", "Toutouyoutou",
			"allowScriptAccess","sameDomain",
			"type", "application/x-shockwave-flash",
			"pluginspage", "http://www.adobe.com/go/getflashplayer"
	);
  } else {  // flash is too old or we can't detect the plugin
    var alternateContent = 'Alternate HTML content should be placed here. '
  	+ 'This content requires the Adobe Flash Player. '
   	+ '<a href=http://www.adobe.com/go/getflash/>Get Flash</a>';
    document.write(alternateContent);  // insert non-flash content
  }
// -->
</script>
<noscript>
  	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
			id="Toutouyoutou" width="100%" height="100%"
			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
			<param name="movie" value="Toutouyoutou.swf" />
			<param name="quality" value="high" />
			<param name="bgcolor" value="#869ca7" />
			<param name="allowScriptAccess" value="sameDomain" />
			<embed src="Toutouyoutou.swf" width="100%" height="100%" 
				align="middle" loop="false" type="application/x-shockwave-flash">
			</embed>
			
			<!--[if !IE]>-->
                <object type="application/x-shockwave-flash" data="Toutouyoutou.swf" width="100%" height="100%">
                    <param name="quality" value="high" />
                    <param name="bgcolor" value="#869ca7" />
                    <param name="allowScriptAccess" value="sameDomain" />
                    <param name="allowFullScreen" value="true" />
			<!--[if gte IE 6]>-->
                	<p> 
                		Either scripts and active content are not permitted to run or Adobe Flash Player version
                		10.0.0 or greater is not installed.
                	</p>
                <!--<![endif]-->
                    <a href="http://www.adobe.com/go/getflashplayer">
                        <img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash Player" />
                    </a>
                <!--[if !IE]>-->
                </object>
	</object>
</noscript>
</body>
</html>

Ce fichier est généré par compilation via le HTML-template fournis par flex (lors d'une création de projet flex).

Par contre je n'ai nulle part spécifié un wmode

J'ai fait essayé sur chrome, IE et firefox, sur leurs dernières versions respectives (espérons que les anciennes on découle une adaptation adéquate). Il n'y a bien que part Safari que j'ai ce problème.

J'ai demandé à tester sur IE, et tout fonctionne normalement. (Safari ne doit être au point avec son agent spécifique de IE)

La tabulation ne fonctionne donc pas, que sur Safari (par exemple, pour passer d'une combobox à une autre), je n'ai pas l'impression qu'il y ais un focus donné de ce fait.

Car sinon, je peut sélectionner, appuyer sur des boutons etc, et l'appli me répond bien.

Merci de ton retour en tout cas.

Jim_Nastiq · 24/11/2011, 14h38

hum... je te conseille tout de meme de tester ton swf avec une integration dans une page html via SWFObject.
Ca permettrait de rayer une possbilité...

Si le probleme persiste, il va falloir la version de ton os, la version de safari et la version du plugin flash installé sur safari.

zanteskuken · 28/11/2011, 15h13

Salut Jim'

Oui pourquoi pas.

Si je ne me trompe pas Flex 3 utilise "AC_OETags.js"

Et Flex 4 "SWFObject" pour intégrer un swf

Sauf qu'avec SWFObject on utilise la notion embedded "swfobject.embedSWF"

et non plus "AC_FL_RunContent( id , test) (par exemple pour un fichier "test.swf");

Désolé je ne connais pas trop la structure d'embarquement.

Alors oui, j'ai donc fait cela. J'ai juste mis un TextInput dans mon fichier test.mxml compiler en test.swf.
Puis, flasbuilder 4 utilise swfObject.js et à créé le fichier "test.html" et en effet dedans j'ai bien la notion

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
 swfobject.embedSWF(
                "test.swf", "flashContent", 
                "100%", "100%", 
                swfVersionStr, xiSwfUrlStr, 
                flashvars, params, attributes);

Mais ça ne marche toujours pas, pour autant. ça fonctionne toujours normalement sur firefox.

Si je prend un site internet présente sur le web, ces champs TextInput (non surement codé en flex) fonctionne. (au cas où l'on se dirai que c'est valable sur n'importe quel site internet présent sur le web et fournissant cette même erreur sur mon Safari. Que nenni).

Oui c'est bien étrange tout ceci.

Peut être tu as une idée bien définit, alors pour te répondre, voici l'environnement :

Mac OsX 10.6.8
Safari 5.1.1
Plugin flash : 10,2,152,26 (visualisé sur le site d'Adobe)

Ps : Ce plugin est valable pour l'ensemble des outils l'utilisant. Il n'est pas spécifique à safari. Firefox l'utilise sur mon pc et tout fonctionne correctement.
Car j'ai peur de mal interpréter ce que tu as dis "du plugin flash installé sur safari". On install pas un plugin sur un navigateur, il utilise celui installer sur l'OS. C'est juste pour savoir si c'est sous-entendu qu'il me manquerai un plugin réllement sur Safari ou une mal interprétation de ma part.

Merci Jim

22/11/2011, 15h50	#2
Jim_Nastiq Rédacteur/Modérateur Jean-Marie Macé Ingénieur consultant, leader Flex Inscription : avril 2006 Messages : 2 194 Détails du profil Informations personnelles : Nom : Jean-Marie Macé Localisation : France, Haute Garonne (Midi Pyrénées) Informations professionnelles : Activité : Ingénieur consultant, leader Flex Secteur : Conseil Informations forums : Inscription : avril 2006 Messages : 2 194 Points : 3 377 Points : 3 377	Salut, embed ton appli via le script SWFObject dans ta page HTML. Cela devrait résoudre pas mal de problème déjà. Si le problème sur tes textinput persiste sous safari. Il faudrait checker quel wmode est définit par défaut dans ta page HTML. __________________ Pensez vraiment à effectuer une recherche avant de poster, ici et sur un moteur de recherche! c'est la moindre des choses Pensez au tag Mon Blog sur la techno Flex Ma page sur Developpez.com Jim_Nastiq
	00

24/11/2011, 14h38	#4
Jim_Nastiq Rédacteur/Modérateur Jean-Marie Macé Ingénieur consultant, leader Flex Inscription : avril 2006 Messages : 2 194 Détails du profil Informations personnelles : Nom : Jean-Marie Macé Localisation : France, Haute Garonne (Midi Pyrénées) Informations professionnelles : Activité : Ingénieur consultant, leader Flex Secteur : Conseil Informations forums : Inscription : avril 2006 Messages : 2 194 Points : 3 377 Points : 3 377	hum... je te conseille tout de meme de tester ton swf avec une integration dans une page html via SWFObject. Ca permettrait de rayer une possbilité... Si le probleme persiste, il va falloir la version de ton os, la version de safari et la version du plugin flash installé sur safari. __________________ Pensez vraiment à effectuer une recherche avant de poster, ici et sur un moteur de recherche! c'est la moindre des choses Pensez au tag Mon Blog sur la techno Flex Ma page sur Developpez.com Jim_Nastiq
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email