[RESOLVED] Dynamic Page Variable

n3rd

I was wondering if I can set a dynamic variable per page that declares the color the the current page in the menu to be a specific color seperate from the rest. If not maybe another way to do so, I was thinking CSS but thats messy.

bpat1434

CSS isn't messy 🙁

Actually, CSS would be the way to go here, but I'd say you do something like:

<?php
/** So we know it's a CSS document **/
header('Content-type: text/css');
?>
.some {
  declarations: here;
  for-whatever: colors or styles;
  you: choose;
}

.menu {
  /** And this will give you your random color from black to white **/
  color: rgb(<?php echo rand(0,255).','.rand(0,255).','.rand(0,255); ?>);
}

That would be the easiest way.....

Of course in your document you could use an inline stylesheet to declare it which would override the imported or remote stylesheet as well. Same tactic to generate the random color though 🙂

cahva

I dont think n3rd meant it like that. I think he just needs a menu that changes the background color of chosen page which is dynamic like ?page=something.

Heres quite simple example how to manage that.. And yes, CSS is the way to go 🙂

<?php
function
navi($page) {
	if (empty($page)) $page = 1;
	$pages = array( 1=>'PAGE 1',
					2=>'PAGE 2',
					3=>'PAGE 3',
					4=>'PAGE 4');

$tmp='<ul>';
foreach($pages as $k=>$v) {
	if ($k==$page) $sel = ' class="selected"'; else $sel = '';
	$tmp .= '<li'.$sel.'><a href="?page='.$k.'">'.$v.'</a></li>'."\n";
}
$tmp .='</ul>';
return($tmp);
}
?>
<html>
<head>
<title>Blaablaa</title>
<style type="text/css">
<!--
*{margin:0; padding:0;}

#navigation{
background:#578bb8;
color:#ffffff;
}

#navigation li{
list-style-type:none;
border-right:1px solid #ffffff;
white-space:nowrap;
}

#navigation li a{
display:block;
padding:0 10px;
text-decoration:none;
background-color:inherit;
color: #ffffff;
}

#navigation .selected,#navigation a:hover{
background:#80b0da;
color:#ffffff;
text-decoration:none;
}
-->
</style>
</head>
<body>
<div id="navigation">
<?php echo navi($_GET['page']); ?>
</div>

</body>
</html>

Try that. You get the idea.

n3rd

i was trying to avoid inline but that seems to be the quickest way out. just not very compliant. thanks for the input, greatly appreciated both responses. 🙂

bpat1434

just not very compliant

Not very compliant with what? It's in all the (X)HTML specs. Compliant with your project? Then use a dynamic CSS stylesheet and go about it that way....

But oh well, glad you got your answer...

n3rd

having design mixed in the html code is improper technique. but it works, and its for a job and quickest and most efficient tends to over rule.