[DOM] DOM afficher un input avec du texte dedans

**NeHuS** · 24/01/2006, 11h27

Salut tout le monde

Je voulais savoir si il etait possible d'afficher dans un input sur la même page avec une variable passée . Merci

Ci dessous mon code ^^

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
<head>
<script type="text/javascript">
 
function ShowName(name)
{
document.getElementById("tutu").value = name
var bool = 1;
if (bool == 1) {
document.write("<h2> Bonjour Mr  </h2> <input type=""text"" id=""tutu"" />");
}
</script>
 
</head>
<body >
<h1> Veuillez saisir votre nom svp </h1> 
<form>
<input type="text" id="toto"/>
<input type="button" onclick="ShowName(toto.value)"  value="OK" /> 
</form>
</body>
</html>

[/code]

**SpaceFrog** · 24/01/2006, 11h31

c'est sand toute faisable

mais peut être à condition d'éviter de nomme ses variables comme une quiche ?
name est un mot reservé du langage javascript ...

ensuite document.write DOM ???
beuark

document.createElement('input')
ou encore avec de l'innerHTML ..
mais document.wite

**NeHuS** · 24/01/2006, 11h35

lol lu Space

j 'ai fais comme ça :

Code :

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

1
2
3
4
5
6
7
8
9
 
function ShowName(nom)
{
document.getElementById("tutu").value = nom
var bool = 1;
 
if (bool == 1) {
 
document.createElement('input type="text" id="tutu"') ;

mais bon ça ne marche pas :'(
Merci ^^

**SpaceFrog** · 24/01/2006, 11h54

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
<head>
<script type="text/javascript">
 
function ShowName(nom)
{
var newinput=document.createElement("input");
newinput.type="text"
newinput.value= nom
document.forms[0].appendChild(newinput);
 
}
</script>
 
</head>
<body >
<h1> Veuillez saisir votre nom svp </h1>
<form >
<input type="text" id="toto"/>
<input type="button" onclick="ShowName(document.getElementById('toto').value)"  value="OK" />
</form>
</body>

**NeHuS** · 24/01/2006, 20h19

Wa nickel Space

et si au lieu de l faire dans un input je decidais de le faire dans un paragraphe ( <p> </p> ) je devrais faire :

Code :

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

1
2
 
createElement("p");

par contre pour le remplir lol ?
il faut peut etre passer par une var intermediaire ?

En tt cas , merci beaucoup space

**Spack** · 24/01/2006, 22h38

Envoyé par NeHuS

par contre pour le remplir lol ?

Il suffit de modifier un peu le code de SpaceFrog...

Code :

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

1
2
3
4
5
6
function ShowName(nom)
{
var newp=document.createElement("p");
newp.appendChild(document.createTextNode(nom));
document.appendChild(newp);
}