Modifier mot du choix de l'utilisateur

**Zepunk** · 06/04/2012, 14h04

Bonjour,

Je suis vraiment débutant et je vient vous demander un service même si je sais que c'est les bases mais je ne comprend pas.

J'ai un code HTML ( si dessous ) et j'aimerais que lorsque l'on tape dans une boite ( Input ) un mot, sa le remplace dans tout le code.

J'ai le code PHP mais j'aimerais l'avoir en Javascript afin e ne par régénérer la page

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
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
 
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="minecraft_skin.js" type="text/javascript"></script>
<title>Minecraft HTML5 Canvas Skin Viewer</title>
</head>
<style>
* {
    margin:0;
    padding:0;
}
div {
    display:inline-block;
}
.minecraft_head .head {
    display:none;
}
.minecraft_head:hover .hat {
    display:none;
}
.minecraft_head:hover .head {
    display:inline-block;
}
.scratch {
    display:none;
}
</style>
<body>
 
<form action="skin.php" method="get">
<input name="pseudo" type="text" value="pirmax" /><br />
<input name="go" type="submit" value="Valider" />
</form>
 
<div class="minecraft_head" id="YourName">
    <canvas class="hat" id="YourName_hat"></canvas><canvas class="head" id="YourName_head"></canvas>
    <script type="text/javascript">
        draw_hat('YourName_hat','YourName',25);
        draw_head('YourName_head','YourName',25);
    </script>
</div>
 
<br />
 
<div class="minecraft_model" id="YourName">
    <canvas class="scratch" id="YourName_scratch"></canvas><canvas class="model" id="YourName_model"></canvas>
    <script type="text/javascript">
        draw_model('tloYourName_model','YourName_scratch','YourName',10,true);
    </script>
</div>
 
 
<br />
 
 
<div class="minecraft_model" id="YourName">
    <canvas class="scratch" id="YourName_scratch_left"></canvas><canvas class="model" id="YourName_model_left"></canvas>
    <script type="text/javascript">
        draw_model_left('YourName_model_left','YourName_scratch_left','YourName',10,false);
    </script>
</div>
</div>
</body>
</html>

J'aimerais remplacer les 19 ' YourName ' en ce que l'utilisateur veut et definir dans la boite au dessus.
Si quelq'un peut me le faire.. Ou du moin mexpliquer rapidement Merci

**zulad** · 08/04/2012, 20h07

Hello,

Modifier le code dynamiquement ne me paraît pas une bonne idée. Mais à priori tu peux modifer le contenu des div.

Si tu encapsule tout ton contenu dans un div avec id, tu peux prendre son contenu par innerHTML et faire un .replace()

Modifier mot du choix de l'utilisateur

JavaScript

Discussions similaires

Partager

Partager