Je voudrai que ma page a chaque fois de actueelise se ma affiche de couleur et d [Résolu]

A voir également:Je voudrai que ma page a chaque fois de actueelise se ma affiche de couleur et dComment ré inviter des amis à aimer ma page une seconde fois - Forum - Facebook Dupliquer une même page word plusieurs fois dans un document ✓ - Forum - Webmaster Télécharger plusieurs liens d'une page en une fois. ✓ - Forum - Téléchargement Je voudrai avoir en page d'accueil orange.fr ✓ - Forum - Virus / Sécurité La page d'accueil de mon ordinateur ne s'affiche pas ✓ - Forum - Matériel informatique

 !DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">     <meta name="viewport" content="width=device-width, initial-scale=1.0">     <meta http-equiv="X-UA-Compatible" content="ie=edge"><script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"         crossorigin="anonymous"></script>      <title>Document</title>     <STyle>         /* #myColor{             box-align: center;         }         #red{             background-color:#a52a2a;             width: 400px;             height: 400px;         }#blue{             background-color:rgb(42, 31, 204);             width: 400px;             height: 400px;         }         #yellow{             background-color:rgb(209, 247, 44);             width: 400px;             height: 400px;         }         #green{             background-color:rgb(28, 230, 38);             width: 400px;             height: 400px;         }   */     </STyle> </head> <body> <div id="output"> <html>my text </html>  </div> <!-- <img src="image5.jpg" alt="myImage"> -->    <!-- <div id="myColor"> <div id="blue"></div> <div id="yellow"></div> <div id="red"></div> <div id="green"></div> --> </div> <button type="button" name="button" value="button" onclick="display()"> button</button> <div id="myImages">     <!-- <img src="image14.png" alt="">     <img src="image15.jpg" alt="">     <img src="image7.jpg" alt=""> --> </div>                     <script type="text/javascript"> var myColor = ["blue","yellow","red","green"]; //var myImage = ["image5.jpg","image14.png","image15.jpeg"]; function display(){          var mesColor = Math.floor(Math.random()*myColor.length);    // var mesImage = Math.floor( Math.random() * myImage.length );     console.log(mesColor);       //console.log( mesImage );          document.body.style.backgroundColor = myColor[mesColor];     //document.("#myImages").style.background = myImage[mesImage];      } function rflesh(){     location.reload(true); }                    jQuery( document ).ready( function ( $ )             {                  var couleur = new Array();                 couleur[ 0 ] = "#d9dbb3";                 couleur[ 1 ] = "#c3dbb3";                 couleur[ 2 ] = "#add1d3";                  var hasard = Math.floor( Math.random() * couleur.length );                  $( '#couleur-aleatoire' ).css( { 'background-color': couleur[ hasard ] } );              } );   </script>  

EDIT : Ajout des balises de code

</body>
</html>

Forum

A voir également:Je voudrai que ma page a chaque fois de actueelise se ma affiche de couleur et dComment ré inviter des amis à aimer ma page une seconde fois - Forum - Facebook Dupliquer une même page word plusieurs fois dans un document ✓ - Forum - Webmaster Télécharger plusieurs liens d'une page en une fois. ✓ - Forum - Téléchargement Je voudrai avoir en page d'accueil orange.fr ✓ - Forum - Virus / Sécurité La page d'accueil de mon ordinateur ne s'affiche pas ✓ - Forum - Matériel informatique

Web: www.shapebootstrap.net

3 réponses

Marsh

NOVEMBER 9, 2013 AT 9:15 PM

la coleure est bien fanctionner mais les photos et la texte c'est ne marche pas

Reply

Marsh

NOVEMBER 9, 2013 AT 9:15 PM

Déjà... BONJOUR.

Ensuite, pour poster du code sur le forum.. il faut le faire en utilisant : les balises de code
Explications disponibles ici : https://codes-sources.commentcamarche.net/faq/11288-les-balises-de-code

Et enfin.... "ça ne marche pas"... ben...ça ne nous aide pas !
Merci d'expliquer clairement ce qui ne fonctionne pas....

