Fenêtre popup adaptée à la sélection

Version imprimable

17/10/2008, 11h55
cell

Fenêtre popup adaptée à la sélection

Bonjour à tous,

Je réalise une petite application web dans laquelle j'ai une page qui contient la liste de références avec leur intitulé (le tout dans un tableau)

Je voudrais que l'utilisateur puisse voir un petit descriptif de chaque référence dans une fenêtre popup.

Le problème étant que j'ai une bonne centaine de références.
Est-il possible dans la fenêtre popup d'avoir une sorte de sélection du texte a afficher selon la référence sélectionnée?

Merci
17/10/2008, 12h00
E.Bzz

Bonjour,

Citation:

Envoyé par cell

Je voudrais que l'utilisateur puisse voir un petit descriptif de chaque référence dans une fenêtre popup.

une pop risque d'être bloquée par le navigateur de l'utilisateur.

Mieux vaudrait utiliser un <div> (affiché par exemple lors du survol de la souris), éventuellement alimenté par Ajax ....

A+
17/10/2008, 12h04
cell

Mais est-il possible d'avoir comme un fichier qui liste l'ensemble des descriptif de chaque référence et lorsque l'utilisateur choisi, une sélection des éléments a afficher s'effectue.

Si oui pourrais-tu me donner un petit exemple?

Merci d'avance
17/10/2008, 12h23
E.Bzz

Citation:

Envoyé par cell

Mais est-il possible d'avoir comme un fichier qui liste l'ensemble des descriptif de chaque référence et lorsque l'utilisateur choisi, une sélection des éléments a afficher s'effectue.

Ajax (voir lien ci-dessus) te permet de n'aller chercher sur le serveur que le descriptif à afficher, au moment voulu (et oui, ils peuvent être stockés dans un fichier indépendant, qui sera vraisemblablement au format XML).
Cela évite de tous les charger dans la page (lourd) alors que peut être, aucun ne sera utilisé ...

A+

voila le code que j'ai mis pour le moment, pour tester l'affichage des données, mais cela ne fonctionne pas.
erreur : objet attendu à la ligne 3

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 
<script language="JavaScript">
function ajax()  {
	var xhr = getXMLHttpRequest();
    xhr.onreadystatechange = testRep;
	xhr.open("GET", "ListeP2K.xml", true);
	xhr.send(null);
}
 
function testRep() {
	if (xhr.readyState == 4  ) {
		if (xhr.status ==200) {
			document.write (xhr.responseText);
		}
		else {
			alert("Problem: " + xhr.statusText);
		}
	}
}
</script>
<a href="javascript:ajax();">Click me</a>

17/10/2008, 15h14
E.Bzz

Visiblement, il faut aussi que tu récupères la fonction getXMLHttpRequest()

C'est elle qui instancie ta variable xhr ;)

A+
17/10/2008, 15h23
E.Bzz
Par contre tu devrais enlever
Code:

1 2 3 else { alert("Problem: " + xhr.statusText); }
Il me semble qu'en cas d'erreur Ajax, le statusText n'est pas accessible.
Ca risque de te causer des erreurs supplémentaires (plantage JS en plus de l'erreur Ajax).

A+

En effet, si je mets pas la fonction principale, cela ne marchera jamais ^^
Voila le code pour ceux qui ne connaisse pas (comme moi ^^)
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 function getXmlHttpRequest() { var xhr = null; if (window.XMLHttpRequest) { xhr = new XMLHttpRequest(); } else if (window.ActiveXObject) { try { xhr = new ActiveXObject("Msxml2.XMLHTTP"); } catch(e) { xhr = new ActiveXObject("Microsoft.XMLHTTP"); } } else { alert('pas de XMLHttpRequest'); xhr = false; } return xhr; }
merci bcp pour ton aide E.Bzz