Précédent   Forum des professionnels en informatique > Webmasters - Développement Web > JavaScript > Bibliothèques & Frameworks > Mootools
Mootools Forum d'entraide sur le framework MooTools. Avant de poster : Tutoriels Mootools, FAQ MooTools, Toutes les FAQ JavaScript
Partagez cette discussion sur d'autres réseaux sociaux : Viadeo Twitter Google Facebook Digg Delicious MySpace Yahoo
Réponse Proposer ce sujet en actualité
 
Outils de la discussion
Publicité
'
Vieux 02/02/2011, 16h19   #1
Invité régulier
 
Inscription : décembre 2010
Messages : 18
Détails du profil
Informations forums :
Inscription : décembre 2010
Messages : 18
Points : 7
Points : 7
Par défaut Mon accordion est completement déroulé et ma fonction de redimensionnement ne fonctionne pas sous IE

Bonjour, je suis actuellement en train de créer un site web en utilisant html css et javascript. J'ai utilisé mootools pour créer un accordion qui marche à la perfection avec Firefox, cependant il apparait complètement déroulé sous Internet Explorer. De plus, ma fonction de redimensionnement ne marche pas non plus.
Si quelqu'un a déjà eu se problème, merci de votre aide...

Voici le code de mon .js
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
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
 
function redim(){
	largeur_fenetre = window.innerWidth - 25;			//On récupère la largeur de l'écran client
	largeur_corps = largeur_fenetre * 80/100;			//On calcul la largeur du corps en fonction de la taille de la fenetre
 
	//On calcul la position permettant de centrer le corps du fichier
	positionCorps = (largeur_fenetre - largeur_corps) / 2;
 
	//On applique les changements
	document.getElementById('fond').setStyle('width', largeur_fenetre - positionCorps);
	document.getElementById('corps').setStyle('left', positionCorps);
	document.getElementById('corps').setStyle('width', largeur_corps);
	document.getElementById('menu').setStyle('left', positionCorps);
	document.getElementById('en_tete').setStyle('width', largeur_corps+19);
	document.getElementById('en_tete').setStyle('left', positionCorps);
}
 
window.addEvent('domready', function() {
	//On appelle la fonction de redimmensionnement dès le chargement de la page
	redim();
 
	//create our Accordion instance
	var myAccordion = new Accordion($('accordion'), 'div.toggler', 'div.element', {
		opacity: false,
		onActive: function(toggler, element){
			toggler.setStyle('color', '#A0522D');
			toggler.setStyle('background-color', '#60B000');
		},
		onBackground: function(toggler, element){
			toggler.setStyle('color', '#60B000');
			toggler.setStyle('background-color', '#A0522D');
		}
	});
});
 
 
function afficher_image(img, profil){
	//On passe d'une petite image à une grande en changeant la fin de l'adresse de cette image
	url_im = img.src;
	tailleChaine = url_im.length;
	url_im = url_im.substr(0, tailleChaine-11);
	url_im += ".jpg";
	//La variable profil déterminera s'il sagit d'une image horizontale ou verticale
	if(profil=='horizontal')
		window.open(url_im, img.id, 'width=770, height=570, left=100, top=100, resizable=0');
	else
		window.open(url_im, img.id, 'width=440, height=570, left=100, top=100, resizable=0');
}
et le code de mon .html
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
34
35
36
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
	<title>Hébénisterie CHAIZE</title>
	<link rel="stylesheet" media="screen" type="text/css" title="Design" href="css/design.css" />
	<script type="text/javascript" src="javascript/mootools.js"></script>
	<script type="text/javascript" src="javascript/affichage.js"> </script>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body onResize="redim()" id="fond"/>
 
	<div id="en_tete">
		CHAIZE Pascal
	</div>
 
	<div id="menu">
		<a href="acceuil.html"><span class="onglet">Acceuil</span></a>
		<a href="galerie.html"><span class="onglet">Galerie</span></a>
		<a href="contact.html"><span class="onglet">Contact</span></a>
	</div>
 
	<div id="corps">	
		<div id="accordion">
			<div class="toggler">Meubles</div>
				<div class="element"> 
					<img src="images/meubles/IMG_1958_petite.jpg" id="meuble1" onClick="afficher_image(this, 'horizontal')"/>
				</div>
			<div class="toggler">Escaliers</div>
				<div class="element"> 
					<img src="images/escaliers/IMG_2236_petite.jpg" id="escalier1" onClick="afficher_image(this, 'vertical')"/>
				</div>
		</div>
	</div>
