navigatie includen

Status
Niet open voor verdere reacties.

Frenske123

Terugkerende gebruiker
Lid geworden
2 jul 2007
Berichten
1.267
Hallo,


Ik include een hele navigatierij in mijn pagina en footer, header enz...

Makkelijk in een keer alles aan te passen,,,dacht ik tenminste,
in de navigatie rij heeft de **button van de betreffende pagina een ander uiterlijk/class
in onderstaanrstaande is dit Programma (class navText, de anderen navTexta)
dus zou ik nog voor elke pagina ( het zijn er meer als in voorbeeld)
de gehele navigatierij toch nog moeten aanpassen voor elke pagina, als ik deze wil wijzigen

Mischien iemand een oplossing..;)






voorbeeldje:


<tabel>
<tr>
<td width="110" valign="top" ><a href="nl/over_ons.html" class="navText">&nbsp;Over ons</a></td>
</tr>
<tr>
<td width="110"><a href="nl/programma.html" class="navTexta">&nbsp;<span class="stijl4">Programma</span></a></td>
</tr>
<tr>
<td width="110"><a href="nl/regels.html" class="navText">&nbsp;HuisRegels</a></td>
</tr>
<tr>
</tabel>
 
misschien kan je wat met een functie doen...

PHP:
<?php
function Nav($page, $class, $class2, $text)
{
  echo '<tr>';
  echo '<td width="110"><a href="nl/"'.$page.'"" class="'.$class.'">&nbsp;<span class="'.$class2.'">'.$text.'</span></a></td>';
  echo '</tr>';
}
?>

dan roep je het zo aan:
PHP:
<table>
  <?php Nav('programma.html', 'NavText', 'stijl4', 'Programma'); ?>
</table>

ik heb de functie niet getest, het is snel gemaakt dus ik hoop dat het goed werkt.
 
Laatst bewerkt:
Hallo comupdoc

bedankt voor je reactie:)

maar wil nog niet bepaald lukken , de stijl komt er niet helemaal in
maar mischien ligt dat aan mij;


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>test</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="home1.css" type="text/css" />
</head>
<?php
function Nav($page, $navText, $navTexta, $text)
{
echo '<tr>';
echo '<td width="110"><a href="nl/"'.$page.'"" class="'.$class.'">&nbsp;<span class="'.$class2.'">'.$text.'</span></a></td>';
echo '</tr>';
}
?>
<body >
<table width="814" border="2" align="center" class="tabelrondom">
<tr>
<th bgcolor="#000000" scope="row"><?php include("header.html"); ?>
<table width="100%" align="center" cellpadding="0" cellspacing="0" >

<?php Nav('programma.html', 'NavTexta', 'stijl4', 'Programma'); ?>
</table>
</th>
</tr>
</table>
<?php include("footer_text.txt"); ?>
</body>
</html>
*************************************************************************

css:(deze staat hier nu even appart).


.navText {
font:11px "Comic Sans MS";
letter-spacing:.1em;
text-decoration: none;
}

.navTexta {
font:11px "Georgia", "Times New Roman", "Times, serif";
text-align: left;
color: #1F2669;
line-height:16px;
letter-spacing:.1em;
text-decoration: none;
background-image: url(afb/test.png);
background-repeat: no-repeat;
text-align: left;
}

.stijl4 {color: #FF0000}
 
zo moet het werken:

PHP:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>

  <style type="text/css">
    .navText {
	font:11px "Comic Sans MS";
	letter-spacing:.1em;
	text-decoration: none;
	}
	
	.navTexta {
	font:11px "Georgia", "Times New Roman", "Times, serif";
	text-align: left;
	color: #1F2669;
	line-height:16px;
	letter-spacing:.1em;
	text-decoration: none; 
	background-image: url(afb/test.png);
	background-repeat: no-repeat;
	text-align: left;
	} 
	
	.stijl4 {color: #FF0000}
  </style>

</head>

<body>
<?php 
// functie voor weergeven
function Nav($page, $class, $class2, $text) 
{ 
echo '<tr>'; 
echo '<td width="110"><a href="nl/"'.$page.'"" class="'.$class.'">&nbsp;<span class="'.$class2.'">'.$text.'</span></a></td>'; 
echo '</tr>'; 
}
?>

<table width="814" border="2" align="center" class="tabelrondom">
  <tr>
    <th bgcolor="#000000" scope="row">
	  <?php include("header.html"); ?>

	  <table width="100%" align="center" cellpadding="0" cellspacing="0" >
		<?php Nav('programma.html', 'NavTexta', 'stijl4', 'Programma'); ?> 
	  </table> 
	
    </th>
  </tr>
</table>
<?php include('footer_text.txt'); ?>
</body>
</html>

en ik neem aan dat je nog nooit met functies hebt gewerkt...
want anders had je de fout zelf wel gezien denk ik.

je hebt
functie ($var, $var2, $var3, etc.)
{
// als je bij functie (..........) $var veranderd in $vAr moet je dat ook tussen { } doen.
}

laat maar even weten als het niet lukt

toevoeging:
als je meerdere van deze 'navigatie linkjes' wilt hebben dan kan je het best werken met een for lus en een array.
 
Laatst bewerkt:
juist ik heb nog niet zoveel ervaring (redelijk)

in de loop van de dag zal ik er weer naar kijken , moet nu weg.


bedankt!!!:thumb:
 
Bedankt:thumb:

alleen het werkt niet bij mij , ik zie de linkkleur niet veranderen en achtergrondafbeelding is er ook niet.

Verder hoe moet ik dit nou gaan toepassen , als ik de tabel met linken makkelijk wil aanpassen , dit is mij niet helemaal duidelijk. ( heb een beetje PHP ervaring).:)
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan