Jump to content

need help..anchor

scarezekiel

By scarezekiel
in HTML Help

 Share

Recommended Posts

scarezekiel Member

scarezekiel

Posted
Posted

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 :P

 

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>

 

post-131669-13482403363897_thumb.jpg

post-131669-13482403365123_thumb.jpg

Link to comment
Share on other sites
This thread is more than a year old. Please don't revive it unless you have something important to add.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
 Share
Go to topic listing
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.