need help..anchor

scarezekiel · April 2, 2012

Okay..when i click the slider i want it to anchor down to (Upcoming Events-same page as slider on the bottom)-see on photo 2, and the title event will change according to which photo i clicked on the slider.. o yea..im a newbie

this is the code for home


<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="jquery/jqFancyTransitions.1.8.min.js"></script>
<link rel="stylesheet" href="styles2.css" type="text/css" />







<div id="page" >

<div id="ftHolder">

    <div id="ft">
        
        <img src="slider/2.jpg" alt="CLINICAL WASTE CONFERENCE 2012" 
<i><a href='http://www.aep.com.my/index.php?view=event&content=tips&ttid=39'></a></i>
        <a href='#'></a>    

      
  <img src="slider/6.jpg" alt="HOW TO EFFECTIVELY OUTSOURCE FACILITIES MANAGEMENT SERVICES"
<i><a href='http://www.aep.com.my/index.php?view=event&content=tips&ttid=78'></a></i>
        <a href='#'></a>         

  <img src="slider/7.jpg" alt="BIOMASS CONFERENCE 2012"
<i><a href='http://www.aep.com.my/index.php?view=event&content=tips&ttid=80'></a></i>
        <a href='#'></a>      

  <img src="slider/8.jpg" alt="NICHE NURSING CONFERENCE 2012"
<i><a href='http://www.aep.com.my/index.php?view=event&content=tips&ttid=79'></a></i>
        <a href='#'></a>      

  <img src="slider/5.jpg" alt="INTERNATIONAL PUBLIC PRIVATE PARTNERSHIP (PPP) & INFRASTRUCTURE SUMMIT & EXHIBITION 2012"
<i><a href='http://www.aep.com.my/index.php?view=event&content=tips&ttid=81'></a></i>
        <a href='#'></a>      

  <img src="slider/9.jpg" alt="TECHNICAL & VOCATIONAL EDUCATION & TRAINING (TVET) CONFERENCE 2012"
<i><a href='http://www.aep.com.my/index.php?view=event&content=tips&ttid=82'></a></i>
        <a href='#'></a>      		
        
    </div>


</div>

</div>


<script>

    $('#ft').jqFancyTransitions({ navigation: false, links : true,width: 710,height: 280 });

</script>

<div id="shadow">
<img src="slider/slider.png" />
</div> 

    <div id="left-column">
     <div id="logo"> <span class="logotxt1"><span
style="color: rgb(144, 66, 84);"> 
<span
style="font-family: Matura MT Script Capitals;">W</span>elcome</span>
<span style="color: rgb(170, 78, 100);"><span
style="font-family: Matura MT Script Capitals;"></span></span>
<span style="color: rgb(212, 97, 125);"><span
style="color: rgb(188, 86, 111);"><span
style="font-family: Matura MT Script Capitals;"></span></span><span
style="color: rgb(221, 101, 130);"></span></span></span> <span
class="logotxt2"></span><br>
<table style="text-align: left; width: 430px; height: 92px;"
border="0" cellpadding="2" cellspacing="2">
  <tbody>
    <tr>
      <td></td>
      <td style="font-family: Arial; text-align: justify;"><font color='#000000' size='2' face='arial'  ><i>Established in 2003, <b>Asia
Executive Programs</b> develops and delivers business conferences
and corporate training programmes. Our business conferences are
conceptualised and developed through well-researched methodologies. We
run our own-brand of conferences that are topical and focus on latest
government policies and industry developments. Our business conferences
and corporate training programmes are channels for ideas, experiences
and best practices.</i></font></td>
      <td></td>
    </tr>
  </tbody>
</table>
</div>

    




    <div class="box">
<a name = "a"></a>
        <h1>Upcoming Events</h1>


        <? include ("page/home_upcoming_events.php"); ?>
      </div>
  
          </div>


    <div id="right-column" align="center" >
      <div id="main-image"><img class="shadow" src="images/logo.jpg"> </img></div>
<span style="font-family: Arial;" class="txt"><strong>Asia
Executive Programs Sdn. Bhd. <br>(623109-U)</strong></span><br
style="font-family: Arial;">
<span style="font-family: Arial;" class="txt">
Unit 18-3A,<br>
Menara 1MK, Kompleks 1 Mont’ Kiara<br>
No 1 Jalan Kiara, Mont’ Kiara,<br>
50480 Kuala Lumpur,<br>
Malaysia.<br>
Tel: 603-6211 7009<br>
        603-6211 9008 <br>
        603-6211 9002 <br>
Fax: 603-6211 9003<br>
Website:<a href="http://www.aep.com.my"> www.aep.com.my</a><br>
Email:<a href="mailto:info@aep.com.my"> info@aep.com.my</a><br><br>
</span>

      <div class="sidebar">
        <h3 align="right"><img src="images/gallery.jpg" />&nbsp&nbsp&nbsp</h3>
      <? include ("page/home_gallery.php"); ?>

      <br>
        

        



      </div>
    </div>

