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

Résolu

hagualshaikh Messages postés 21 Date d'inscription Statut Membre Dernière intervention -
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>

Afficher la suite

A voir également:

Je voudrai que ma page a chaque fois de actueelise se ma affiche de couleur et d
Impossible de supprimer une page word - Guide
Faire de google ma page d'accueil - Guide
Excel cellule couleur si condition texte - Guide
Numéro de page word - Guide
Imprimer plusieurs fois la même image sur une page ✓ - Forum Logiciels

3 réponses

Réponse 1 / 3

hagualshaikh Messages postés 21 Date d'inscription Statut Membre Dernière intervention

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

Réponse 2 / 3

jordane45 Messages postés 38486 Date d'inscription Statut Modérateur Dernière intervention 4 752

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

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

jordane45 Messages postés 38486 Date d'inscription Statut Modérateur Dernière intervention 4 752 > Hagualshaikh

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

hagualshaikh Messages postés 21 Date d'inscription Statut Membre Dernière intervention

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 38486 Date d'inscription Statut Modérateur Dernière intervention 4 752 > hagualshaikh Messages postés 21 Date d'inscription Statut Membre Dernière intervention

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 21 Date d'inscription Statut Membre Dernière intervention

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

Réponse 3 / 3

Hagualshaikh

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

Discussions similaires

Code source couleur de fond

Durée d'une diapositive animée

sertissage des cables rj45

Devinette

"Couleur de page" pour une seule page

EDIT : Ajout des balises de code

EDIT : Ajout des balises de code !!!!

Votre réponse

Discussions similaires