keeping links current

origin

i've been trying to find a post in this forum that deals with keeping links current. my site http://www.melliart.com has several portfolio pages each with multiple thumbnails. my dream is to some day figure out how to get the current thumbnail page and current thumbnail highlighted. if anyone could help me find a post that could help me figure it out i'd appreciate it. i'm so new to php that i don't even really know what to search for. my only experience with php is Gallery

thanks in advance.

chads2k2

Origin, your over thinking it. You created it with CSS as it's looking like. Now, how you did your hovers and whatnot is what you need to do. What you can do is overpower the link. Something like :

// Code that does all your work 
// This next line is if register_globals is set.  I think.  Hmmmm... maybe not.
if($id == $id_from_db)
{
   echo "<a href='link.php' style='border:1px solid #pink color;'>(Display the thumbnail)</a>";
}else{
   echo "<a href='link.php'>(Display the thumbnail)</a>";
}
// more code ....

That is just for demo purposes. I am assuming that your data is coming from a database or text file. Either way you are giving each their own id is what is making me believe you have it all databased. Look at the id from the database and if equals the id that is in the address bar then it will override the style sheet and put in the custom style on the link itself.

Chad

origin

chads2k2,

you are correct. it is css. however, there is no database. here is how it is constructed.

the html:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Melanie Larson : Fine Artist : Chicago, IL USA</title>
<link href="css/master.css" rel="stylesheet" type="text/css">
</head>
<body id="home">
<div id="wrapper">
  <div id="header">
    <div class="hidden"><a href="http://www.melliart.com/">
      <h1>melliart.com</h1>
      </a></div>
    <div id="menu">
      <?php include("includes/menu.inc"); ?>
    </div>
  </div>
  <div id="archive">
    [B]<?php include("includes/thumbs.inc"); ?>[/B]
    <div id="navigation">
     <?php include("includes/art_nav.inc"); ?>
    </div>
  </div>
  <div id="sample">
    [B]<?php include("includes/switcher.inc"); ?>[/B]
  </div>
</div>
</body>
</html>

thumbs.inc

<?PHP

$id = $HTTP_GET_VARS['page']; 

 switch($id) 
 { 

case 'art_01':
 include "art_thumbs_01.inc";
 break;
case 'art_02':
 include "art_thumbs_02.inc";
 break;
case 'art_03':
 include "art_thumbs_03.inc";
 break;
case 'art_04':
 include "art_thumbs_04.inc";
 break;
case 'art_05':
 include "art_thumbs_05.inc";
 break;
case 'art_06':
 include "art_thumbs_06.inc";
 break;
case 'art_07':
 include "art_thumbs_07.inc";
 break;
default:
 require "art_thumbs_01.inc";
 break;
}
?>

switcher.inc

<?PHP

$id = $HTTP_GET_VARS['id'];