and this is code for the Upcoming event



<form name ="frmupcomingevents" method="post"  enctype="multipart/form-data" action="index.php?#a">


<link rel="stylesheet" href="jquery/tooltip/css/globaltip.css">


<script src="jquery/tooltip/js/jquery.js" type="text/javascript"></script>
<script src="jquery/tooltip/js/jtip.js" type="text/javascript"></script>





<title>fancyBox - Fancy jQuery Lightbox Alternative | Demonstration</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />


<!-- Add jQuery library -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>

<!-- Add mousewheel plugin (this is optional) -->
<script type="text/javascript" src="lib/jquery.mousewheel-3.0.6.pack.js"></script>

<!-- Add fancyBox main JS and CSS files -->
<script type="text/javascript" src="source/jquery.fancybox.js"></script>
<link rel="stylesheet" type="text/css" href="source/jquery.fancybox.css" media="screen" />

<!-- Add Button helper (this is optional) -->
<link rel="stylesheet" type="text/css" href="source/helpers/jquery.fancybox-buttons.css?v=2.0.3" />
<script type="text/javascript" src="source/helpers/jquery.fancybox-buttons.js?v=2.0.3"></script>

<!-- Add Thumbnail helper (this is optional) -->
<link rel="stylesheet" type="text/css" href="source/helpers/jquery.fancybox-thumbs.css?v=2.0.3" />
<script type="text/javascript" src="source/helpers/jquery.fancybox-thumbs.js?v=2.0.3"></script>


<script type="text/javascript">
	$(document).ready(function() {
		/*
			Simple image gallery. Use default settings
		*/

		$('.fancybox').fancybox();

		/*
			Different effects
		*/

		// Change title type, overlay opening speed and opacity
		$(".fancybox-effects-a").fancybox({
			helpers: {
				title : {
					type : 'outside'
				},
				overlay : {
					speedIn : 500,
					opacity : 0.95
				}
			}
		});

		// Disable opening and closing animations, change title type
		$(".fancybox-effects-b").fancybox({
			openEffect  : 'none',
			closeEffect	: 'none',

			helpers : {
				title : {
					type : 'over'
				}
			}
		});

		// Set custom style, close if clicked, change title type and overlay color
		$(".fancybox-effects-c").fancybox({
			wrapCSS    : 'fancybox-custom',
			closeClick : true,

			helpers : {
				title : {
					type : 'inside'
				},
				overlay : {
					css : {
						'background-color' : '#eee'	
					}
				}
			}
		});

		// Remove padding, set opening and closing animations, close if clicked and disable overlay
		$(".fancybox-effects-d").fancybox({
			padding: 0,

			openEffect : 'elastic',
			openSpeed  : 150,

			closeEffect : 'elastic',
			closeSpeed  : 150,

			closeClick : true,

			helpers : {
				overlay : null
			}
		});

		/*
			Button helper. Disable animations, hide close button, change title type and content
		*/

		$('.fancybox-buttons').fancybox({
			openEffect  : 'none',
			closeEffect : 'none',

			prevEffect : 'none',
			nextEffect : 'none',

			closeBtn  : false,

			helpers : {
				title : {
					type : 'inside'
				},
				buttons	: {}
			},

			afterLoad : function() {
				this.title = 'Image ' + (this.index + 1) + ' of ' + this.group.length + (this.title ? ' - ' + this.title : '');
			}
		});


		/*
			Thumbnail helper. Disable animations, hide close button, arrows and slide to next gallery item if clicked
		*/

		$('.fancybox-thumbs').fancybox({
			prevEffect : 'none',
			nextEffect : 'none',

			closeBtn  : false,
			arrows    : false,
			nextClick : true,

			helpers : { 
				thumbs : {
					width  : 50,
					height : 50
				}
			}
		});

	});
</script>
<style type="text/css">
	.fancybox-custom .fancybox-outer {
		box-shadow: 0 0 50px #222;
	}
</style>







<div id="contentPad">

<div align="left">

<select name="month" onchange="this.form.submit();">
<option <?php if ($_POST['month'] == 'All') print 'selected '; ?> value="All">All</option>
<option <?php if ($_POST['month'] == 'January') print 'selected '; ?> value="January">January</option>
<option <?php if ($_POST['month'] == 'February') print 'selected '; ?> value="February">February</option>
<option <?php if ($_POST['month'] == 'March') print 'selected '; ?> value="March">March</option>
<option <?php if ($_POST['month'] == 'April') print 'selected '; ?> value="April">April</option>
<option <?php if ($_POST['month'] == 'May') print 'selected '; ?> value="May">May</option>
<option <?php if ($_POST['month'] == 'June') print 'selected '; ?> value="June">June</option>
<option <?php if ($_POST['month'] == 'July') print 'selected '; ?> value="July">July</option>
<option <?php if ($_POST['month'] == 'August') print 'selected '; ?> value="August">August</option>
<option <?php if ($_POST['month'] == 'September') print 'selected '; ?> value="September">September</option>
<option <?php if ($_POST['month'] == 'October') print 'selected '; ?> value="October">October</option>
<option <?php if ($_POST['month'] == 'November') print 'selected '; ?> value="November">November</option>
<option <?php if ($_POST['month'] == 'December') print 'selected '; ?> value="December">December</option>


