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

Signaler
Messages postés
21
Date d'inscription
lundi 17 septembre 2018
Statut
Membre
Dernière intervention
2 février 2019
-
 Hagualshaikh -
!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>

3 réponses

Messages postés
21
Date d'inscription
lundi 17 septembre 2018
Statut
Membre
Dernière intervention
2 février 2019

la coleure est bien fanctionner mais les photos et la texte c'est ne marche pas
Messages postés
31153
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
24 janvier 2021
3 204
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....
Messages postés
21
Date d'inscription
lundi 17 septembre 2018
Statut
Membre
Dernière intervention
2 février 2019

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 !!!!

Messages postés
31153
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
24 janvier 2021
3 204 >
Messages postés
21
Date d'inscription
lundi 17 septembre 2018
Statut
Membre
Dernière intervention
2 février 2019

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.
Messages postés
21
Date d'inscription
lundi 17 septembre 2018
Statut
Membre
Dernière intervention
2 février 2019

<!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>
Messages postés
21
Date d'inscription
lundi 17 septembre 2018
Statut
Membre
Dernière intervention
2 février 2019

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
Messages postés
31153
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
24 janvier 2021
3 204 >
Messages postés
21
Date d'inscription
lundi 17 septembre 2018
Statut
Membre
Dernière intervention
2 février 2019

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 ?
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