Reply
réponses:
  • auteur

  • auteur

    Ré bonjour
    En fait ce que je voudrais juste afficher des couleurs et de textes différents à chaque fois quand je kilick sur la “button” . J’ai mis plusieurs image et de couleur mais que je kilick sur la “ button “ ce que change la couleur mais la image et la text ce ne change pas
    J’ai utilisé Math.floor(Math.random) pour que ca me fair change la couleur et la image et la texte mais ne fonctionne que avec la couleur mes la reste ne change pas

  • auteur

    en même temps.... le code qui te sert à gérer les images est en commentaires...
    Normal que ça ne marche pas.

    NB : Pour poster ton code sur le forum, tu dois utiliser LES BALISES DE CODE
    Explications disponibles ici : https://codes-sources.commentcamarche.net/faq/11288-les-balises-de-code

  • auteur

    bonjour
    et merci a votre aide mais j'ai pas encore trouvere la solution
    et je vous donner image affichage de ecran

     <!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">     <meta name="viewport" content="width=device-width, initial-scale=1.0">     <meta http-equiv="X-UA-Compatible" content="ie=edge"><script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"         crossorigin="anonymous"></script>      <title>Document</title>     <STyle>              </STyle> </head> <body> <div id="output"> <html>my text a changer achaque fois </html>  </div> <!-- <img src="image5.jpg" alt="myImage"> -->    <!-- <div id="myColor"> <div id="blue"></div> <div id="yellow"></div> <div id="red"></div> <div id="green"></div> --> </div> <button type="button" name="button" value="button" onclick="display()"> button</button> <div id="myImages">     <!-- -- <img src="image14.png" alt="">     <img src="image15.jpg" alt="">     <img src="image7.jpg" alt="">  --> </div>                     <script type="text/javascript"> var myColor = ["blue","yellow","red","green"]; //var myImage = ["image5.jpg","image14.png","image15.jpeg"]; function display(){          var mesColor = Math.floor(Math.random()*myColor.length);     //var mesImage = Math.floor( Math.random() * myImage.length );     console.log(mesColor);       //console.log( mesImage );          document.body.style.backgroundColor = myColor[mesColor];    // document.querySelector("#myImages").style.background = myImage[mesImage];      var x = document.getElementById( "myImages" )             x.innerHTML = "<img src=\"/image15.JPEG" + Math.floor( ( Math.random() * 2 ) + 1 ) + ".jpeg\" width=\"600\" height=\"526\" />"         }         //bienvenue();           function rflesh(){     location.reload(true); }                                           </script>        </body> </html> 

    EDIT : Ajout des balises de code !!!!

  • auteur

    Tu te moques de moi non ?
    Je t'ai indiqué que tu devais utiliser les BALISES DE CODE pour poster ton code.... (j'ai édité ton message pour les mettre !!! )
    Je t'ai également dit que le code pour gérer tes images était en commentaire... il y est toujours ....

    Commence par lire les réponses qu'on te donne... ça devrait t'aider à trouver les solutions et à poster correctement sur le forum.
    Merci.

  • auteur

    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge"><script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
    crossorigin="anonymous"></script>

    <title>Document</title>
    <STyle>

    </STyle>
    </head>
    <body>
    <div id="output">
    <html>my text a changer achaque fois </html>

    </div>

    </div>
    <button type="button" name="button" value="button" onclick="display()"> button</button>

    <div id="myImages">


    </div>




    <script type="text/javascript">
    var myColor = ["blue","yellow","red","green"];

    function display(){

    var mesColor = Math.floor(Math.random()*myColor.length);

    console.log(mesColor);
    //console.log( mesImage );

    document.body.style.backgroundColor = myColor[mesColor];

    var x = document.getElementById( "myImages" )
    x.innerHTML = "<img src=\"/image15.JPEG" + Math.floor( ( Math.random() * 2 ) + 1 ) + ".jpeg\" width=\"600\" height=\"526\" />"
    }
    //bienvenue();



    function rflesh(){
    location.reload(true);
    }







    </script>



    </body>
    </html>

  • auteur

    desole mais compris votre question de< dalise code>
    et j 'ai changer la code mais ce ne macher pas
    j''esper que cette fois je trouve une solution

  • auteur

    pour les balises de code... tu n'y es toujours pas.... tu n'as pas bien lu le lien que je t'ai donné.
    Il faut préciser le LANGAGE dans les balises afin d'avoir la coloration syntaxique. Ne vois tu pas la différence entre ton code et celui que j'ai édité dans ton précédent message ??

    Et en ce qui concerne les images, penses tu que le chemin que tu lui donnes soit bon ?
    quand je vois :

     x.innerHTML = "<img src=\"/image15.JPEG" + Math.floor( ( Math.random() * 2 ) + 1 ) + ".jpeg\" width=\"600\" height=\"526\" />" 

    J'en doute...
    Quelle est le nom de tes fichiers images ?
    Dans quel répertoire se trouvent elles ?

Marsh

NOVEMBER 9, 2013 AT 9:15 PM

Le problème est résolu
Merci beaucoup à tous pour votre aide
Je suis vraiment débutant mais mais avec grâce ton aide j’ai résolu

Reply

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed