Envoi données via formulaire sous wordpress

**panda25** · 18/10/2014, 12h25

Bonjour, je suis un ultra débutant en php et je travaille sous wordpress. Je souhaiterai que mon site fasse appel à un css dynamique.

J'ai crée une page background.html que j'inclue dans le corps de ma page par la méthode : <?php require "background.html"; ?>

Code de ma page background.html :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
<html>
    <body>
        <form name="inscription" method="post" action="wp-content/themes/mademo/styles.php">
            Image 1 "F1006D" :<input type="text" name="choix_image_1"/>
            <input type="submit" name="valider" value="OK"/>
        </form>
    </body>
</html>

J'ai ensuite crée une page style.php avec le code suivant:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
<?php
header("Content-type: text/css; charset=UTF-8");
 
$couleur1= $_POST['choix_image_1']
?>
 
body {
   background-image: url('http://localhost/mademo/wp-content/images/BCG/<?php echo $couleur1 ?>.gif');
}

Lorsque j'envoie les données de mon formulaire, que je récupère bien, j'ai la page styles.php qui s'affiche mais en texte.... que dois je faire ?

**sabotage** · 18/10/2014, 12h52

Tu fais pointer ton formulaire vers ta page CSS, tu obtiens donc naturellement l'affichage de ta page CSS.

Tu dois appeller ton fichier CSS depuis une page HTML.
Par exemple ici avec le formulaire bouclant sur lui même :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
<html>
 <head>
<link rel="stylesheet" type="text/css" href="style.php">
</head>
    <body>
        <form name="inscription" method="post" action="">
            Image 1 "F1006D" :<input type="text" name="choix_image_1"/>
            <input type="submit" name="valider" value="OK"/>
        </form>
    </body>
</html>

**panda25** · 18/10/2014, 14h09

Merci sabotage,

pour le coup du code, je ne savais pas... et pour ton aide...

J'ai apporté la modif dans le code, j'ai fait passé background-image en background-color, la variable est bien envoyée car j'arrive à la récupérer dans ma page header qui appelle styles.php.
Cependant, rien ne se passe à l'affichage ?? Ca fait une heure que j'essaie...

Mon code background.html

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
<html>
    <head>
        <link rel="stylesheet" type="text/css" href="<?php bloginfo('template_url'); ?>/styles.php">
    </head>
    <body>
        <form name="inscription" method="post" action="">
            Image 1 "F1006D" :<input type="text" name="choix_image_1"/>
            <input type="submit" name="valider" value="OK"/>
        </form>
    </body>

Mon code styles.php

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
<?php
	header("Content-type: text/css; charset=UTF-8");
	$couleur = $_POST['choix_image_1'];
?>
 
 
body
	{
		background-color: <?php echo $couleur ?>;
	}

et mon code header.php

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
        <?php
        /**
         * The header for our theme.
         *
         * Displays all of the <head> section and everything up till <div id="content">
         *
         * @package mademo
         */
        ?><!DOCTYPE html>
        <html <?php language_attributes(); ?>>
        <head>
        <meta charset="<?php bloginfo( 'charset' ); ?>">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title><?php wp_title( '|', true, 'right' ); ?></title>
        <link rel="profile" href="http://gmpg.org/xfn/11">
        <link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/custom-css/custom.css" type="text/css" media="screen" />
        <!--<link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/custom-css/backgrounds.css" type="text/css" media="screen" />-->
        <link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/custom-css/simplegrid.css" type="text/css" media="screen" />
        <link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>">
 
 
        <link href="<?php bloginfo('template_url'); ?>/styles.php" rel="stylesheet" type="text/css" media="all" />
 
 
 
        <?php wp_head(); ?>
        </head>
 
 
        la couleur est : <?php $couleur= $_POST['choix_image_1']; echo $couleur ?>
 
 
        <body <?php body_class(); ?>>
 
        <div id="page" class="hfeed site">
        	<a class="skip-link screen-reader-text" href="#content"><?php _e( 'Skip to content', 'mademo' ); ?></a>
 
        	<header id="masthead" class="site-header" role="banner">
        		<div class="site-branding">
        			<h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
        			<h2 class="site-description"><?php bloginfo( 'description' ); ?></h2>
        		</div>
 
        		<nav id="site-navigation" class="main-navigation" role="navigation">
        			<!--<button class="menu-toggle"><?php _e( 'Primary Menu', 'mademo' ); ?></button>-->
        			<?php wp_nav_menu( array( 'theme_location' => 'primary' ) ); ?>
        		</nav><!-- #site-navigation -->
        	</header><!-- #masthead -->
 
        	<div id="content" class="site-content">
 
    Modifier / Supprimer le message Modifier le message   Répondre avec citation Répondre avec citation   Multi-citer ce message    0  0

**sabotage** · 18/10/2014, 16h38

Comme je t'ai dit, envoyer le formulaire vers la page de style n'a pas de sens.
Pour faire simple, utilise une session PHP.
Ton formulaire pointe vers une page qui inscrit les valeurs dans la session PHP ; ton fichier style.php va utiliser ses valeurs en session.

**panda25** · 18/10/2014, 21h34

Vraiment pas évident pour moi... Prise de tête toute la journée pour un truc très probablement tout bête...

Voila mon code à présent... si quelqu'un peut m'aiguiller avec un peu de code, je serai vraiment content...

Mon code styles.php

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
<?php
 
header("Content-type: text/css; charset=UTF-8");
$_SESSION['couleur'] = $couleur;
 
?>
 
 
body
{
   background-color: <?php echo $couleur; ?> ;
}

Mon code formulaire_background.php

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" charset="utf8">
</head>
 <body>
        <form action="wp-content/themes/mademo/session.php" method="POST" >
             	#0000FF <input type="text" name="couleur"/>
            <input type="submit" name="valider" value="OK"/>
        </form>
 
 
 </body>

mon code session.php

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<?php
 
$couleur = $_POST['couleur'];	
session_start();
$_SESSION['couleur'] = $couleur;
 
echo $couleur;
 
 ?>
 
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" charset="utf8">
</head>
 <body>
 
 </body>

I NEED HELP !

**sabotage** · 20/10/2014, 11h41

Pour session.php tu te compliques les écritures :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
session_start();
$_SESSION['couleur'] = $_POST['couleur'];

Et pour style.php tu es a l'envers : il faut lire la session, pas écrire dedans

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$couleur = $_SESSION['couleur'];

Ensuite, n'oublie pas de définir des valeurs par défaut

**panda25** · 20/10/2014, 17h54

Merci à toi je m'y penche dès que possible !

**panda25** · 24/10/2014, 09h14

Hello, bon je laisse tomber l'affaire... je m'embarque dans quelque chose qui me prendra trop de temps à comprendre... Merci à toi quand même...

Envoi données via formulaire sous wordpress

Langage PHP

Discussions similaires

Partager

Partager