Je voudrai que ma page a chaque fois de actueelise se ma affiche de couleur et d

Résolu/Fermé
hagualshaikh
Messages postés
21
Date d'inscription
lundi 17 septembre 2018
Statut
Membre
Dernière intervention
2 février 2019
- Modifié le 6 déc. 2018 à 09:03
 Hagualshaikh - 7 déc. 2018 à 08:17
!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

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

5 déc. 2018 à 23:46
la coleure est bien fanctionner mais les photos et la texte c'est ne marche pas
0
jordane45
Messages postés
36054
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
14 août 2022
4 276
5 déc. 2018 à 23:58
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....
0
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
0
jordane45
Messages postés
36054
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
14 août 2022
4 276 > Hagualshaikh
6 déc. 2018 à 09:04
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
0
hagualshaikh
Messages postés
21
Date d'inscription
lundi 17 septembre 2018
Statut
Membre
Dernière intervention
2 février 2019

Modifié le 6 déc. 2018 à 22:49
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 !!!!

0
jordane45
Messages postés
36054
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
14 août 2022
4 276 > hagualshaikh
Messages postés
21
Date d'inscription
lundi 17 septembre 2018
Statut
Membre
Dernière intervention
2 février 2019

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

6 déc. 2018 à 22:58
<!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>
0
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
0