Connaissances Informatiques >> programmation >> Programmation JavaScript >> Content
  Derniers articles
  • Comment vérifier un type numérique…
  • Comment garder le Prototype JS Jusqu…
  • Comment obtenir un attribut dans Jav…
  • Comment faire pour modifier une URL …
  • Comment afficher des extraits Javasc…
  • Effets séquentielles dans jQuery 
  • Comment utiliser JavaScript avec fla…
  • Comment créer des éléments avec J…
  • Comment faire pivoter liens en JavaS…
  • Comment vérifier droppables MooTool…
  •   Programmation JavaScript
  • C /C + + Programming

  • Computer Programming Languages

  • Delphi Programming

  • Programmation Java

  • Programmation JavaScript

  • PHP /MySQL Programmation

  • programmation Perl

  • Programmation Python

  • Ruby Programming

  • Visual Basics programmation
  •  
    Programmation JavaScript

    Comment faire pour modifier le tableau de fond couleurs avec Javascript

    JavaScript est un langage de script côté client qui peut être utilisé pour modifier dynamiquement presque chaque aspect d'une page Web, y compris les styles qui sont définies et mises en œuvre avec des feuilles de style en cascade ( CSS). JavaScript permet aux programmeurs de créer des fonctions qui sont exécutées lorsqu'un utilisateur interagit avec l'interface utilisateur , par exemple, en cliquant sur les boutons ou liens hypertexte . Ces fonctions peuvent ensuite modifier certains aspects de l'interface utilisateur , par exemple, en changeant la couleur de fond d'une balise HTML " " . Choses que vous devez
    Text Editor
    navigateur avec JavaScript activé
    Show More Instructions
    1

    Ouvrez un éditeur de texte et créez un nouveau fichier nommé changeBackground.html . Ajouter des balises HTML pour le fichier qui comprend une balise ouverte " " , une étiquette " " ouverte, une fermeture " " tag , une étiquette ouverte " body " , une fermeture " " tag , et une fermeture " " tag . Ces étiquettes comprennent une page HTML de base Page 2

    Modifier changeBackground.html et ajouter une balise " " tag pour fermer la section.



    < Type de style = ' text /css >
    table

    {
    largeur de

    : 200px ;
    hauteur de

    :
    3

    Ajouter un tag " " tag pour fermer le script.


    < p>

    style> type='text/css'>

    table {
    largeur de

    : 200px ;
    hauteur de

    : 200px ;

    background-color : blue; }


    < /style> Photos

    Photos

    Photos


    table à langer couleur verte.

    Photos


    6

    Ajouter un deuxième lien (" " ) tag . Réglez la valeur de href de la balise de "javascript: void (0 ) " pour revenir nulle lorsque le lien est cliqué . Ajouter un onclick () événement pour le lien qui appelle la fonction CHANGETABLE (couleur) et transmet la valeur «jaune» . Donner le lien le texte valeur " Changer de couleur de table au jaune. " Insérez un "< /a>" balise de fermeture .



    Style> type='text/css'>
    table

    {
    largeur de

    : 200px ;
    hauteur de

    : 200px ;

    background-color : blue; }


    Photos

    Photos

    Photos


    table à langer couleur verte.

    table à langer couleur jaune.

    ;


    7

    Ajouter un tag "

    " après les balises de lien. Donner le "
    " tag une id " PageTable " . Ajouter un " " balise ouverte et une étiquette " et fermer la " "tag . Fermez la fenêtre"
    " ouverte. Fermez la fenêtre "
    "tag et enregistrez et fermez changeBackground.html .



    style> type='text/css'>

    table {
    largeur de

    : 200px ;

    hauteur : 200px ;

    background-color : blue; }


    < /style> Photos

    < script type = ' text /javascript > Photos

    fonction CHANGETABLE (couleur)

    {

    document.getElementById (' PageTable ') style.backgroundColor = couleur ; .

    }

    Photos

    Photos


    table à langer couleur verte

    table à langer couleur jaune < /a>

    < tableau
    8

    Ouvert changeBackground.html dans un navigateur web. Un bleu 200px par 200px tableau sera affiché sur la page. Cliquez sur la "couleur de la table passe au vert . " lien et vérifier que les modifications de fond de la table au vert. Cliquez sur la "couleur de la table de changement au jaune. " lien et vérifier que les modifications de fond de la table au jaune.

     
    Article précédent:
    Article suivant:
    Articles recommandés
  • Comment faire un rebond de lien avec jQuery 
  • Comment déterminer si un site utilise JavaScript redirections 
  • Comment utiliser JavaScript et PHP dans le formulaire Validation 
  • Comment lire un objet dans jQuery 
  • Risques avec JavaScript 
  • Comment faire pour modifier une action du formulaire en Javascript 
  • Comment faire pour convertir ColdFusion objets au format JSON 
  • Comment changer le texte HTML Avec Variables Javascript 
  • Comment désactiver Microsoft ActiveSync 
  • Date de différence en Java Script 
  • Connaissances Informatiques © http://www.ordinateur.cc