CONNEXION
  • RetourJeux
    • Sorties
    • Hit Parade
    • Les + populaires
    • Les + attendus
    • Soluces
    • Tous les Jeux
    • Gaming
  • RetourActu Gaming
    • News
    • Astuces
    • Tests
    • Previews
    • Toute l'actu gaming
  • RetourBons plans
    • Bons plans
    • Bons plans Smartphone
    • Bons plans Hardware
    • Bons plans Image et Son
    • Bons plans Amazon
    • Bons plans Cdiscount
    • Bons plans Decathlon
    • Bons plans Fnac
    • Tous les Bons plans
  • RetourJVTech
    • Actus High-Tech
    • Intelligence Artificielle
    • Smartphones
    • Mobilité urbaine
    • Hardware
    • Image et son
    • Tutoriels
    • Tests produits High-Tech
    • Guides d'achat High-Tech
    • JVTech
  • RetourCulture
    • Actus Culture
    • Culture
  • RetourVidéos
    • A la une
    • Gaming Live
    • Vidéos Tests
    • Vidéos Previews
    • Gameplay
    • Trailers
    • Chroniques
    • Replay Web TV
    • Toutes les vidéos
  • RetourForums
    • Hardware PC
    • PS5
    • Switch 2
    • Xbox Series
    • Switch
    • Pokemon pocket
    • FC 25 Ultimate Team
    • League of Legends
    • Tous les Forums
  • PC
  • PS5
  • Xbox Series
  • Switch 2
  • PS4
  • One
  • Switch
  • iOS
  • Android
  • MMO
  • RPG
  • FPS
En ce moment Genshin Impact Valhalla Breath of the wild Animal Crossing GTA 5 Red dead 2
Liste des sujets

Html vers Css

misterbarbouy
misterbarbouy
Niveau 8
22 avril 2016 à 12:20:22

Hey,
J'ai commencé à créer un site pour un projet dans mes études et j'aimerai déplacer une valeur que je récupère dans un input sur le html et pouvoir l'envoyer vers le css.
Dans mon cas on demande une couleur via le sélecteur (un simple input) et je veux l'envoyer vers le css pour modifier la couleur du fond et je ne sais pas comment faire :(

Merci de m'aider ! :merci:

Chocolayte
Chocolayte
Niveau 73
22 avril 2016 à 12:32:54

Si tu utilises un input, tu dois faire le traitement en JavaScript ou php. Lequel on te demande d'utiliser ?

Avec du css ou HTML seulement c'est impossible ^^

misterbarbouy
misterbarbouy
Niveau 8
22 avril 2016 à 13:21:19

J'utilise JavaScript pour mes calculs (je fais un compte est bon, le jeu :bave: )
Et je récupère les valeurs grâce au html.

Benekiki
Benekiki
Niveau 10
22 avril 2016 à 13:36:09

J'ai trouvé ça :

<script>
document.write('<div style="cequetuveuxenvoyeraucss">ton truc</div>');
</script>
Message édité le 22 avril 2016 à 13:36:29 par Benekiki
misterbarbouy
misterbarbouy
Niveau 8
22 avril 2016 à 13:38:33

Genre je dois mettre mon id dans "ton truc"? :hap:
Je comprends pas trop comment ca marche là :(

Benekiki
Benekiki
Niveau 10
22 avril 2016 à 13:54:28

Bah non c'est du css.. c'est comme si dans la page html tu mettais

<div style="css">ton truc</div>

la balise style="" c'est pour mettre du css dedans, comme style="text-align: center;"

Sinon en PHP pour récupérer l'input et le mettre dans le css :

<?php

$css = $_GET['idinput'];
echo "<div style=".$css."></div>";

?>

Message édité le 22 avril 2016 à 13:57:06 par Benekiki
misterbarbouy
misterbarbouy
Niveau 8
22 avril 2016 à 14:03:37

J'utilise le html, et quand je met cette ligne bah la couleur de fond ne change pas. Peut être une erreur de ma part... :(

Benekiki
Benekiki
Niveau 10
22 avril 2016 à 14:36:41

Bah oui faut l'adapter avec ce que tu veux après...
Donne nous ton code

fluxies
fluxies
Niveau 17
22 avril 2016 à 14:42:54

Ce qu'il faut c'est que tu comprennes comment ca marche, tu peux copier coller bêtement mais réflechie après

misterbarbouy
misterbarbouy
Niveau 8
22 avril 2016 à 14:52:24

Voilà la partie que je voudrai envoyer vers le css pour modifier la couleur du background.

<table class='table4'>
<tr height='50px'>
<td>
<input type="color" value='Couleur du fond' id='rep1' style="width: 100px; height 50px;" ></code>
</table>

misterbarbouy
misterbarbouy
Niveau 8
22 avril 2016 à 14:56:13

Et oui je cherche à comprendre comment ca marche. Mais je vous avoue que je galère. :noel:

owingto
owingto
Niveau 10
22 avril 2016 à 15:18:21

Si jamais ca t’intéresse j'ai du faire un compte est bon optimisé en java l'année dernière :noel:
Bon c'est un peu codé comme un porc vu que je m'y suis mis deux jours avant mais ca marche :noel:

Taod
Taod
Niveau 10
24 avril 2016 à 11:23:18

Si il y a pas de php/js utilise des class ou des id

fluxies
fluxies
Niveau 17
24 avril 2016 à 14:11:46

Ce qu'il faut savoir c'est si le changement c'est pour toujours (enfin jusqu'à ce qu'il rechange), ou juste pour l'affichage actuel de la page.

Premier cas, tu dois avoir un serveur web avec un moyen d'enregistrer le changement dans la base de donnée.
Second, tu utilises du javascript pour changer en live. Et dans ce cas tu as plusieurs solutions et plusieurs méthodes, changer le style, changer la classe. Nous on va changer le style la parceque c'est le moins verbeux.

Ici, ce sera un simple bouton fonctionnant seul, à toi de voir comment récupérer la valeur de l'input pour set la bonne couleur.

Genre ta div à changer, c'est ca


<div id="cameleon">
</div>

Ton bouton ca


<a onclick="cameleonMaster()"></a>

Avant la fin du body idéalement, tu rajoutes un code javascript


<script type="text/javascript">
function cameleonMaster() {

     // tu peux récuperer la valeur de ton input ici !! 

     var maDivCameleon = document.getElementById("cameleon");
     maDivCameleon.style["background-color"] = "red";
}
</script>

J'ai pas testé c'est ptet pas bon ou y'a des typos, mais cherche sur google à chaque fois, tu trouveras des exemples (notamment sur stackoverflow) et tu avance en les comprenant

ElSalad
ElSalad
Niveau 9
26 avril 2016 à 02:38:29

Mon vdd est dans le bon il manque juste la ligne qui récupère l'input. Et y a même moyen de faire sans bouton.
C'est quoi comme type d'input ? texte ? select ?

Sous forums
  • Aide à l'achat Mac
  • Création de sites web
  • Internet
  • Macintosh
  • Création de Jeux
  • Linux
  • Programmation
  • Steam Deck
  • Hardware
La vidéo du moment