</select> 


</div>
<br>

<?

$monthname=$_POST['month'];





if (isset($_GET['np'])){
   $num_pages=$_GET['np'];
} else {
if($searchtype == 'yes')

if ($monthname=="All" || $monthname=="")
{
	$query = "SELECT count(*) 
	FROM master_event 
	LEFT JOIN master_type ON master_type.type_id = master_event.type_id 
	where isupcomingevent = 1 
	order by event_datefrom desc";
}else
{
	$query = "SELECT count(*) 
	FROM master_event 
	LEFT JOIN master_type ON master_type.type_id = master_event.type_id 
	where isupcomingevent = 1 
	AND MONTHNAME(event_datefrom) = '$monthname'
	order by event_datefrom desc";
}


else
if ($monthname=="All" || $monthname=="")
{
	$query = "Select count(*) 
	FROM master_event 
	LEFT JOIN master_type ON master_type.type_id = master_event.type_id  
	where isupcomingevent = 1 
	order by event_datefrom desc";
}else
{
$query = "Select count(*) 
	FROM master_event 
	LEFT JOIN master_type ON master_type.type_id = master_event.type_id  
	where isupcomingevent = 1 
	AND MONTHNAME(event_datefrom) = '$monthname'
	order by event_datefrom desc";
}



   $result=mysql_query($query);
   $row=mysql_fetch_array($result, MYSQL_NUM);
   $num_records=$row[0];
   if ($num_records > $displayhome){
      $num_pages=ceil($num_records/$displayhome);
   } else {
      $num_pages=1;
   }
}
if (isset($_GET['s'])){
   $start=$_GET['s'];
} else {
   $start=0;
}


if ($monthname=="All" || $monthname=="")
{
	$query = "SELECT master_event.*,master_type.type_name, DATE_FORMAT(event_datefrom, '%d %b %y') as datefrom,
	DATE_FORMAT(event_dateto, '%d %b %y') as dateto, event_venue, (event_name) as eventname
	FROM master_event 
	LEFT JOIN master_type ON master_type.type_id = master_event.type_id 
	where isupcomingevent = 1 
	order by event_datefrom asc LIMIT $start, $displayhome";
}else
{
$query = "SELECT master_event.*,master_type.type_name, DATE_FORMAT(event_datefrom, '%d %b %y') as datefrom,
	DATE_FORMAT(event_dateto, '%d %b %y') as dateto, event_venue, (event_name) as eventname
	FROM master_event 
	LEFT JOIN master_type ON master_type.type_id = master_event.type_id 
	where isupcomingevent = 1 
	AND MONTHNAME(event_datefrom) = '$monthname'
	order by event_datefrom asc LIMIT $start, $displayhome";
}




$result = mysql_query($query);
$bg='#e5e5e5';


