Sujet Précédent Sujet Suivant

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>
A voir également:

3 réponses

Réponse 1 / 3
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
Réponse 2 / 3
jordane45 Messages postés 38238 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 6 septembre 2024 4 689
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
Hagualshaikh
6 déc. 2018 à 08:22
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 38238 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 6 septembre 2024 4 689 > 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 38238 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 6 septembre 2024 4 689 > 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
Réponse 3 / 3
Hagualshaikh
7 déc. 2018 à 08:17
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

Discussions similaires

Que peut faire 3fois/j un homme, mais qu'1fois/j une femme
Soter -
Raymond PENTIER -

1 réponse
Chemin Logo du site de la Cité de l'espace
Keiios -
blux -

11 réponses
[référencement] Ne pas être référencé
kij_82 -
Searaphina -

10 réponses
paiment 4x nickel sur top achat
Lohan -
Afrikarnak -

1 réponse
recherche d'u
mimi -
brucine -

1 réponse