Modifier mot du choix de l'utilisateur
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:
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