while($row = mysql_fetch_array($result)){
$eventid = $row['event_id'];  
   	$eventname = str_replace("", "", $row['eventname']);
$eventdatefrom = $row['datefrom'];
$eventdateto = $row['dateto'];
$event_venue = $row['event_venue'];
$event_desc = $row['event_desc'];
$speakerlist = $row['speakerlist'];


$showline1 = "";
$showpros ="";
$showline2 = "";
$showreg ="";
$showline3 = "";
$showps ="";
$showline4 = "";
$showtestimonial ="";
$showline5 = "";
$showsp ="";
$showline6 = "";
$showsl ="";


if ($eventdatefrom ==$eventdateto) { 
$eventdate = $eventdatefrom;
}
else {
$eventdate = $eventdatefrom . " - " .  $eventdateto;
}


$querypros="select count(*) as proscount from master_prospectus where event_id ='$eventid' ";
$resultpros = mysql_query($querypros);
while($rowpros = mysql_fetch_array($resultpros)){
$proscount = $rowpros['proscount'];
if ($proscount > 0) {
$showline1 = "|";
$showpros ="Request Brochure";
}
}

$queryreg="select (CASE WHEN event_dateto >= NOW() THEN 'valid' ELSE 'invalid' END) AS validreg 
from master_event where event_id ='$eventid' ";
$resultreg = mysql_query($queryreg);
while($rowreg = mysql_fetch_array($resultreg)){
$validreg = $rowreg['validreg'];
if ($validreg == "valid") {
$showline2 = "|";
$showreg ="Online Registration";
}
}

$queryps="select count(*) as pscount from master_psevent where event_id ='$eventid' ";
$resultps = mysql_query($queryps);
while($rowps = mysql_fetch_array($resultps)){
$pscount = $rowps['pscount'];
if ($pscount > 0) {
$showline3 = "|";
$showps ="Partner & Sponsor";
}
}

$querytesm="select count(*) as tesmcount from master_testimonial where event_id ='$eventid' ";
$resulttesm = mysql_query($querytesm);
while($rowtesm = mysql_fetch_array($resulttesm)){
$tesmcount = $rowtesm['tesmcount'];
if ($tesmcount > 0) {
$showline4 = "|";
$showtestimonial ="Testimonial";
}
}

$querysp="select count(*) as spcount from master_speakernote where event_id ='$eventid' ";
$resultsp = mysql_query($querysp);
while($rowsp = mysql_fetch_array($resultsp)){
$spcount = $rowsp['spcount'];
if ($spcount > 0) {
$showline5 = "|";
$showsp ="Speaker Notes";
}
}

if ($speakerlist <> '') {
$showline6 = "|";
$showsl ="Speaker List";
}




echo "<tr><p style=\"font-size:small;\">

<td width='' ><img src='images/search.png' alt='tooltips' ></img>&nbsp<a href='index.php?view=event&content=tips&ttid=$eventid' title ='$eventname' class=\"fancybox fancybox.iframe\"  style=\"color:#104E8B;text-decoration: none; \" ><strong><font size='2' face='Segoe UI'  >$eventname</font></strong></a><br> <font color='#000000' size='2' face='arial'  >Date : $eventdate <br> Venue : $event_venue<br></font>

<table style=\"text-align: left; width: 400px; height: 92px;\"
border=\"0\" cellpadding=\"2\" cellspacing=\"2\">
  <tbody>
    <tr>
      <td></td>
      <td style=\"text-align: justify; color: #000000;\">

<font color='#000000' size='2' face='arial'  > $event_desc</font></td>
      <td></td>
    </tr>
  </tbody>
</table>



<font color='#919191' size='1' face='arial'  ><b>
<a href='index.php?view=prospectus&regrq=$eventid' title ='Request Brochure...'  >$showpros</a> <b>$showline1</b> 
<a href='index.php?view=registration&regrq=$eventid' title ='Online Registration...'   > $showreg </a> <b>$showline2</b> 
<a href='index.php?view=event&content=psevent&ttid=$eventid' title ='Sponsor & Partner...' class='fancybox fancybox.iframe'   >$showps</a> <b>$showline3</b> 
<a href='index.php?view=event&content=tesm&ttid=$eventid' title ='Testimonial...' class='fancybox fancybox.iframe'   >$showtestimonial</a> <b>$showline4</b>
<a href='index.php?view=spl&splid=$eventid' > $showsp</a><b>$showline5</b> 
<a href='index.php?view=event&content=speaker&ttid=$eventid'  title ='$eventname' class='fancybox fancybox.iframe' > $showsl</a></font><br><br></td>
</p></tr></b></font>
";
}

if ($eventid=="")
{
echo "No Records Found.";

}






echo "<td><p style=\"font-size:1;\">";
echo "<br>";
	 if ($num_pages > 1) {
		$current_page = ($start/$displayhome) + 1;
        if ($current_page != 1) {
	       echo '<a href="index.php?view=home&content=list&s=' . ($start - $displayhome) . '&np=' . $num_pages . '#a" class="style1" style="color:#4F94CD;text-decoration: none;">Previous</a> ';}
        for ($i = 1; $i <= $num_pages; $i++) {
	       if ($i != $current_page) {
		      echo '<a href="index.php?view=home&content=list&s=' . (($displayhome * ($i - 1))) . '&np=' . $num_pages . '#a" class="style1" style="color:#4F94CD;text-decoration: none;">' . $i . '</a> ';
	       } else {
		      echo '<font face="arial" size="2">';
		      echo $i . '</font> ';}
        }
        if ($current_page != $num_pages) {
	       echo '<a href="index.php?view=home&content=list&s=' . ($start + $displayhome) . '&np=' . $num_pages . '#a" class="style1" style="color:#4F94CD;text-decoration: none;">Next</a>';}
     }
echo "</p></td>";
?>
</tr>
</div>

</form>

Muddy_Funster · April 2, 2012

this is actualy an HTML question - here have a look at this: http://www.hyperlinkcode.com/bookmark.php

Sign In

need help..anchor

Recommended Posts

scarezekiel

Link to comment

Share on other sites

Muddy_Funster

Link to comment

Share on other sites

Join the conversation

Browse

Activity

Important Information