Discussion :

[oni13]

Bonjour !

Je cherche à lancer une fonction js sans onClick ou autre, à l'ouverture d'une page.
J'ai déjà essayé de faire onLoad='maFonction()' dans le body, sans résultat.

J'ai aussi essayé

Code :

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

1
2
3
<script type="text/javascript"> 
	openbox("", 1)
</script>

Or avec un onClick ca marche ! Cela ne vient donc pas de la fonction

Code :

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

<a id ='clic' name='clic' class="laclass" onclick='openbox("", 1)'>cliquer ici</a>

Il s'agit en fait d'une page avec un googleMaps, qui au click sur un point ouvre une lightbox, pour cela je fourni un id en $_REQUEST.

Voici le code du marqueur

Code :

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

1
2
3
4
5
6
7
8
9
function createMarker(point, title, id, n) {
	if(n >= 0) { n = -1; }
	var marker = new GMarker(point);
	GEvent.addListener(marker, "click", function() {
	document.location.href="vignerons2.php?ID="+id ;		
	}); 
 
	return marker;
}

Peut-être est-ce à cause du return?
Il n’empêche que de toutes façons j'arrive bel est bien sur ma page avec mon googleMaps et mon &_request bien présent, j'ouvre ma box seulement si cette variable est présente, et le onclick marche.

J'ai trouvé un problème similaire ici:
http://forum.webrankinfo.com/lancer-...nt-t83692.html

Mais ça ne m'a pas aidé.

J'ai découvert l'existence de la fonction doCLick(), qui est sensée simuler un click de l'utilisateur, mais impossible de trouver comment elle fonctionne... je ne sais pas si cela peut être la solution du problème

[sylvain230]

et si tu utilise une fonction du genre setInterval ?

[oni13]

Hum, si je comprend bien son utilité, je peux lancer des script toutes les x secondes? Cela ne va pas ouvrir plusieurs fois ma lightbox?
Le problème étant le même, je ne sais pas commenter lancer ma fonction, même en utilisant setInterval.

Qui plus est, j'ai lu que cette fonction posait des problèmes avec certains navigateurs (IE powa), or je travaille pour une boîte dont certains clients sont encore sous IE7 je préfère éviter.

Edit: je vais tester tout de même, histoire de voir si la fonction se lance si on l'appelle dans une autre fonction :O

[oni13]

Cela fonctionne, ma box s'ouvre toute seule grâce à ça!

Y-a-t-il une autre solution que de mettre un timer enorme pour que la box reste affichée en continu?

[sylvain230]

peut être un booléan. Au début tu le met a false et quand ta box est ouverte tu le met à true. Comme ca ta box ne sera ouverte qu'une fois.

[vermine]

Bonjour,

Si c'est le fait que la fonction se lance à intervalle régulier, pourquoi ne pas prendre setTimeout ? Ou bien vider le timer (clearTimer(timer)) ?

[Bovino]

Qui plus est, j'ai lu que cette fonction posait des problèmes avec certains navigateurs (IE powa)

Ah...
Quels problèmes ?

Sinon, pour ton problème, il est probable que ça soit dû à l'appel du script avant que les éléments sur lesquels il travaille n'existent dans la page.

[javatwister]

onload est infaillible, c'est l'événement de base en javascript;

quel dommage qu'on ne voie pas ta fonction openbox()...

[Bovino]

Pas tout à fait JT.
Apparemment, il s'agit d'une carte Google, qui est donc chargée via un script, du coup tu peux avoir le onload de la page sans que la carte ai fini de se charger, d'où le problème rencontré
Mais il existe un événement déclenché par Google au chargement de la carte.

[oni13]

Bovino, je n'en sais rien, mais:
setInterval() pose des problèmes de compatibilité avec certains navigateurs de version 4. Il est plus sûr d'utiliser setTimeout().
Effectivement ils proposent d'utiliser setTimeout mais j'espérais qu'il y aurait une solution plus... "normale".

Vermine
J'ai essayé d'utiliser clearTimer(timer) mais cela ferme ma box

Sylvain
je ne comprend pas, que faire de ce booléen?

je ne pensais pas que le code vous interesserait, mais voici donc le code pour la lightbox

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
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
function gradient(id, level)
{
	var box = document.getElementById(id);
	box.style.opacity = level;
	box.style.MozOpacity = level;
	box.style.KhtmlOpacity = level;
	box.style.filter = "alpha(opacity=" + level * 100 + ")";
	box.style.display="block";
	return;
}

function fadein(id) 
{
	var level = 0;
	while(level <= 1)
	{
		setTimeout( "gradient('" + id + "'," + level + ")", (level* 1000) + 10);
		level += 0.01;
	}
}

// Ouverture lightbox

function openbox(formtitle, fadin)
{

  var box = document.getElementById('box'); 
  document.getElementById('shadowing').style.display='block';

  if(fadin)
  {
	 gradient("box", 0);
	 fadein("box");
  }
  else
  { 	
    box.style.display='block';
  }  	
  
}
// Fermeture lightbox

function closebox()
{
   document.getElementById('box').style.display='none';
   document.getElementById('shadowing').style.display='none';
}

Et le CSS

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
24
25
26
27
28
29
#shadowing
{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 1600;
	height: 1200;
	background-color: #CCA;
	z-index:10;
	opacity:0.5;
	filter: alpha(opacity=50);
}
 
 
#box 
{
	display: none;
	position: absolute;
	top: 15%;
	left: device-width/2;
	width: 550;
	height: 600;
	margin:0;
	border: 1px solid black;
	background-color: white;
	z-index:101;
	overflow: auto;
}

Edit:
Je trouve tout de même étrange que

Code :

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

1
2
3
<script type="text/javascript"> 
	var timer=setInterval("openbox(' ', 1)", 1000);
</script>

Fonctionne, et pas:

Code :

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

1
2
3
<script type="text/javascript"> 
	openbox(' ', 1), 1000);
</script>