Discussion :

[alfouine]

Bonjour,

J'utilise l'excellente librairie toggleElements et je souhaiterai intégrer dedans une carte googlemaps.

Mais ça ne marche pas les markers sont pris en compte, mais la carte n'est pas centrée et pas dans le bon format.

Si je sors cette même carte de l'élément toggle, elle marche parfaitement.

Je ne sais pas comment faire pour dépatouiller ce problème.

Merci, Alfouine

[Sourrisseau]

pas le code qui permet de voir comment tu intègres la librairie toggleElements ..... par exemple

Code :

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

1
2
3
4
5
 
 $('ul.toggler-c').toggleElements(); 
 
// dans les paramètres de toggleElements :
fxAnimation: "slide",   // slide, show, fade

Pour la fxAnimation choisi show de préférence .... Sinon revient avec ton code ....

[alfouine]

Bonjour,

Merci de te pencher sur mon problème.

Je joins les fichiers que j'utilise.

J'ai fait le test avec slide, le problème est le même.

Je joins les résultats sous IE et FF et le résultat sans toggle.

Sous IE seul les paramètres de centrage de la carte ne marche pas.
Sous FF rien n'est pris en compte (sauf les markers), même pas les paramètres par défaut de google maps (map.setUIToDefault()

Un truc étonnant sur la page sous FF quand j'active Firebug, la map se corrige et on obtient le même résultat que sous IE. Mais une fois Firebug ouvert le rechargement de la page reproduit le problème du départ.

Voici le code d'appel du toggle et de la carte :

Code :

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

1
2
3
<div class="toggler-1" title="CARTE INTERACTIVE">
   <div id="map"></div>
</div>

Je suis bien sur dispo pour tout tester.

Merci, Alfouine

[Sourrisseau]

de ton code d'appel , comme noté précédemment.

Code :

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

1
2
 
$('ul.toggler-c').toggleElements();

par exemple.

Je te remercie de m'avoir envoyé les autres documents. Mais il ne m'éclaire pas sur ce point essentiel ...

[alfouine]

Pardon, il y a également cela dans le header du html appelant :

Code :

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

1
2
3
4
5
6
<script type="text/javascript">
	$(document).ready(function(){
		$('div.toggler-1').toggleElements( );
	});
 
</script>

Merci, Alfouine,

[Sourrisseau]

pour cette précision. Pour ton aide, tu as également dans la barre d'outil juste au dessus de là ou tu écris le symbole # qui te permet d'insérer des balises codes.

Essaye de faire ceci :

Code :

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

1
2
3
4
5
 
$(document).ready(function(){
     $('div.toggler-1').toggleElements( { fxAnimation:'show' } ); 
 
});

Je ne suis pas certain que cela puisse résoudre ton problème. Essaye et dis moi ...

[alfouine]

J'ai fait la manip, mais cela ne change rien

Alfouine,