Discussion :

[catstevens01]

Bonjour les flexos
j'ai un problème concernant un menuBar en flex !!
j ai récupere un menubar sur le net et je veux modifier son code pour que une fois je clique sur une option du menu il me redirige vers une page indiqué .
le probleme c'est que le browser ne me redirige pas voici le code.

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
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" backgroundGradientAlphas="[1.0, 1.0]" backgroundGradientColors="[#FFFFFF, #06F700]"
	creationComplete="init()"><mx:Script>
        <![CDATA[     //on importe la classe XMLListeCollection (pour remplir le menu)
        import mx.collections.XMLListCollection;
        //on importe la classe Bounce pour l'effet rebond sur le menu
		import mx.effects.easing.Bounce;
		   import mx.controls.Alert;
          import mx.events.MenuEvent;
        //on déclare une variable de type XMLListCollection pour stocker les données du menu
        //on rend cette variable [Bindable]
        [Bindable]
        private var menu:XMLListCollection;
 
    	//Notre menu (ici, il n'est pas dynamique...)
        private var menubarXML:XMLList =
               <>
                    <menuitem label="configuration">
                        <menuitem label="a" data="1A"/>
                        <menuitem label="b" data="1B"/>
                    </menuitem>
                    <menuitem label="Notes">
                        <menuitem label="c" type="check"  data="2A"/>
                        <menuitem type="d" />      
                    </menuitem>
                </>;
 
		//on appelle cette fonction sur 
		//l'event CreationComplete de l'application
		private function init():void {
 
			//on remplit notre variable menu avec le menu xml
            menu = new XMLListCollection(menubarXML); 
 
		}
            	private function clik(event:MenuEvent):void {
 
		  if(event.item.@label=="a")
        navigateToURL(new URLRequest('file:///C:/blabla.html#'),'_self');
 
		} ]]>
    </mx:Script>
 
	<mx:WipeDown id="animation_menu" duration="500" moveEasingFunction="Bounce.easeOut" />
 
 
	<mx:Style>
 
        Menu {
       	showEffect: "animation_menu";
        openDuration: "0";
        backgroundColor: #CCCCFF;
		borderColor: #6666FF; 
		}
 
        /* Dans ce deuxième style, on spécifie tous les autre styles pour le menu */
		MenuBar {
		cornerRadius: 11;
		letterSpacing: 1;
		fillAlphas: 0.4, 0.7;
		fillColors: #0033cc, #66ccff;
		rollOverColor: #99cccc;
		selectionColor: #9999cc;
		color: #333366;
		textRollOverColor: #0b333c;
		themeColor: #6666cc;
		fontFamily: Verdana;
		fontSize: 10;
		fontWeight: bold;
		textIndent: 2;
		}
 
    </mx:Style> 
 
    <!-- Notre menu, avec comme dataprovider notre XMLListCollection-->
    <mx:MenuBar x="0" y="0" width="455" id="mb" 	dataProvider="{menu}" labelField="@label" itemClick="clik(event)"  fillAlphas="[1.0, 1.0]" fillColors="[#C6F7C6, #79FF79]"/>
 
</mx:Application>

[stiml]

Salut catstevens01,

J'ai testé ton code en redirigeant vers google et ca marche très bien.

Voici le code : (j'ai rien changé hein ^^)

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
 
<?xml version="1.0" encoding="utf-8"?>
<mx:Application 
	xmlns:mx="http://www.adobe.com/2006/mxml" 
	layout="absolute" 
	backgroundGradientAlphas="[1.0, 1.0]" 
	backgroundGradientColors="[#FFFFFF, #06F700]"
	creationComplete="init()">
	<mx:Script>
        <![CDATA[     //on importe la classe XMLListeCollection (pour remplir le menu)
			import mx.collections.XMLListCollection;
			//on importe la classe Bounce pour l'effet rebond sur le menu
			import mx.effects.easing.Bounce;
			import mx.controls.Alert;
			import mx.events.MenuEvent;
			//on déclare une variable de type XMLListCollection pour stocker les données du menu
			//on rend cette variable [Bindable]
			[Bindable]
			private var menu:XMLListCollection;
 
			//Notre menu (ici, il n'est pas dynamique...)
			private var menubarXML:XMLList =
			< >
				<menuitem label="configuration">
					<menuitem label="a" data="1A"/>
					<menuitem label="b" data="1B"/>
				</menuitem>
				<menuitem label="Notes">
					<menuitem label="c" type="check"  data="2A"/>
					<menuitem type="d" />      
				</menuitem>
			</>;
 
			//on appelle cette fonction sur 
			//l'event CreationComplete de l'application
			private function init():void {
 
			//on remplit notre variable menu avec le menu xml
			menu = new XMLListCollection(menubarXML); 
 
			}
			private function clik(event:MenuEvent):void {
 
			  if(event.item.@label=="a")
			navigateToURL(new URLRequest('http://www.google.fr'),'_self');
 
			} 
		]]>
    </mx:Script>
 
	<mx:WipeDown id="animation_menu" duration="500" moveEasingFunction="Bounce.easeOut" />
 
 
	<mx:Style>
 
        Menu {
       	showEffect: "animation_menu";
        openDuration: "0";
        backgroundColor: #CCCCFF;
		borderColor: #6666FF; 
		}
 
        /* Dans ce deuxième style, on spécifie tous les autre styles pour le menu */
		MenuBar {
		cornerRadius: 11;
		letterSpacing: 1;
		fillAlphas: 0.4, 0.7;
		fillColors: #0033cc, #66ccff;
		rollOverColor: #99cccc;
		selectionColor: #9999cc;
		color: #333366;
		textRollOverColor: #0b333c;
		themeColor: #6666cc;
		fontFamily: Verdana;
		fontSize: 10;
		fontWeight: bold;
		textIndent: 2;
		}
 
    </mx:Style> 
 
    <!-- Notre menu, avec comme dataprovider notre XMLListCollection-->
    <mx:MenuBar 
    	x="0" 
    	y="0" 
    	width="455" 
    	id="mb" 	
    	dataProvider="{menu}" 
    	labelField="@label" 
    	itemClick="clik(event)"  
    	fillAlphas="[1.0, 1.0]" 
    	fillColors="[#C6F7C6, #79FF79]"
    	/>
 
</mx:Application>

[catstevens01]

etrange j ai copier le meme code dans un nouveau projet
et ca marche
Mecri