Creer page html simple dyamique

**sorry60** · 04/07/2007, 15h25

Bonjour,

Je souhaite creer et faire apparaitre en popup une page.html simple, le tout en javascript.
J'ai 2 champs : nom et prenom et un bouton.
Je souhaite que lors du clic sur le bouton, une popup s'ouvre avec comme contenu les 2 champs en gras (par exemple).

J'ai essayé :

Code :

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

1
2
3
4
5
6
 
function aff_popup() {
   var w = new Window();
   w.innerHTML = "<html><body>test</body></html>";
   w.open();
}

Mais c'est pas bon

Voilà j'espere que vous pourrez me donner quelques pistes.

Merci
Sorry

Edit : je n'ai pas de probleme pour recuperer le contenu des champs, c'est l'ouverture d'une popup qui me gêne. Car ma page n'est pas en dur quelque part..

**SpaceFrog** · 04/07/2007, 15h31

un methode pas très propre avec document.write ...!

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
<script type='text/javascript'>
function popup(){
var mypopup=window.open('','Motif','toolbar=no,scrollbars=no,resizable=no,height=150,width=250,top=200,left=200');
mypopup.document.write("<html><head><title>Innovative Workload For Laboratory</title></head>");
mypopup.document.write("<body style=\"background:url('snow.gif')\"  >")
mypopup.document.write("<form><table border=1 align=center > ");
mypopup.document.write("<tr> ");
mypopup.document.write("<td >Login</td>");
mypopup.document.write("<td><input type='text' name='login' size='10' value='' /></td></tr> ");
mypopup.document.write("<tr>");
mypopup.document.write("<td>Mot de passe </td>");
mypopup.document.write("<td><input type='text' name='mdp' size='10' value=''/></td></tr> ");
mypopup.document.write("<tr><td align=center colspan=2><input type='button' onclick='window.opener.ajouterTableau(this.form,libelle.value);' value='Ajouter' /></td></tr>");
mypopup.document.write("<tr><td align=center colspan=2><input type='button' onclick='window.close();' value='Annuler' /></td></tr></table></form>"); 
mypopup.document.write("<script type='text/javascript'> document.getElementsByTagName('body')\[0\].style.backgroundColor='green'; &lt;\/script&gt;")
mypopup.document.write("&lt;body>&lt;/html>")
mypopup.document.close()
}
</script>

**sorry60** · 04/07/2007, 15h40

Hmm ça me donne une erreur :

popup is not a function

**SpaceFrog** · 04/07/2007, 15h47

mouarf ...
c'est que tu n'as pas su implémenter le code ...

Sinon voici une methode hybrique qui à l'air de vouloir tourner sous IE et FFX ...

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
<script type='text/javascript'>
function popup(){
var mypopup=window.open('','Motif','toolbar=no,scrollbars=no,resizable=no,height=150,width=250,top=200,left=200');
mypopup.document.write("<html><head><title></title></head><body></body></html>")
//var pagehtml=mypopup.document.createElement('html');
//var headhtml=mypopup.document.createElement('head');
//var bodyhtml=mypopup.document.createElement('body');
//pagehtml.appendChild(headhtml);
//pagehtml.appendChild(bodyhtml);
//mypopup.document.appendChild(pagehtml)
var monimage=mypopup.document.createElement('img')
var pic=new Image();
pic.src="snow.gif";
monimage.src=pic.src;
mypopup.document.body.appendChild(monimage)
mypopup.document.close()
}
</script>
</head>
 
<body onload="popup();"  >

à noter que les lignes commentées ne passent pas sous FFX ...

**sorry60** · 04/07/2007, 16h16

Ca marche pas à tous les coups

Mon code :

Code :

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

1
2
3
4
5
6
 
function popup() {
var mypopup=window.open('','Motif');
mypopup.document.write("<html><head><title></title></head><body>test</body></html>");
return false;
}

**SpaceFrog** · 04/07/2007, 16h18

met un setTimeout sur la seconde ligne ...
il faut le temps que le popup s'implémente ...

Creer page html simple dyamique

JavaScript

Vue hybride

Discussions similaires

Partager

Partager