switch($id)
{ 
case "082":
 include "gallery/art/082.php";
 break;
case "081":
 include "gallery/art/081.php";
 break;
case "080":
 include "gallery/art/080.php";
 break;
case "079":
 include "gallery/art/079.php";
 break;
case "078":
 include "gallery/art/078.php";
 break;
case "077":
 include "gallery/art/077.php";
 break;
case "076":
 include "gallery/art/076.php";
 break;
case "075":
 include "gallery/art/075.php";
 break;
case "074":
 include "gallery/art/074.php";
 break;
case "073":
 include "gallery/art/073.php";
 break;
case "072":
 include "gallery/art/072.php";
 break;
case "071":
 include "gallery/art/071.php";
 break;
case "070":
 include "gallery/art/070.php";
 break;
 case "069":
 include "gallery/art/069.php";
 break;
case "068":
 include "gallery/art/068.php";
 break;
case "067":
 include "gallery/art/067.php";
 break;
case "066":
 include "gallery/art/066.php";
 break;
case "065":
 include "gallery/art/065.php";
 break;
case "064":
 include "gallery/art/064.php";
 break;
case "063":
 include "gallery/art/063.php";
 break;
case "062":
 include "gallery/art/062.php";
 break;
case "061":
 include "gallery/art/061.php";
 break;
case "060":
 include "gallery/art/060.php";
 break;
case "059":
 include "gallery/art/059.php";
 break;
case "059":
 include "gallery/art/059.php";
 break;
case "058":
 include "gallery/art/058.php";
 break;
case "057":
 include "gallery/art/057.php";
 break;
case "056":
 include "gallery/art/056.php";
 break;
case "055":
 include "gallery/art/055.php";
 break;
case "054":
 include "gallery/art/054.php";
 break;
case "053":
 include "gallery/art/053.php";
 break;
case "052":
 include "gallery/art/052.php";
 break;
case "051":
 include "gallery/art/051.php";
 break;
case "050":
 include "gallery/art/050.php";
 break;
case "049":
 include "gallery/art/049.php";
 break;
case "048":
 include "gallery/art/048.php";
 break;
case "047":
 include "gallery/art/047.php";
 break;
case "046":
 include "gallery/art/046.php";
 break;
case "045":
 include "gallery/art/045.php";
 break;
case "044":
 include "gallery/art/044.php";
 break;
case "043":
 include "gallery/art/043.php";
 break;
case "042":
 include "gallery/art/042.php";
 break;
case "041":
 include "gallery/art/041.php";
 break;
case "040":
 include "gallery/art/040.php";
 break;
case "039":
 include "gallery/art/039.php";
 break;
case "038":
 include "gallery/art/038.php";
 break;
case "037":
 include "gallery/art/037.php";
 break;
case "036":
 include "gallery/art/036.php";
 break;
case "035":
 include "gallery/art/035.php";
 break;
case "034":
 include "gallery/art/034.php";
 break;
case "033":
 include "gallery/art/033.php";
 break;
case "032":
 include "gallery/art/032.php";
 break;
case "031":
 include "gallery/art/031.php";
 break;
case "030":
 include "gallery/art/030.php";
 break;
case "029":
 include "gallery/art/029.php";
 break;
case "028":
 include "gallery/art/028.php";
 break;
case "027":
 include "gallery/art/027.php";
 break;
case "026":
 include "gallery/art/026.php";
 break;
case "025":
 include "gallery/art/025.php";
 break;
case "024":
 include "gallery/art/024.php";
 break;
case "023":
 include "gallery/art/023.php";
 break;
case "022":
 include "gallery/art/022.php";
 break;
case "021":
 include "gallery/art/021.php";
 break;
case "020":
 include "gallery/art/020.php";
 break;
case "019":
 include "gallery/art/019.php";
 break;
case "018":
 include "gallery/art/018.php";
 break;
case "017":
 include "gallery/art/017.php";
 break;
case "016":
 include "gallery/art/016.php";
 break;
case "015":
 include "gallery/art/015.php";
 break;
case "014":
 include "gallery/art/014.php";
 break;
case "013":
 include "gallery/art/013.php";
 break;
case "012":
 include "gallery/art/012.php";
 break;
case "011":
 include "gallery/art/011.php";
 break;
case "010":
 include "gallery/art/010.php";
 break;
case "009":
 include "gallery/art/009.php";
 break;
case "008":
 include "gallery/art/008.php";
 break;
case "007":
 include "gallery/art/007.php";
 break;
case "006":
 include "gallery/art/006.php";
 break;
case "005":
 include "gallery/art/005.php";
 break;
case "004":
 include "gallery/art/004.php";
 break;
case "003":
 include "gallery/art/003.php";
 break;
case "002":
 include "gallery/art/002.php";
 break;
case "001":
 include "gallery/art/001.php";
 break;
default:
 require "gallery/art/081.php";
  break;
}


// DO NOT EDIT BELOW THIS LINE

$display = "$fact";
echo ($display);

?>

and then art_thumbs_01.inc

