Discussion :

[Stalk3R]

Bonjour tout le monde,
J'ai ce code pour activer une mapview à l'aide d'un lien hypertext:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
<script type="text/javascript">
$('.cool').live("click",function() 
{
	$("#map-2").mapz({
		zoom : false,
		createmaps : false,
		mousewheel : false
	});
return false;
});	
</script>

Code :

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

<a href="#" class="cool">active</a>

Mais je n'arrive pas à trouver le moyen de la désactiver après l'avoir activé

Y a t-il un moyen s'il vous plait ?
Merci encore pour tout vos efforts.

[NoSmoking]

Bonjour,
si la fonction ne doit être appelée qu'une seule fois regardes du côté de la méthode .one().

[Stalk3R]

Merci pour la réponse, par contre je veut l'utiliser plusieurs fois

Puis que je veut un système ou tu peut activer la map view quand tu veut et tu la désactive de même

j'attend votre réponse.
merci.

[Stalk3R]

Re,
Voilà je suis arrivé à ce résultat, j'arrive a activer la fonction + la désactivé mais le problème c'est que ça marche seulement une fois

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
20
 
<script>
$(function(){
 
    $('.cool').click(function(){
	$("#map-2").mapz({
		zoom : false,
		createmaps : false,
		mousewheel : false
	});
    });
 
    $('.coo').click(function(){
 
	$("#map-2").unbind();
 
    });
 
});
</script>

Une solution ?

[danielhagnoul]

http://api.jquery.com/off/

[Stalk3R]

http://api.jquery.com/off/

Merci danielhagnoul pour cette piste intéressante par contre ça ne marche toujours pas

Voilà ce que j'ai fait:

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
20
21
22
23
 
<script>
function aClick() {
	$("#map-2").mapz({
		zoom : false,
		createmaps : false,
		mousewheel : false
	});
	return false;
}
 
$('.cool').live('click', function() {
aClick();
});
 
 
$('.coo').live('click', function() {
 
  $('.map-viewport').off("click", "#map-2", aClick);
 
});
 
</script>

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
<a href="#" class="cool">active</a>
<a href="#" class="coo">desactiver</a>
 
		<div class="block">
			<h2>Map #2 - no zoom</h2>
			<div class="map-viewport">
				<div id="map-2">
					<img src="map-1.jpg" width="1096" height="919" alt="" class="level" />
				</div>
			</div>
		</div>

Cette fonction permet au map view de pouvoir laisser l'utilisateur déplacer la map ou la bloquer au simple fait de cliquer sur Activer / desactiver

le premier marche bien il s'active mais quand je click sur désactiver rien ne se passe

J'attend encore une solution à ce problème

[SpaceFrog]

perso j'aurais mis un data boolean sur ton objet et un

Code :

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

if(!$(this).data('active')){return false;}

en debut de fonction

Mais je fais toute confiance à Daniel pour son off ...

[dkmix]

Bonjour, vous voulez désactiver l’évènement Click sur l'anchre "<a href="#" class="cool">active</a>" ou déactiver ce que fait la fonction "mapz()" ?

C'est deux chose différentes.

Pour désactiver ce que fait "mapz()" il faut aller voir dedans et mettre les mains dans le cambouis.. il n'y a pas d'options pour désactiver l'effet "draggable"

[danielhagnoul]

Je voulais seulement attirer l'attention sur le fait que la méthode live() est obsolète depuis longtemps, on recommande l'utilisation des méthodes on() et off() depuis la version 1.7.

La remarque de @dkmix est pertinente.