Menu

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

Messages postés
19
Date d'inscription
lundi 17 septembre 2018
Dernière intervention
6 décembre 2018
-
!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>
Afficher la suite 

Votre réponse

3 réponses

Messages postés
19
Date d'inscription
lundi 17 septembre 2018
Dernière intervention
6 décembre 2018
0
Merci
la coleure est bien fanctionner mais les photos et la texte c'est ne marche pas
Commenter la réponse de hagualshaikh
Messages postés
23601
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
13 décembre 2018
0
Merci
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....
hagualshaikh
Messages postés
19
Date d'inscription
lundi 17 septembre 2018
Dernière intervention
6 décembre 2018
-
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 !!!!

jordane45
Messages postés
23601
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
13 décembre 2018
> hagualshaikh
Messages postés
19
Date d'inscription
lundi 17 septembre 2018
Dernière intervention
6 décembre 2018
-
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.
hagualshaikh
Messages postés
19
Date d'inscription
lundi 17 septembre 2018
Dernière intervention
6 décembre 2018
-
<!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>
hagualshaikh
Messages postés
19
Date d'inscription
lundi 17 septembre 2018
Dernière intervention
6 décembre 2018
-
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
jordane45
Messages postés
23601
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
13 décembre 2018
> hagualshaikh
Messages postés
19
Date d'inscription
lundi 17 septembre 2018
Dernière intervention
6 décembre 2018
-
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 ?
Commenter la réponse de jordane45
0
Merci
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
Commenter la réponse de Hagualshaikh