Fonction et utilisation de l'opacité

**Alexino2** · 28/06/2006, 10h44

Bonjour,

je dois vraiment pas être doué, mais je n'arrive pas à utiliser les fonctions javascript, elles ne marche pas chez moi...

En faite ca serait pour régler l'opacité ainsi qu'affiché du texte sur le passage de la souris d'une image...

Ca marche nickel sans fonction, mais je veux absolument réussir à en faire une...

Bref voila mon 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
 
<head>
 
<script type="text/JavaScript">
 
		function visible(obj)
		{
		obj.style.filter="Alpha( opacity = 100 )"
 
		 //evt.document.write('hello')
		// evt.target.setAttribute("opacity", "0.4");
		//obj.style.filter = "alpha(opacity:"50")";
		//this.style.filter="Alpha( opacity = 100 )";
		}
 
 
</script>
 
</head>

et dans le body et une image je met :

Code :

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

1
2
 
<img style="border:none; filter:alpha(opacity=100);"  onmouseover="visible(this)" src="image/photo2.gif"  />

Mais ca ne marche pas !!! (sous IE Bien sure

)

Bref commo je peux m'y prendre pour que mon onmouseover marche avec la fonction...

Merci pour votre aide

**Alexino2** · 28/06/2006, 13h54

up

Personne pour m'aider ?

Je ne trouve pas de rensignement sur le forum,

et j'ai déjà testé une 30aine de code de google sans succès...

**Alexino2** · 28/06/2006, 14h18

RRhhhh je viens de passer deux jours sur ce code pour finalement me rendre compte qu'il ne fallait pas mettre le script dans le head mais dans le body !!

Je comprend rien d'ailleurs à ca, personne peut me dire ou est la différence entre les deux ?

Merci

**gKsam** · 16/08/2007, 12h48

Je me suis pas mal amusé aussi avec les filtres et Internet Explorer 6

Et comme toi j'ai fini par trouver la solution tout seul. En fait, je suis sous linux (debian etch) et donc pour développer, j'utilise le couple wine et ie4linux.

Malheureusement pour moi les Internet Explorer installé par ie4linux ont un petit problème avec les activeX. Du coups message d'erreur et opacité non fonctionnelle.

Par chance, je réinstallé le pc d'un ami avec Le système d'exploitation propriétaire et après quelques tests tout fonctionné depuis des heures.

Donc, faire attention avec ie4linux, wine et les filtres internet explorer.

du coups voilà ma petite fonction. Simplifiée pour l'exemple :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
function HTMLElement_opacite(pourcentage) {
 
	if (!document.all) {
 
		this.style.MozOpacity = pourcentage/100
 
	} else {
 
		this.style.filter = 'alpha(opacity='+pourcentage+')'
	}
}

Fonction et utilisation de l'opacité

JavaScript

Discussions similaires

Partager

Partager