Ajout de texte dans une popup via js

**max33370** · 28/05/2010, 11h15

Bonjour à tous,

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

Code :

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

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

Dans mon fichier javascript:

Code :

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

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 :

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
<!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

**Sacha999** · 28/05/2010, 21h28

Essaie ptete ca plutot

Code :

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

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')
}

**max33370** · 31/05/2010, 11h13

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

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

Une idée?

merci

**Sacha999** · 01/06/2010, 21h32

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

**max33370** · 02/06/2010, 16h12

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 :

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

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 :

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
 
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 :

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
 
#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

Ajout de texte dans une popup via js

ASP.NET

Discussions similaires

Partager

Partager