changeant de couleur en fonction javascript

Dans le code suivant , j'ai une fonction javascript et je suis tring pour changer le backgroundColor de la page pour une couleur passée en tant que paramètre. Mais mon code ne fonctionne pas, quelqu'un peut-il m'aider à ce qui est faux dans mon code?

HTML:

<!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=iso-8859-1" />
    <title>Changing Color</title>
<head>
    <style type="text/css">
        body {
            background-color:#ffcccc;
        }
    </style>
</head>
<body>
    <form>
        <label>color: <input type="text" name="color"> </label>
        <input name="color" type = "button" onClick = "changecolor(color.value) " value = "color">
    </form>
</body>
</html>

Javascript:

function changecolor(colour)
{
    document.bgcolor=colour;
}
InformationsquelleAutor alia | 2011-06-04
  1. 2

    En supposant colour contient un CSS valide descripteur de couleur, vous pouvez écrire:

    document.body.style.backgroundColor = colour;
    • Hamidi je suis toujours incapable de changer la couleur d'arrière-plan....mon code est <form> <label>couleur: <input type="text" name="couleur"> </label> <input name="couleur" type = "button" onClick = "changecolor(de couleur.valeur) " value = "couleur"> </form> function changecolor(couleur) { document.corps.style.backgroundColor = couleur; }
    • pouvez-vous donner un exemple de la valeur que vous entrez dans la color zone de texte? La console Javascript afficher un message d'erreur lorsque le code dans votre commentaire fonctionne?
    InformationsquelleAutor Frédéric Hamidi
  2. 0

    vous avez à mettre la fonction dans un bloc de script.

    ...

    </form>
<script type="text/javascript>
  //function declaration 
</script>
    • c'est dans le fichier javascript
    • "<form> <label>couleur: <input type="text" name="couleur"> </label> <input name="couleur" type = "button" onClick = "changecolor(de couleur.valeur) " value = "couleur"> </form> function changecolor(couleur) { document.corps.style.backgroundColor = couleur; }" donc, ne vous essayez d'appeler la fonction ici? (d'après le formulaire)
    InformationsquelleAutor mightyplow
  3. 0

    Essayer ce code, il fonctionne finement l'homme .j'ai juste essayé.vous pouvez l'utiliser partout où vous voulez.également ajouté le code pour onmouse cliquez et onmouseover.

    <html>
    <head>
    <script language="javaScript">
    function change_background(color){
    document.bgColor = color;
    }
    </script>
    </head>
    <body>
    <form> 
    <label>color: <input type="text" name="color" > 
    </label>
    <input name="clrs" type ="button" value="getcolor" onClick = "change_background(color.value) " > 
    </form>
    <a href="#" onClick="change_background('#099')">ClickBlue</a>
    <a href="#" onMouseOver="change_background('#111')">Mouseoverblack</a>
    <a href="#" onMouseOver="change_background('#fff')">Mouseover white</a>
    </body>
    </html>`
    • <html> <head> <script language="javaScript"> function change_background(couleur){ document.bgColor = couleur; } </script> </head> <body> <form> <label>couleur: <input type="text" name="couleur" > </label> <input name="clr" type ="button" value="getcolor" onClick = "change_background(de couleur.value) " > </form> <a href="#" onClick="change_background('#099')">ClickBlue</a> <a href="#" onMouseOver="change_background('#111')">Mouseoverblack</a> <a href="#" onMouseOver="change_background('#fff')">passage de la Souris blanche</a> </body> </html>
    • copiez ce code entier et de les essayer.j'ai juste essayé moi-même et c'est très bien
    InformationsquelleAutor Bimal Sharma