</body>
</html>
rito43 est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 02/02/2011, 16h58   #2
Expert Confirmé Sénior
 
Avatar de RomainVALERI
 
Homme Romain VALERI
POOête
Inscription : avril 2008
Messages : 2 572
Détails du profil
Informations personnelles :
Nom : Homme Romain VALERI
Âge : 35
Localisation : France, Meurthe et Moselle (Lorraine)

Informations professionnelles :
Activité : POOête

Informations forums :
Inscription : avril 2008
Messages : 2 572
Points : 4 073
Points : 4 073
Oui, j'ai déjà eu ce problème. Et je l'ai résolu.
Ca t'a bien aidé ?


/plaisanterie off

Tu ne crois pas qu'il faudrait nous montrer un peu de code pour avoir une idée de la cause du problème ?
__________________

...pour les linguistes et les curieux >>> générateur de phrases aléatoires

__________________
RomainVALERI est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 02/02/2011, 17h00   #3
Invité régulier
 
Inscription : décembre 2010
Messages : 18
Détails du profil
Informations forums :
Inscription : décembre 2010
Messages : 18
Points : 7
Points : 7
J'ai modifié mon premier message en y incluant mon code. Je vous laisse le consulter.
rito43 est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 02/02/2011, 18h31   #4
Modérateur
 
Avatar de NoSmoking
 
Homme
Inscription : janvier 2011
Messages : 2 930
Détails du profil
Informations personnelles :
Sexe : Homme
Localisation : France, Isère (Rhône Alpes)

