helldanger1
GForum VIP
- Entrou
- Ago 1, 2007
- Mensagens
- 29,631
- Gostos Recebidos
- 1
Estilos CSS diferentes a uma página com PHP e cookies
Fazemos uma página PHP onde o usuário pode escolher o estilo e o salvamos em uma cookie para memorizá-lo nos seguintes acessos.
Por Miguel Angel Alvarez - Tradução de JML
Apresentamos um workshop de PHP e cookies no qual vamos ilustrar com um exemplo o uso de Cookies em PHP. É um exemplo simples, porque PHP proporciona umas ferramentas para o controle de cookies muito simples de usar.
Neste workshop criaremos uma página que pode se configurar com distintos estilos CSS. O usuário é quem decide que aspecto deseja que tenha a página, por meio de um formulário. Logo, a página é capaz de lembrar, entre os distintos acessos que realize o usuário, o aspecto que havia escolhido para mostrar a web.
Antes de começar, vamos relembrar algumas coisas das cookies em PHP. As cookies são pequenas informações de texto que se podem armazenar no navegador do visitante, sempre que este tiver configurado o browser para aceitá-las. As cookies, portanto, só podem armazenar caracteres, porém ainda assim são de vital importância para lembrar estados, ou variáveis de uma visita a outra do usuário.
Se quisermos saber conceitualmente mais sobre as cookies temos um artigo específico para aprender: O que são as cookies
Se tivermos lido os artigos anteriores ou já soubermos algo sobre cookies e PHP não teremos problema em entender este workshop. Podemos então passar diretamente a ver o exemplo que vamos criar neste exercício de PHP. Porém antes, deixamos o link para que se possa ver em funcionamento e assim ter mais claro qual é o objetivo buscado.
O formulário HTML para selecionar o estilo:
<form action="taller-cookies-php.php" method="post">
Aqui você poderá selecionar o estilo que preferir na página:
<br>
<select name="estilo">
<option value="verde">Verde
<option value="rosa">Rosa
<option value="preto">Preto
</select>
<input type="submit" value="Atualizar o estilo">
</form>
É um formulário simples, com um select para escolher entre os distintos estilos css disponíveis para a página.
Receber o formulário e criar a cookie:
Se recebermos um valor do formulário teríamos que criar uma cookie para lembrar que estilo deseja o usuário para visualizar a página.
//Vejo se recebo dados do formulario
if(isset($_POST["estilo"])){
//é que estou recebendo um estilo novo, tenho que colocá-los nas cookies
$estilo = $_POST["estilo"];
//coloco o estilo em uma cookie
setcookie("estilo", $estilo, time() + (60 * 60 * 24 * 90));
}
Neste exemplo, salvaremos a cookie com o nome "estilo" e com o valor captado do formulário. Ainda assim, há que destacar que configuramos a cookie para que permaneça no computador do usuário por 90 dias.
Agora, se a página não tiver recebido por post o estilo com o que se deve mostrar, teremos que acessar ao array $_COOKIE para ver se está criada a correspondente "bolachinha" e saber o estilo que o visitante havia configurado em anteriores acessos.
}else{
//se não tiver recebido o estilo que deseja o usuário na página, vejo se há uma cookie criada
if (isset($_COOKIE["estilo"])){
//é que tenho a cookie
$estilo = $_COOKIE["estilo"];
}
}
Para acessar à cookie fazemos com $_COOKIE["estilo"].
Em qualquer caso, salvamos o estilo em uma variável global ao script PHP $estilo, que vamos utilizar para criar o link com a folha de estilos CSS desejada.
if (isset($estilo)){
echo '<link rel="STYLESHEET" type="text/css" href="' . $estilo . '.css">';
}
Se houver um estilo definido em $estilo, pois fazemos a inclusão do mesmo com a correspondente etiqueta HTML.
É muito simples o exemplo, como se pode ver. Só resta mostrar o código PHP completo:
<?
//Vejo se recebo dados do formulário
if(isset($_POST["estilo"])){
//é que estou recebendo um estilo novo, tenho que colocá-lo nas cookies
$estilo = $_POST["estilo"];
//coloco o estilo em uma cookie
setcookie("estilo", $estilo, time() + (60 * 60 * 24 * 90));
}else{
//se não recebi o estilo que deseja o usuário na página, vejo se há uma cookie criada
if (isset($_COOKIE["estilo"])){
//é que tenho a cookie
$estilo = $_COOKIE["estilo"];
}
}
?>
<html>
<head>
<title>Cookies em PHP</title>
<?
//vejo se tive um estilo definido, porque então tenho que carregar a correspondente folha de estilos
if (isset($estilo)){
echo '<link rel="STYLESHEET" type="text/css" href="' . $estilo . '.css">';
}
?>
</head>
<body>
Exemplo de uso de cookies em PHP para armazenar a folha de estilos css que queremos utilizar para definir o aspecto da página.
<p>
<form action="taller-cookies-php.php" method="post">
Aqui você poderá selecionar o estilo que preferir na página:
<br>
<select name="estilo">
<option value="verde">Verde
<option value="rosa">Rosa
<option value="preto">Preto
</select>
<input type="submit" value="Atualizar o estilo">
</form>
</body>
</html>
Fazemos uma página PHP onde o usuário pode escolher o estilo e o salvamos em uma cookie para memorizá-lo nos seguintes acessos.
Por Miguel Angel Alvarez - Tradução de JML
Apresentamos um workshop de PHP e cookies no qual vamos ilustrar com um exemplo o uso de Cookies em PHP. É um exemplo simples, porque PHP proporciona umas ferramentas para o controle de cookies muito simples de usar.
Neste workshop criaremos uma página que pode se configurar com distintos estilos CSS. O usuário é quem decide que aspecto deseja que tenha a página, por meio de um formulário. Logo, a página é capaz de lembrar, entre os distintos acessos que realize o usuário, o aspecto que havia escolhido para mostrar a web.
Antes de começar, vamos relembrar algumas coisas das cookies em PHP. As cookies são pequenas informações de texto que se podem armazenar no navegador do visitante, sempre que este tiver configurado o browser para aceitá-las. As cookies, portanto, só podem armazenar caracteres, porém ainda assim são de vital importância para lembrar estados, ou variáveis de uma visita a outra do usuário.
Se quisermos saber conceitualmente mais sobre as cookies temos um artigo específico para aprender: O que são as cookies
Se tivermos lido os artigos anteriores ou já soubermos algo sobre cookies e PHP não teremos problema em entender este workshop. Podemos então passar diretamente a ver o exemplo que vamos criar neste exercício de PHP. Porém antes, deixamos o link para que se possa ver em funcionamento e assim ter mais claro qual é o objetivo buscado.
O formulário HTML para selecionar o estilo:
<form action="taller-cookies-php.php" method="post">
Aqui você poderá selecionar o estilo que preferir na página:
<br>
<select name="estilo">
<option value="verde">Verde
<option value="rosa">Rosa
<option value="preto">Preto
</select>
<input type="submit" value="Atualizar o estilo">
</form>
É um formulário simples, com um select para escolher entre os distintos estilos css disponíveis para a página.
Receber o formulário e criar a cookie:
Se recebermos um valor do formulário teríamos que criar uma cookie para lembrar que estilo deseja o usuário para visualizar a página.
//Vejo se recebo dados do formulario
if(isset($_POST["estilo"])){
//é que estou recebendo um estilo novo, tenho que colocá-los nas cookies
$estilo = $_POST["estilo"];
//coloco o estilo em uma cookie
setcookie("estilo", $estilo, time() + (60 * 60 * 24 * 90));
}
Neste exemplo, salvaremos a cookie com o nome "estilo" e com o valor captado do formulário. Ainda assim, há que destacar que configuramos a cookie para que permaneça no computador do usuário por 90 dias.
Agora, se a página não tiver recebido por post o estilo com o que se deve mostrar, teremos que acessar ao array $_COOKIE para ver se está criada a correspondente "bolachinha" e saber o estilo que o visitante havia configurado em anteriores acessos.
}else{
//se não tiver recebido o estilo que deseja o usuário na página, vejo se há uma cookie criada
if (isset($_COOKIE["estilo"])){
//é que tenho a cookie
$estilo = $_COOKIE["estilo"];
}
}
Para acessar à cookie fazemos com $_COOKIE["estilo"].
Em qualquer caso, salvamos o estilo em uma variável global ao script PHP $estilo, que vamos utilizar para criar o link com a folha de estilos CSS desejada.
if (isset($estilo)){
echo '<link rel="STYLESHEET" type="text/css" href="' . $estilo . '.css">';
}
Se houver um estilo definido em $estilo, pois fazemos a inclusão do mesmo com a correspondente etiqueta HTML.
É muito simples o exemplo, como se pode ver. Só resta mostrar o código PHP completo:
<?
//Vejo se recebo dados do formulário
if(isset($_POST["estilo"])){
//é que estou recebendo um estilo novo, tenho que colocá-lo nas cookies
$estilo = $_POST["estilo"];
//coloco o estilo em uma cookie
setcookie("estilo", $estilo, time() + (60 * 60 * 24 * 90));
}else{
//se não recebi o estilo que deseja o usuário na página, vejo se há uma cookie criada
if (isset($_COOKIE["estilo"])){
//é que tenho a cookie
$estilo = $_COOKIE["estilo"];
}
}
?>
<html>
<head>
<title>Cookies em PHP</title>
<?
//vejo se tive um estilo definido, porque então tenho que carregar a correspondente folha de estilos
if (isset($estilo)){
echo '<link rel="STYLESHEET" type="text/css" href="' . $estilo . '.css">';
}
?>
</head>
<body>
Exemplo de uso de cookies em PHP para armazenar a folha de estilos css que queremos utilizar para definir o aspecto da página.
<p>
<form action="taller-cookies-php.php" method="post">
Aqui você poderá selecionar o estilo que preferir na página:
<br>
<select name="estilo">
<option value="verde">Verde
<option value="rosa">Rosa
<option value="preto">Preto
</select>
<input type="submit" value="Atualizar o estilo">
</form>
</body>
</html>