Appel fonction js natif avec jquery et effet

Version imprimable

Bonjour,

Je souhaiterais savoir comment faire appelle à une fonction js natif avec jquery.

je cache une frame comme ceci:
Code:

1 2 3 4 5 6 7 8 9 function HideFrame() { if(parent.document.getElementById('FrameName').cols == '200px,*' || parent.document.getElementById('FrameName').cols == '205px,*'){ parent.document.getElementById('FrameName').cols = "0,*"; }else{ parent.document.getElementById('FrameName').cols = "205px,*"; } }
l'effet est immédiate, donc avec jquery je voudrais donné un effet progressif quand la frame disparait et quand elle doit réapparaitre... ou un effet progressif de transparence.

Je vous remercie d'avance, bien cordialement.

Code:

1
2
3
slideToggle() ?
fadeOut() fadeIn()  ?
animate({"width":0}) ?

02/05/2012, 14h06
Snyper

OK merci, je vais voir ce que cela donne! :)
02/05/2012, 14h14
Snyper
je test ça :
Code:

1 2 3 4 $("#clickme").click(function() { alert('Je passe par ici') $("#FrameName").animate( {"cols": "0,*"}, 1000 ); });
Mais ça ne marche pas, je cherche mais je ne trouve pas comment modifier l'attribut cols de la frame avec animate.

J'ai aussi trouver sur ce site, une affirmation que l'on ne peut changer l'attribut cols avec animate, pourriez-vous me confirmer cela?

http://stackoverflow.com/questions/6...eset-in-jquery

Je vous remercie d'avance.
02/05/2012, 14h51
SpaceFrog

:roll:
j'ai mis animate avec witdh, pas avec cols ...

Je comprend, mais

Code:

1
2
3
4
$("#clickme").click(function() {
			alert('Je passe par ici')
			$("#FrameName").animate( {widht : 0}, 1000 );
		});

ne marche pas..... J'ai aussi fais

Code:

$("#left").animate( {widht : 0}, 1000 );

mais rien ne bouge.....

voici la définition des frames:

Code:

1
2
3
4
5
6
7
	<frameset cols="200px,*" id="FrameName" name="FrameName">
		<frame name="left" id="left" src="menu.htm" target="right">
		<frame name="right" src="index.htm" target="_self">
		<noframes>
			<body>Votre navigateur ne supporte pas les frames !</body>
		</noframes>
	</frameset>

Merci.

02/05/2012, 15h05
SpaceFrog

animate({"width":0})

w i d t h pas widht

Oui effectivement je me suis tromper, avec correction: cela ne marche pas.
Code:

1 2 3 4 5 $("#clickme").click(function() { alert('JE passe ici...') $("#FrameName").animate({"width":0}) });
merci.

02/05/2012, 15h36
SpaceFrog

ton code est sur quelle page ???
il doit etre sur la page de frameset

Mais je pense que c'est l'intégralité qui est a revoir ...
les framset c'est dépassé...
02/05/2012, 15h48
Snyper

Oui mais hélas, je ne peux pas changer les frames.... mon code est sur l'une des frames, je modifie et je test.

Merci
02/05/2012, 16h49
SpaceFrog

si ton code est sur l'une des pages dans les frames il te faut passer par parent pour atteindre le width du frame

Toujours rien, pourriez-vous me monter un exemple?

J'ai fait ma propre fonction en javascript, ça marche bien, mais je souhaiterais quand même utilisé jquery....

je passe ma fonction elle pourrait servir.....

Code:

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
		<script type="text/javascript">
		// <![CDATA[{literal}	
		function fx()
		{
			if(parent.document.getElementById("FrameName").cols == "205px,*"){ 
				var i=205;
						  timer=setInterval(function(){
														  if(i<=0)
																{
																  clearTimeout(timer);
																}
														  else   {
																  document.getElementsByTagName("frameset")[0].setAttribute("cols",(i--)+"px,*");
																}
													   }
										   ,1)
 
			}else{
				var i=0;
						 timer=setInterval(function(){
															  if(i>=206)
																	{
																	  clearTimeout(timer);
																	}
															  else   {
																	  document.getElementsByTagName("frameset")[0].setAttribute("cols",(i++)+"px,*");
																	}
														   }
											   ,1)			
			}
		}
		{/literal}// <![CDATA[
		</script>

il y a les balises

Code:

{/literal}

car c'est du smarty....

Merci d'avance.

02/05/2012, 17h33
SpaceFrog

Code:

parent.frames['nomframe']

ou

Code:

top.frame['nomframe']
02/05/2012, 17h36
Snyper

Je ne comprend pas, c'est à mettre dans animate?

J'accède au code comme ceci:

Code:

<button type="button" id="controleMenu" onclick="javascript:parent.fx();" class="ui-button ui-widget ui-state-default ui-corner-all">Menu</button>

Pourriez-vous me donner l'exemple complet? merci.
14/05/2012, 09h54
SpaceFrog

là :

Code:

onclick="javascript:parent.fx();"

et au passage un onclikc n'attend pas une recette de crèpes suzette ... javascript: est superflu