Informations forums :
Inscription : janvier 2011
Messages : 2 930
Points : 4 744
Points : 4 744
Code :
1
2
function redim(){
  largeur_fenetre = window.innerWidth - 25;  //On récupère la largeur de l'écran client
déjà ceci n'est pas compatible IExplorer et ne retourne pas la largeur de l'écran, mais de la fenêtre...donc la suite doit moins bien marcher!
NoSmoking est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 03/02/2011, 16h56   #5
Invité régulier
 
Inscription : décembre 2010
Messages : 18
Détails du profil
Informations forums :
Inscription : décembre 2010
Messages : 18
Points : 7
Points : 7
J'ai essayé de remplacer cette fonction par une valeur mais mon code javascript ne fonctionne toujours pas sous ie...
rito43 est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 03/02/2011, 18h48   #6
Modérateur
 
Avatar de NoSmoking
 
Homme
Inscription : janvier 2011
Messages : 2 930
Détails du profil
Informations personnelles :
Sexe : Homme
Localisation : France, Isère (Rhône Alpes)

Informations forums :
Inscription : janvier 2011
Messages : 2 930
Points : 4 744
Points : 4 744
Citation:
Envoyé par rito43 Voir le message
J'ai essayé de remplacer cette fonction par une valeur mais mon code javascript ne fonctionne toujours pas sous ie...
où sur tous les navigateurs ?

Elle à quoi dans le ventre la fonction setStyle ?


EDIT----------------------------------------
Je viens de voir que tu utilises motools, alors ne devrais tu pas plutôt écrire
Code :
1
2
3
4
5
6
$('fond').setStyle('width', largeur_fenetre - positionCorps);
$('corps').setStyle('left', positionCorps);
$('corps').setStyle('width', largeur_corps);
$('menu').setStyle('left', positionCorps);
$('en_tete').setStyle('width', largeur_corps+19);
$('en_tete').setStyle('left', positionCorps);
ou un truc dans ce style...
NoSmoking est déconnecté   Envoyer un message privé Réponse avec citation 10
Vieux 04/02/2011, 08h26   #7
Responsable JavaScript & AJAX

 
Avatar de vermine
 
Inscription : mars 2008
Messages : 2 686
Détails du profil
Informations personnelles :
Âge : 27

Informations forums :
Inscription : mars 2008
Messages : 2 686
Points : 5 768
Points : 5 768
Bonjour,

Vous utilisez quelle version de Mootools ? Les Accordion ne fonctionnent plus de la même manière d'une version à l'autre. Pour la version 1.3 vous devez passer par Fx.Accordion.
__________________
Elen Poukram - Isegoria - Sandawe
vermine est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 04/02/2011, 15h43   #8
Invité régulier
 
Inscription : décembre 2010
Messages : 18
Détails du profil
Informations forums :
Inscription : décembre 2010
Messages : 18
Points : 7
Points : 7
Aucun changement après avoir essayé vos idées. Pour information j'ai la version 1.2.0 de mootools...
rito43 est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 04/02/2011, 19h48   #9
Responsable JavaScript & AJAX

 
Avatar de vermine
 
Inscription : mars 2008
Messages : 2 686
Détails du profil
Informations personnelles :
Âge : 27

Informations forums :
Inscription : mars 2008
Messages : 2 686
Points : 5 768
Points : 5 768
La dtd dans le DOCTYPE...
Rajoutez ce que j'ai mis en rouge :

Code html :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"  "http://www.w3.org/TR/html4/strict.dtd">
__________________
Elen Poukram - Isegoria - Sandawe
vermine est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 05/02/2011, 03h27   #10
Expert Confirmé Sénior
 
Avatar de RomainVALERI
 
Homme Romain VALERI
POOête
Inscription : avril 2008
Messages : 2 572
Détails du profil
Informations personnelles :
Nom : Homme Romain VALERI
Âge : 35
Localisation : France, Meurthe et Moselle (Lorraine)

Informations professionnelles :
Activité : POOête

Informations forums :
Inscription : avril 2008
Messages : 2 572
Points : 4 073
Points : 4 073
Citation:
Envoyé par vermine Voir le message
La dtd dans le DOCTYPE...
He he il fallait le voir, ça
__________________

...pour les linguistes et les curieux >>> générateur de phrases aléatoires

__________________
RomainVALERI est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 05/02/2011, 11h39   #11
Invité régulier
 
Inscription : décembre 2010
Messages : 18
Détails du profil
Informations forums :
Inscription : décembre 2010
Messages : 18
Points : 7
Points : 7
Merci, mais le problème persiste.

J'ai aperçu un message que l'on peut ouvrir en bas de ma page ie:
"Ligne 249
Caractère 1
Erreur: cette objet ne gère pas cette propriété ou méthode
Code: 0
url: monUrl"

Cependant mon fichier html ne contient pas 249 lignes...
rito43 est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 05/02/2011, 11h53   #12
Responsable JavaScript & AJAX

 
Avatar de vermine
 
Inscription : mars 2008
Messages : 2 686
Détails du profil
Informations personnelles :
Âge : 27

Informations forums :
Inscription : mars 2008
Messages : 2 686
Points : 5 768
Points : 5 768
Vous pourriez envoyer le code HTML généré ?
__________________
Elen Poukram - Isegoria - Sandawe
vermine est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 05/02/2011, 14h19   #13
Invité régulier
 
Inscription : décembre 2010
Messages : 18
Détails du profil
Informations forums :
Inscription : décembre 2010
Messages : 18
Points : 7
Points : 7
Qu'est ce que le code html généré?
rito43 est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 05/02/2011, 14h39   #14
Expert Confirmé Sénior
 
Avatar de RomainVALERI
 
Homme Romain VALERI
POOête
Inscription : avril 2008
Messages : 2 572
Détails du profil
Informations personnelles :
Nom : Homme Romain VALERI
Âge : 35
Localisation : France, Meurthe et Moselle (Lorraine)

Informations professionnelles :
Activité : POOête

Informations forums :
Inscription : avril 2008
Messages : 2 572
Points : 4 073
Points : 4 073
Ouvre ta page dans un navigateur > clic droit > code source de la page / voir source
__________________

...pour les linguistes et les curieux >>> générateur de phrases aléatoires

__________________
RomainVALERI est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 05/02/2011, 15h03   #15
Invité régulier
 
Inscription : décembre 2010
Messages : 18
Détails du profil
Informations forums :
Inscription : décembre 2010
Messages : 18
Points : 7
Points : 7
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
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
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
	<title>Hébénisterie CHAIZE</title>
	<link rel="stylesheet" media="screen" type="text/css" title="Design" href="css/design.css" />
	<script type="text/javascript" src="javascript/mootools.js"></script>
	<script type="text/javascript" src="javascript/affichage.js"> </script>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body onResize="redim()" id="fond"/>
 
	<div id="en_tete">
		CHAIZE Pascal
	</div>
 
	<div id="menu">
		<a href="acceuil.html"><span class="onglet">Acceuil</span></a>
		<a href="galerie.html"><span class="onglet">Galerie</span></a>
		<a href="contact.html"><span class="onglet">Contact</span></a>
	</div>
 
	<div id="corps">	
		<div id="accordion">
			<div class="toggler">Meubles</div>
				<div class="element"> 
					<img src="images/meubles/IMG_1958_petite.jpg" id="meuble1" onClick="afficher_image(this, 'horizontal')"/>
					<img src="images/meubles/IMG_1978_petite.jpg" id="meuble2" onClick="afficher_image(this)"/>
					<img src="images/meubles/IMG_1990.jpg" id="meuble3" onClick="afficher_image('meuble3')"/>
					<img src="images/meubles/IMG_2736.jpg" id="meuble4" onClick="afficher_image('meuble4')"/>
				</div>
			<div class="toggler">Portes</div>
				<div class="element"> 
					<img src="images/portes/IMG_1597.jpg" id="porte1" onClick="afficher_image('porte1')"/>
				</div>
			<div class="toggler">Cuisines</div>
				<div class="element"> 
					<img src="images/cuisines/IMG_1975.jpg" id="cuisine1" onClick="afficher_image('cuisine1')"/>
					<img src="images/cuisines/IMG_2212.jpg" id="cuisine2" onClick="afficher_image('cuisine2')"/>
					<img src="images/cuisines/IMG_2622.jpg" id="cuisine3" onClick="afficher_image('cuisine3')"/>
					<img src="images/cuisines/IMG_2738.jpg" id="cuisine4" onClick="afficher_image('cuisine4')"/>
					<img src="images/cuisines/IMG_3271.jpg" id="cuisine5" onClick="afficher_image('cuisine5')"/>
				</div>
			<div class="toggler">Maisons</div>
				<div class="element"> 
					<img src="images/maisons/IMG_2739.jpg" id="maison1" onClick="afficher_image('maison1')"/>
					<img src="images/maisons/IMG_2740.jpg" id="maison2" onClick="afficher_image('maison2')"/>
					<img src="images/maisons/IMG_2741.jpg" id="maison3" onClick="afficher_image('maison3')"/>
					<img src="images/maisons/IMG_2742.jpg" id="maison4" onClick="afficher_image('maison4')"/>
					<img src="images/maisons/IMG_2743.jpg" id="maison5" onClick="afficher_image('maison5')"/>
				</div>
			<div class="toggler">Magasins</div>
				<div class="element"> 
					<img src="images/magasins/IMG_1948.jpg" id="magasin1" onClick="afficher_image('magasin1')"/>
					<img src="images/magasins/IMG_3267.jpg" id="magasin2" onClick="afficher_image('magasin2')"/>
					<img src="images/magasins/IMG_3268.jpg" id="magasin3" onClick="afficher_image('magasin3')"/>
					<img src="images/magasins/IMG_3269.jpg" id="magasin4" onClick="afficher_image('magasin4')"/>
					<img src="images/magasins/IMG_3270.jpg" id="magasin5" onClick="afficher_image('magasin5')"/>
					<img src="images/magasins/IMG_3281.jpg" id="magasin6" onClick="afficher_image('magasin6')"/>
					<img src="images/magasins/IMG_3282.jpg" id="magasin7" onClick="afficher_image('magasin7')"/>
					<img src="images/magasins/IMG_3283.jpg" id="magasin8" onClick="afficher_image('magasin8')"/>
					<img src="images/magasins/IMG_3284.jpg" id="magasin9" onClick="afficher_image('magasin9')"/>
				</div>
			<div class="toggler">Art</div>
				<div class="element"> 
					<img src="images/art/IMG_3273.jpg" id="art1" onClick="afficher_image('art1')"/>
					<img src="images/art/IMG_3274.jpg" id="art2" onClick="afficher_image('art2')"/>
				</div>
			<div class="toggler">Escaliers</div>
				<div class="element"> 
					<img src="images/escaliers/IMG_2236_petite.jpg" id="escalier1" onClick="afficher_image(this, 'vertical')"/>
				</div>
		</div>
	</div>
</body>
</html>
rito43 est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 05/02/2011, 16h05   #16
Responsable JavaScript & AJAX

 
Avatar de vermine
 
Inscription : mars 2008
Messages : 2 686
Détails du profil
Informations personnelles :
Âge : 27

Informations forums :
Inscription : mars 2008
Messages : 2 686
Points : 5 768
Points : 5 768
En suivant la remarque de NoSmoking sur les selecteurs :

Code :
$('fond').setStyle('width', largeur_fenetre - positionCorps);
Et la mienne sur la dtd. En supposant que affichage.js ne contient que le code que vous nous avez montrez dans le premier post et en espérant que ce soit bel et bien une version 1.2, l'accordéon fonctionne très bien.

Quant au redimensionnement, je ne sais pas le simuler, à vous de nous dire.


Voici un code qui fonctionne, je mets tout dans un fichier HTML pour le test, et je n'ai mis qu'une seule de mes images... :

Code html :
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
 
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
	<title>Hébénisterie CHAIZE</title>
	<script type="text/javascript" src="mootools-v.1.2.0.js"></script>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body onResize="redim()" id="fond"/>
 
	<div id="en_tete">
		CHAIZE Pascal
	</div>
 
	<div id="menu">
		<a href="acceuil.html"><span class="onglet">Acceuil</span></a>
		<a href="galerie.html"><span class="onglet">Galerie</span></a>
		<a href="contact.html"><span class="onglet">Contact</span></a>
	</div>
 
	<div id="corps">	
		<div id="accordion">
			<div class="toggler">Meubles</div>
				<div class="element"> 
					<img src="plain/about.png" id="meuble1" onClick="afficher_image(this, 'horizontal')"/>
					<img src="plain/about.png" id="meuble2" onClick="afficher_image(this)"/>
					<img src="plain/about.png" id="meuble3" onClick="afficher_image('meuble3')"/>
					<img src="plain/about.png" id="meuble4" onClick="afficher_image('meuble4')"/>
				</div>
			<div class="toggler">Portes</div>
				<div class="element"> 
					<img src="plain/about.png" id="porte1" onClick="afficher_image('porte1')"/>
				</div>
			<div class="toggler">Cuisines</div>
				<div class="element"> 
					<img src="plain/about.png" id="cuisine1" onClick="afficher_image('cuisine1')"/>
					<img src="plain/about.png" id="cuisine2" onClick="afficher_image('cuisine2')"/>
					<img src="plain/about.png" id="cuisine3" onClick="afficher_image('cuisine3')"/>
					<img src="plain/about.png" id="cuisine4" onClick="afficher_image('cuisine4')"/>
					<img src="plain/about.png" id="cuisine5" onClick="afficher_image('cuisine5')"/>
				</div>
			<div class="toggler">Maisons</div>
				<div class="element"> 
					<img src="plain/about.png" id="maison1" onClick="afficher_image('maison1')"/>
					<img src="plain/about.png" id="maison2" onClick="afficher_image('maison2')"/>
					<img src="plain/about.png" id="maison3" onClick="afficher_image('maison3')"/>
					<img src="plain/about.png" id="maison4" onClick="afficher_image('maison4')"/>
					<img src="plain/about.png" id="maison5" onClick="afficher_image('maison5')"/>
				</div>
			<div class="toggler">Magasins</div>
				<div class="element"> 
					<img src="plain/about.png" id="magasin1" onClick="afficher_image('magasin1')"/>
					<img src="plain/about.png" id="magasin2" onClick="afficher_image('magasin2')"/>
					<img src="plain/about.png" id="magasin3" onClick="afficher_image('magasin3')"/>
					<img src="plain/about.png" id="magasin4" onClick="afficher_image('magasin4')"/>
					<img src="plain/about.png" id="magasin5" onClick="afficher_image('magasin5')"/>
					<img src="plain/about.png" id="magasin6" onClick="afficher_image('magasin6')"/>
					<img src="plain/about.png" id="magasin7" onClick="afficher_image('magasin7')"/>
					<img src="plain/about.png" id="magasin8" onClick="afficher_image('magasin8')"/>
					<img src="plain/about.png" id="magasin9" onClick="afficher_image('magasin9')"/>
				</div>
			<div class="toggler">Art</div>
				<div class="element"> 
					<img src="plain/about.png" id="art1" onClick="afficher_image('art1')"/>
					<img src="plain/about.png" id="art2" onClick="afficher_image('art2')"/>
				</div>
			<div class="toggler">Escaliers</div>
				<div class="element"> 
					<img src="plain/about.png" id="escalier1" onClick="afficher_image(this, 'vertical')"/>
				</div>
		</div>
	</div>
</body>
</html>
 
<script>
	function redim(){
	largeur_fenetre = window.innerWidth - 25;			//On récupère la largeur de l'écran client
	largeur_corps = largeur_fenetre * 80/100;			//On calcul la largeur du corps en fonction de la taille de la fenetre
 
	//On calcul la position permettant de centrer le corps du fichier
	positionCorps = (largeur_fenetre - largeur_corps) / 2;
 
	//On applique les changements
	$('fond').setStyle('width', largeur_fenetre - positionCorps);
	$('corps').setStyle('left', positionCorps);
	$('corps').setStyle('width', largeur_corps);
	$('menu').setStyle('left', positionCorps);
	$('en_tete').setStyle('width', largeur_corps+19);
	$('en_tete').setStyle('left', positionCorps);
}
 
window.addEvent('domready', function() {
	//On appelle la fonction de redimmensionnement dès le chargement de la page
	redim();
 
	//create our Accordion instance
	var myAccordion = new Accordion($('accordion'), 'div.toggler', 'div.element', {
		opacity: false,
		onActive: function(toggler, element){
			toggler.setStyle('color', '#A0522D');
			toggler.setStyle('background-color', '#60B000');
		},
		onBackground: function(toggler, element){
			toggler.setStyle('color', '#60B000');
			toggler.setStyle('background-color', '#A0522D');
		}
	});
});
 
 
function afficher_image(img, profil){
	//On passe d'une petite image à une grande en changeant la fin de l'adresse de cette image
	url_im = img.src;
	tailleChaine = url_im.length;
	url_im = url_im.substr(0, tailleChaine-11);
	url_im += ".jpg";
	//La variable profil déterminera s'il sagit d'une image horizontale ou verticale
	if(profil=='horizontal')
		window.open(url_im, img.id, 'width=770, height=570, left=100, top=100, resizable=0');
	else
		window.open(url_im, img.id, 'width=440, height=570, left=100, top=100, resizable=0');
}
 
</script>
__________________
Elen Poukram - Isegoria - Sandawe
vermine est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 05/02/2011, 16h21   #17
Modérateur
 
Avatar de NoSmoking
 
Homme
Inscription : janvier 2011
Messages : 2 930
Détails du profil
Informations personnelles :
Sexe : Homme
Localisation : France, Isère (Rhône Alpes)

Informations forums :
Inscription : janvier 2011
Messages : 2 930
Points : 4 744
Points : 4 744
Citation:
Envoyé par rito43 Voir le message
Merci, mais le problème persiste.

J'ai aperçu un message que l'on peut ouvrir en bas de ma page ie:
"Ligne 249
Caractère 1
Erreur: cette objet ne gère pas cette propriété ou méthode
Code: 0
url: monUrl"

Cependant mon fichier html ne contient pas 249 lignes...
il ne faut pas oublier les fichiers inclus me semble t-il.
NoSmoking est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 05/02/2011, 19h25   #18
Expert Confirmé Sénior
 
Avatar de RomainVALERI
 
Homme Romain VALERI
POOête
Inscription : avril 2008
Messages : 2 572
Détails du profil
Informations personnelles :
Nom : Homme Romain VALERI
Âge : 35
Localisation : France, Meurthe et Moselle (Lorraine)

Informations professionnelles :
Activité : POOête

Informations forums :
Inscription : avril 2008
Messages : 2 572
Points : 4 073
Points : 4 073
Par défaut hors-sujet

Citation:
Envoyé par rito43 Voir le message
Code :
<title>Hébénisterie CHAIZE</title>
Une faute d'orthographe, c'est pas forcément grave. Mais dans le titre ça le fait pas...
__________________

...pour les linguistes et les curieux >>> générateur de phrases aléatoires

__________________
RomainVALERI est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 06/02/2011, 11h42   #19
Invité régulier
 
Inscription : décembre 2010
Messages : 18
Détails du profil
Informations forums :
Inscription : décembre 2010
Messages : 18
Points : 7
Points : 7
Effectivement ça marche. Un grand merci à vous
Et merci pour la faute ça se fait pas dans un titre effectivement^^
rito43 est déconnecté   Envoyer un message privé Réponse avec citation 00
Réponse Proposer ce sujet en actualité Cette discussion est résolue.
Outils de la discussion



Fuseau horaire GMT +2. Il est actuellement 05h38.


 
 
 
 
Partenaires

Hébergement Web