Add gadgets to my website

Asked By 0 points N/A Posted on -
qa-featured

Hey Buddy,

I wish to add calendar and digital clock to my website to make my website looks nice but I don't know where to find a codes that will let me have those gadgets to my website.

Please help me.

Give me some codes in any web language that is working.

Thanks

SHARE
Answered By 0 points N/A #195471

Add gadgets to my website

qa-featured

Thanks for good questions. I'll do my better solution.

Calendar Code: I've provide a calendar code that written in PHP language. Just create a file with PHP extension (say, calendar.php) then paste the below code.
 
<?php
function generate_calendar($year, $month, $days = array(), $day_name_length = 3, $month_href = NULL, $first_day = 0, $prenext = array()){
$first_of_month = gmmktime(0,0,0,$month,1,$year);
$day_names = array(); #generate all the day names according to the current locale
for($n=0,$t=(3+$first_day)*86400; $n<7; $n++,$t+=86400) #January 4, 1970 was a Sunday
$day_names[$n] = ucfirst(gmstrftime('%A',$t)); #%A means full textual day name
 
list($month, $year, $month_name, $weekday) = explode(',',gmstrftime('%m,%Y,%B,%w',$first_of_month));
$weekday = ($weekday + 7 – $first_day) % 7; #adjust for $first_day
$title   = htmlentities(ucfirst($month_name)).'&nbsp;'.$year;  #note that some locales don't capitalize month and day names
@list($p, $pl) = each($prenext); @list($n, $nl) = each($prenext); #previous and next links, if applicable
if($p) $p = '<span class="calendar-prev">'.($pl ? '<a href="'.htmlspecialchars($pl).'">'.$p.'</a>' : $p).'</span>&nbsp;';
if($n) $n = '&nbsp;<span class="calendar-next">'.($nl ? '<a href="'.htmlspecialchars($nl).'">'.$n.'</a>' : $n).'</span>';
$calendar = '<table class="calendar">'."n".
'<caption class="calendar-month">'.$p.($month_href ? '<a href="'.htmlspecialchars($month_href).'">'.$title.'</a>' : $title).$n."</caption>n<tr>";
 
if($day_name_length){ #if the day names should be shown ($day_name_length > 0)
#if day_name_length is >3, the full name of the day will be printed
foreach($day_names as $d)
$calendar .= '<th abbr="'.htmlentities($d).'">'.htmlentities($day_name_length < 4 ? substr($d,0,$day_name_length) : $d).'</th>';
$calendar .= "</tr>n<tr>";
}
 
if($weekday > 0) $calendar .= '<td colspan="'.$weekday.'">&nbsp;</td>'; #initial 'empty' days
for($day=1,$days_in_month=gmdate('t',$first_of_month); $day<=$days_in_month; $day++,$weekday++){
if($weekday == 7){
$weekday   = 0; #start a new week
$calendar .= "</tr>n<tr>";
}
if(isset($days[$day]) and is_array($days[$day])){
@list($link, $classes, $content) = $days[$day];
if(is_null($content))  $content  = $day;
$calendar .= '<td'.($classes ? ' class="'.htmlspecialchars($classes).'">' : '>').
($link ? '<a href="'.htmlspecialchars($link).'">'.$content.'</a>' : $content).'</td>';
}
else $calendar .= "<td>$day</td>";
}
if($weekday != 7) $calendar .= '<td colspan="'.(7-$weekday).'">&nbsp;</td>'; #remaining "empty" days
 
return $calendar."</tr>n</table>n";
}
$time = time(); 
$today = date('j',$time);
$days = array($today=>array(NULL,NULL,'<span style="color: green; font-weight: bold; font-size: larger;">'.$today.'</span>')); 
if (isset($_GET['month']) AND $_GET['month'] != '') {
$month = $_GET['month'];
}
else {
$month = date('n', $time);
}
$nextmonth = $month + 1;
$premonth = $month – 1;
$prenext = array('&laquo;'=>'calender.php?month='.$premonth, '&raquo;'=>'calender.php?month='.$nextmonth);
echo generate_calendar(date('Y', $time), $month, $days, 3, NULL, 0, $prenext);
?>
 
Digital Clock: I'll provide a digital clock code that is written in html and javascript. Just create a file (say, digitalclock.php) then paste the code.
 
<html>
<head>
<style type="text/css">
.clockStyle {
background-color:#000;
border:#777 2px inset;
padding:6px;
color: green;
font-family:"Arial Black", Gadget, sans-serif;
font-size:16px;
letter-spacing: 2px;
display:inline;
}
</style>
</head>
<body>
<h4>Digital Clock</h2>
<div id="clockDisplay" class="clockStyle"></div>
<script type="text/javascript" language="javascript">
function renderTime() {
var currentTime = new Date();
var diem = "AM";
var h = currentTime.getHours();
var m = currentTime.getMinutes();
    var s = currentTime.getSeconds();
setTimeout('renderTime()',1000);
    if (h == 0) {
h = 12;
} else if (h > 12) { 
h = h – 12;
diem="PM";
}
if (h < 10) {
h = "0" + h;
}
if (m < 10) {
m = "0" + m;
}
if (s < 10) {
s = "0" + s;
}
    var myClock = document.getElementById('clockDisplay');
myClock.textContent = h + ":" + m + ":" + s + " " + diem;
myClock.innerText = h + ":" + m + ":" + s + " " + diem;
}
renderTime();
</script>
</body>
</html>

Login/Register to Answer

Related Questions