Ajout de texte dans une popup via js

Version imprimable

Bonjour à tous,

Je cherche à ajouter du texte dans un popup via js.
Dans ma page test.aspx j'ai mis un lien:

Code:

<a id="popup" runat="server" onclick="popupAttribut()">Voir les attributs</a>

Dans mon fichier javascript:
Code:

1 2 3 4 5 6 7 8 9 function popupAttribut() { var strmessage = recupdumess(); window.document.getElementById("attributPopup").innerHTML = strmessage; window.open('popup.html','ATTRIBUT', '_blank', 'toolbar=0,location=0,directories=0,status=0,scrollbars=1,resizable=1,copyhistory=0,menuBar=0,width=300,height=300 left=10 top=10') }
strmessage récupère bien ce que je veux, mais lorsque que j'essaye de le mettre dans l'id attributPopup ça stop l'appli.
Par compte si je mets strmessage dans un alert() pas de souci!!

Voila la page popup.html
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <script src="App_js/loadcsv.js" type="text/javascript"></script> <title>Liste des attributs</title> </head> <body> <a id="attributPopup"> </a> <form> <input type="button" value="Fermer la fenêtre" OnClick="window.close()"> </form> </body> </html>
Une aide serait le bienvenue!

Merci

Essaie ptete ca plutot

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
 
function popupAttribut() {
  var monA = document.getElementById("attributPopup");
 
  //On retire tout le texte précédent
  while (monA.firstChild)
  {
    monA.removeChild(monA.firstChild);
  }
  var monMessage = document.createTextNode(recupdumess());
  monA.appendChild(monMessage);
  window.open('popup.html','ATTRIBUT', '_blank', 'toolbar=0,location=0,directories=0,status=0,scrollbars=1,resizable=1,copyhistory=0,menuBar=0,width=300,height=300 left=10 top=10')
}

31/05/2010, 11h13
max33370

Merci pour ta réponse mais ça ne marche pas!
Le message d'erreur:

Citation:

Microsoft JScript runtime error: 'window.document.getElementById(...)' is null or not an object

Une idée?

merci
01/06/2010, 21h32
Sacha999

Heu y'a un probleme la.
Fait voir ta page html complete (ou l'essentiel)?

Bon j'ai opté pour un div qui marche comme une popup, voila le code pour ce à qui ça intéressé:

dans la page html:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
 
<body id="fondcsv">
 
//en haut de la page, creation d'un bouton pour lancer le script
 <input id="attributdiv" type="button" value="Attribut" onclick="divAttribut('visible')" />
 
//puis dans la page
<div id="attribut" onclick="divAttribut()">
          <center><input id="Button1" type="button" value="Fermer" onclick="divAttribut()" /></center>
</div>
 
 
</body>

Dans le fichier javascript (certain attributs ne servent sans doute pas, à vous de changer) :

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
 
function divAttribut(strAfficher) {
    fget_attributsPopPup();
 
    if (strAfficher == "visible") {
    document.getElementById("attribut").display = "";
    document.getElementById("attribut").style.visibility = "visible";
 
    document.getElementById("attribut").style.backgroundColor = "#f0f0f0";
    document.getElementById("attribut").style.color = "black";    
    document.getElementById("fondcsv").style.filter = "alpha(opacity=50)";
    document.getElementById("fondcsv").style.opacity = "0.5";
 
    document.getElementById("attribut").style.filter = "alpha(opacity=100)";
    document.getElementById("attribut").style.opacity = "0";
 
    document.getElementById("attribut").style.width = "600px";
    document.getElementById("attribut").style.height = "190px";
    document.getElementById("attribut").style.margin = "auto";
    document.getElementById("attribut").style.filter = "alpha(opacity=100)";
    }
    else {
        document.getElementById("attribut").display = "disabled";
        document.getElementById("attribut").style.visibility = "hidden";
        document.getElementById("attribut").style.backgroundColor = "";
        document.getElementById("fondcsv").style.filter = "alpha(opacity=100)";
        document.getElementById("fondcsv").style.opacity = "0";
        document.getElementById("attribut").style.width = "0px";
        document.getElementById("attribut").style.height = "0px";
    }
 
}

css:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
#attribut 
{
	position: absolute;
	top: 20%;
	left: 20%;
	width: 60%;
	height: 60%;
	padding: 0;
	margin:0;
	padding:15px;
	border: 10px solid #326699;
	background-color: white;
	z-index:11;
	overflow: auto;
	display: block;
}

voilou