Iframe et Javascript

Version imprimable

24/04/2008, 20h05
flouisdroopy

Iframe et Javascript

Je voudrais creer 2 fonctions:
Une qui lors d'un rollover change la hauteur d'un Iframe et l'autre par rollout qui rechange la hauteur de l'Iframe...

N'ayant aucune connaissance de Javascript j'ai essaye ca mais je comprend pas encore la logique.

D'abord:
<IFRAME name="advert" src=....></IFRAME>

puis le script,

<script language="JavaScript">
function rollover_up(){
onmouseover.advert.height=300
}
function rollover_down{
onmouseout.advert.height=40
}

</script>

je merde, Kkun peut me debloquer la situation..

merci beaucoup,

Merci

salut
voici un exemple qui fonctionne :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<html>
<head>
<meta http-equiv="Content-Language" content="en" />
<meta name="GENERATOR" content="PHPEclipse 1.0" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>title</title>
<script language="javascript">
<!--
function rollOn(){
	document.getElementById('advert').height=300;
}
function rollOut(){
	document.getElementById('advert').height=40;
}
-->
</script>
 
</head>
 
<body >
<iframe id="advert" onmouseover="rollOn();" onmouseout="rollOut();"></iframe>
</body>
</html>

ou alors, plus simple à mon sens...

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
<html>
<head>
<meta http-equiv="Content-Language" content="en" />
<meta name="GENERATOR" content="PHPEclipse 1.0" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>title</title>
<script language="javascript">
<!--
function init(){
	var iframe = document.getElementById('advert');
	iframe.onmouseover = function (){
		iframe.height=300;
	}
	iframe.onmouseout = function (){
		iframe.height=40;
	}
}
-->
</script>
 
</head>
 
<body onload="init();">
<iframe id="advert"></iframe>
</body>
</html>

25/04/2008, 09h47
flouisdroopy

merci beaucoup ca marche ...