Discussion :

[medhan]

Bonjour,

Je suis sur une page page1.php et jouvre la page2.php en popup moyennant javascript sans problème comme dessous :

Code :

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

javascript:affichage_popup('page2.php','page')

Je veux mettre page1.php désactivée lors de l'ouverture de page2.php c-a-d empêcher le travail dessus tant que la page2.php est ouverte...

Merci pour votre aide

[Watilin]

Il y a plusieurs façons de faire. Une qui me vient à l'esprit c'est de mettre une grosse div à moitié transparente (il faut que ça soit clair pour l'utilisateur que la page est désactivée) en position absolue avec un gros z-index qui recouvre toute la page. Mais ça n'empêchera pas d'utiliser les fonctions du navigateur, par exemple les boutons « précédent », « suivant » et « actualiser ». Dis-toi bien qu'il n'y a aucun moyen de bloquer complètement la page.

Pose-toi cette question : est-ce qu'une popup est une bonne idée ? Pourquoi ne pas simplement utiliser un bon vieux formulaire dans page1.php, qui mène vers page2.php, puis un lien de retour dans page2.php ? Ou alors une fenêtre modale à la place d'une popup.

Une autre question : pourquoi as-tu besoin de désactiver la page 1 ?

[medhan]

Effectivement tu as parfaitement raison. Il n'y a aucun moyen de bloquer complètement la page..

J'ai utilisé le popup pour alimenter une partie de mon formulaire (mes données) car je pense laisser bien la concentration de l'utilisateur sur la page1.php

Pour cette raison que je veux bien bloquer la page1.php tant que la page2.php (popup) est ouverte. Comme ca l'utilisateur ne se perde pas entre plusieurs pages ouvertes en même temps..

[Watilin]

Tu devrais essayer de faire une fenêtre modale. Il y en a un exemple très clair ici : http://jqueryui.com/dialog/#modal

Pas que je te conseille jQuery en particulier, mais la page illustre bien.

[Bovino]

Dis-toi bien qu'il n'y a aucun moyen de bloquer complètement la page.

Si

Sur les navigateurs compatibles, on peut utiliser showModalDialog().

[medhan]

Merci Watilin, merci Bavino.

C'est super l'exemple de la mage modal sur : http://jqueryui.com/dialog/#modal

C'est très utile..

Maintenant j'ai un autre problème..
1) Sur mon popup qui est : page2.php j'insère des informations, l'insertion passe bien.

2) J'actualise la page1.php à partir de la popup avec cette méthode :
- sur le popup (la page2.php) je fais onclick="opener.mainWindowFunction(2)
- sur la page1.php j'ai
function mainWindowFunction(id)
{
mes instructions....
}


Jusqu'à maintenant l'insertion et l'actualisation passent séparément sans problèmes.!

Mais dès que j'active l'actualisation juste après l'insertion ceci ne se fait pas correctement..! ==> L'actualisation précède toujours l'insertion (dans le temps).

Je n'arrive pas à faire un contrôle : ne démarrer l'actualisation qu'à après l'insertion, surtout que :
- l'insertion est faite par php
- et l'actualisation est faite par javascript

Je demande votre aide

[Watilin]

- l'insertion est faite par php

Tu peux préciser ce point ?

Il y a de nombreux sujets sur ce forum qui traitent de la relation souvent mal comprise entre JavaScript (côté client) et PHP (côté serveur). Tu devrais faire une recherche, car à mon avis ça va pas tarder à servir

[medhan]

A) Voilà, l'insertion passe sans problème par ce ci :

Code php :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<?php 
$value = array();
$i = -1;
while(isset($_POST['check'][++$i])) 
{
	$value[]= $_POST['check'][+$i];
}
$mon_insert = implode(', ', $value) ;
if (isset($_POST['btn_affect_cycle']))
{
	$sql_affect_mvt = "insert into ma_table (aa, bb) values  ".$mon_insert ;
	 $stmt_affect_mvt = sqlsrv_query( $conn, $sql_affect_mvt) or  die( print_r( sqlsrv_errors(), true)) ;
}
?>

Il s'agit d'une insertion des valeurs de plusieurs checkboxes dans ma_table.


B) le bouton de l'insertion est de type submit dont le code :

Code html :

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

<input name="btn1" id="id_btn1" type="submit" value="Enregistrer" onClick="javascript:opener.mainWindowFunction(2)" />

----> Comme ca se voit dans le code du boutton : je demande l’insertion par submit d'une part + d'autre part l'actualisation de ma page1.php via javascript "javascript:opener.mainWindowFunction(2)"

Dans ce cas l'actualisation se fait très rapidement que l'insertion. Ca montre une partie insérée mais pas le total demandé pour être inséré..

[medhan]

Bavino est ce que tu peux m'expliquer comment je peux faire avec

Code :

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

showModalDialog()

pour bloquer les autres pages ?

Merci 1000 fois