Fenêtre pop-up ou autre ? [Résolu]

[BRUNO71]

Bonjour,

Dans le but de créer une page avec un accès par mot de passe, je souhaiterais utiliser une fenêtre pop-up en window.showModalDialog.
Mais en lisant mon livre JavaScript l’éditeur déclare que ce n’est pas terrible !
Les pop-up c’est dépassés …
Si je voulais absolument une « petite fenêtre » qui s’ouvre par-dessus la fenêtre principale :
Que me suggérez-vous ?
Peut-on utiliser du PHP par exemple pour dimensionner une fenêtre ?
Quelque chose de propre, digne d’un bon programmeur !
Une image avec un formulaire ?
Merci pour les tuyaux.
Bien cordialement

[Vil'Coyote]

javascript pour une saisie de compte c'est clair que c'est pas terrible. en générale c'est un formulaire classique donc une page simple avec login mdp.
mais si tu souhaites tout de même afficher une fenêtre comme sur quelques sites. tu peux t'orienter vers la configuration d'un fichier htacces

[BRUNO71]

Bonjour Vil’Coyote,
Le fichier .htacces c’est très bien, mais j’aurais souhaité le type de fenêtre ci-joint en PDF…
J’ai réalisé une impression d’écran d’après internet explorer, sur mon lieu de travail..
Bien sur je n’ai aucun moyen de contacter les créateurs de cette page, hélas.
Voici quelques extraits, ça pourra peut-être servir également à quelques-uns.
La majorité du langage de la page en exemple dans le PDF est en PHP avec du JS, dont voici l’extrait du code extirpé :

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
77
78
79
80
81
82
83
84
85
86
87
<script type="text/javascript">

// Fonction qui permet à un <div> de suivre le scroll de la page avec un effet d'accordéon
Function Flottement(float_div_id, startXpos, startYpos)
{
	var startX = startXpos; // Position X du <div> avec le côté gauche comme point d'origine
	var startY = startYpos; // Position Y du <div> avec le bas du navigateur comme point d'origine

	var ns = (navigator.appName.indexOf("Netscape") != -1);
	var d = document;

	function ml(id)
	{
		var el = d.getElementById ? d.getElementById(id) : d.all ? d.all[id] : d.layers[id];
		if (d.layers)
			el.style = el;

		el.sP = function (x,y)
		{
			this.style.left = x + "px";
			this.style.top = y + "px";
		};

		el.x = startX;
		el.y = ns ? pageYOffset + innerHeight : document.body.scrollTop + document.body.clientHeight;
		el.y -= startY;

		return el;
	}

	window.stayBottomLeft = function ()
	{
		var pY = ns ? pageYOffset + innerHeight : document.body.scrollTop + document.body.clientHeight;
		fblObj.y += (pY - startY - fblObj.y)/8;
		fblObj.sP(fblObj.x, fblObj.y);

		setTimeout("stayBottomLeft()", 30); // Définit la vitesse de déplacement du <div>
	}

	fblObj = ml(float_div_id);
	stayBottomLeft();
}

function ShowDivPJ(Div_id,pj_type)
{
	var e = document.getElementById(Div_id);
	var ifra = document.getElementById("iframe");
	var source = document.getElementById("popup_url").getAttribute("value");
	var s = e.style.visibility;

	Flottement (Div_id, '280', '400');

	if(s == 'hidden')
	{
		e.style.visibility = 'visible';
		e.style.display = 'block';
		source = source.replace(":type",pj_type);
		ifra.setAttribute("src",source);
	}
	else
	{
	//	e.style.visibility = 'hidden';
	//	e.style.display = 'none';
	}
	DOMtoggleSelects();
}
var action_glob = null;
//fonction permettant de recharger la page
function pageReload()
{
	action_glob = "upload";
	AJAXRequest('index.php', '&action=save&obj=ajaxaffaires&onglet=caractech&fonction=sauve_data&' + serialize(document.getElementById('sol_tech')), ajaxSauveDataReload);
}

function ajaxSauveDataReload(xhr)
{
	if(xhr.readyState == 4)
	{
		if(xhr.status == 200)
		{
			window.location = "index.php" + action_glob;
		}
	}
}

</script>

Quelque part je me dis que l’ouverture de la fenêtre se fait grâce un (div) et non une pop-up classique !
Ais-je raison ?
Voici mon extrait de code pour l’ouverture de ma fenêtre, qui par contre n’a rien à voir avec l’exemple en PDF…

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
<script  type="text/javascript">
/*
 * Fonction d'ouverture d'une pop up
 */
function affichagepopup(txtPage, nblargeur, nbhauteur, txtOption) 
{
var nbhaut=(screen.height-nbhauteur)/2;
var nbGauche=(screen.width-nblargeur)/2;
var WinPopup=window.showModalDialog(txtPage,"","top="+nbhaut+",left="+nbGauche+",width="+nblargeur+",height="+nbhauteur+","+txtOption);

}
</script>

Et la ligne de commande située entre les balises body :

Code :

1
2
3
4
<div id="">
<a  href="javascript:affichagepopup('popup.html', 100, 100,'resizable=no, location=no, menubar=no, status=no, scrollbars=no, toolbar=no')">Ouvrir une fenêtre popup</a>
</div>

Je n’ai pas réussi à faire fonctionner cette fonction !
Voilà…
Bien cordialement

[ludojojo]

Envoyé par BRUNO71

Le fichier .htacces c’est très bien, mais j’aurais souhaité le type de fenêtre ci-joint en PDF…

Utilises "casimages" pour faire par de tes captures...

Est ce que cela ne correspond pas à ce que tu cherches à reproduire ? Si c'est le cas alors tu devrais trouver ton bonheur sur ce site.

[BRUNO71]

Bonsoir ludojojo,

Est ce que cela ne correspond pas à ce que tu cherches à reproduire ? Si c'est le cas alors tu devrais trouver ton bonheur sur ce site.

22h30 je viens de télécharger plein ! plein ! de fichier sur ce site...:

Le formulaire fonctionne très bien, avec pas de moins de 13 fichiers JS..
Merci beaucoup, c'est ça qu'il me faut...

J'ai du pain sur la planche..

Bonne soirée