<a href="index.php?page=art_01&id=081"><img src="images/portfolio/tn/art/tn_081.jpg" width="50" height="50" border="0" class="thumb"></a><a href="index.php?page=art_01&id=080"><img src="images/portfolio/tn/art/tn_080.jpg" width="50" height="50" border="0" class="thumb"></a><a href="index.php?page=art_01&id=079"><img src="images/portfolio/tn/art/tn_079.jpg" width="50" height="50" border="0" class="thumb"></a><a href="index.php?page=art_01&id=078"><img src="images/portfolio/tn/art/tn_078.jpg" width="50" height="50" border="0" class="thumb"></a><a href="index.php?page=art_01&id=077"><img src="images/portfolio/tn/art/tn_077.jpg" width="50" height="50" border="0" class="thumb"></a><a href="index.php?page=art_01&id=076"><img src="images/portfolio/tn/art/tn_076.jpg" width="50" height="50" border="0" class="thumb"></a><a href="index.php?page=art_01&id=075"><img src="images/portfolio/tn/art/tn_075.jpg" width="50" height="50" border="0" class="thumb"></a><a href="index.php?page=art_01&id=074"><img src="images/portfolio/tn/art/tn_074.jpg" width="50" height="50" border="0" class="thumb"></a><a href="index.php?page=art_01&id=073"><img src="images/portfolio/tn/art/tn_073.jpg" width="50" height="50" border="0" class="thumb"></a><a href="index.php?page=art_01&id=072"><img src="images/portfolio/tn/art/tn_072.jpg" width="50" height="50" border="0" class="thumb"></a><a href="index.php?page=art_01&id=071"><img src="images/portfolio/tn/art/tn_071.jpg" width="50" height="50" border="0" class="thumb"></a><br class="clearboth">

chads2k2

Wow, that's a lot of work.

Well I have an idea but need to see if it works first. Try putting this in as art_thumbs_01.inc

<a href="index.php?page=art_01&id=081"><img src="images/portfolio/tn/art/tn_081.jpg" width="50" height="50" border="0" class="<?php if($HTTP_GET_VARS['id'] == '081'){ echo "constant" }else{ echo "thumb"; }?>"></a>
<a href="index.php?page=art_01&id=080"><img src="images/portfolio/tn/art/tn_080.jpg" width="50" height="50" border="0" class="<?php if($HTTP_GET_VARS['id'] == '080'){ echo "constant" }else{ echo "thumb"; }?>"></a>
<a href="index.php?page=art_01&id=079"><img src="images/portfolio/tn/art/tn_079.jpg" width="50" height="50" border="0" class="thumb"></a>
<a href="index.php?page=art_01&id=078"><img src="images/portfolio/tn/art/tn_078.jpg" width="50" height="50" border="0" class="thumb"></a>
<a href="index.php?page=art_01&id=077"><img src="images/portfolio/tn/art/tn_077.jpg" width="50" height="50" border="0" class="thumb"></a>
<a href="index.php?page=art_01&id=076"><img src="images/portfolio/tn/art/tn_076.jpg" width="50" height="50" border="0" class="thumb"></a>
<a href="index.php?page=art_01&id=075"><img src="images/portfolio/tn/art/tn_075.jpg" width="50" height="50" border="0" class="thumb"></a>
<a href="index.php?page=art_01&id=074"><img src="images/portfolio/tn/art/tn_074.jpg" width="50" height="50" border="0" class="thumb"></a>
<a href="index.php?page=art_01&id=073"><img src="images/portfolio/tn/art/tn_073.jpg" width="50" height="50" border="0" class="thumb"></a>
<a href="index.php?page=art_01&id=072"><img src="images/portfolio/tn/art/tn_072.jpg" width="50" height="50" border="0" class="thumb"></a>
<a href="index.php?page=art_01&id=071"><img src="images/portfolio/tn/art/tn_071.jpg" width="50" height="50" border="0" class="thumb"></a>
<br class="clearboth">

What this SHOULD do is check to see if the ID is equal to the link. If so then it pulls the class constant. In your CSS file make a class named constant and do a solid border. I will be gone this weekend so send me a PM to let me know if that works.

Chad