[DOM] DOM afficher un input avec du texte dedans

Version imprimable

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:

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]

24/01/2006, 11h31
SpaceFrog

c'est sand toute faisable :wink:
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 :roll:

lol lu Space ;)

j 'ai fais comme ça :

Code:

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

Code:

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>

24/01/2006, 20h19
NeHuS
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:

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 ;)

Citation:

Envoyé par NeHuS

par contre pour le remplir lol ?

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

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

24/01/2006, 22h59
siddh

et si t'as plus de contenu, tu continues comme ça ou tu fais un innerHTML sur ton p
28/01/2006, 22h41
NeHuS

Merci beaucoup pour toutes ces informations guys ^^