What Will I Learn?
- You will learn How to display pdf file
- You will learn How to create dynamic link
- You will learn How to created autorefresh time
- You will learn How to combine pdf files, dynamic links and autorefresh time in one php file
Requirements
Write here a bullet list of the requirements for the user in order to follow this tutorial.
- You have basic about HTML
- You have basic about PHP
- To practice this tutorial need a text editor file (Notepad ++), browser (Google Chrome) and server (localhost, XAMPP).
Difficulty
Either choose between the following options:
- Basic
Tutorial Contents
In this tutorial we will create how to display pdf file, how to create dynamic link, and autorefresh time in one php file, using html tag.
- How to display pdf file
- First open your server localhost (XAMP)
- Next,Open your text editor ( notepad ++)
- After that Create new file and save as html extention, like pdf.html and do not forget to prepare a pdf file into the html folder earlier so that when the invocation of the file in input it can appear
- LastlyCreate html element as usual.
<html>
<head>
<title>How to display pdf file</title>
</head>
<embed width="600" height="450" src="nilai_siswa.pdf" type="application/pdf"></embed>
<body>
</body>
</html>
- Output
- Explanation
<embed width="600" height="450" src="nilai_siswa.pdf" type="application/pdf"></embed>
<embed></embed>
- embed is a html tag, which functions to display external files, such as files, videos, mp3, pdf, and multimedia files on web pages, and at this time we just focus on how to display pdf files.
width="600"
- width="600"width is a width attribute of a pdf file whose width is 600 in size.
height="450"
- height="450" is a high attribute of the size of the value 450 in the pdf file.
src="nilai_siswa.pdf"
- src="nilai_siswa.pdf
function to call the pdf file you want to display, examples such as "nilai_siswa" is the name of the file to be displayed.
type="application/pdf"
type="application/pdf"is a working header displaying pdf files on web pages.
How to create dynamic link
Next,Open your text editor ( notepad ++)
After that create a new file and save it as PHP extention, with index.php file name
Finally fill in the html and scrip php elements as below.
<!Doctype HTML>
<head>
<title>How to create dynamic link</title>
</head>
<body >
<a href='index.php'><input type="submit" value="LINK ONE HOME" ></a><br/>
<a href='index.php?p=contact'><input type="submit" value="LINK TWO CONTACT PAGE " ></a><br/>
<a href='index.php?p=profile'><input type="submit" value="LINK THREE PROFILE PAGE" ></a><br/><hr/>
<?php
error_reporting(0);
switch($_GET['p'])
{
default:
echo " welcome to homepage ";
break;
case "contact";
echo " CONTACT NAME PAGE
NAME : DONGKRAK
RESIDENCE : NANGROE UTARA ACEH
";
break;
case "profile";
echo " PROFILE PAGE
NAME : DONGKRAK
RESIDENCE : NANGROE UTARA ACEH
STATUS : STUDENDT CEUMATOK
";
break;
}
?>
</body>
</html>
- Output LINK ONE HOME
- Output LINK TWO CONTACT PAGE
- Output LINK THREE PROFILE PAGE
- Explanation
The a href attribute on this file is used to link to another page, this time we use the a href attribute in a single page by using submit button to link link only, then control the switch case structure, which we include break, in order for the structure is to executing from the results you want to display. - How to created autorefresh time
- Next,Open your text editor ( notepad ++)
- After that create a new file and save it as PHP extention, with time.php file name
- Finally fill in the html and scrip php elements as below.
<html>
<head>
<title>How to created autorefresh time</title>
</head>
<body>
<?php
$tanggal= mktime(date("m"),date("d"),date("Y"));
echo "Tanggal : " .date("d-M-Y", $tanggal)." ";
date_default_timezone_set('Asia/Jakarta');
$jam=date("H:i:s");
echo " Pukul : " . $jam." "."</center";
$a = date ("H");
if (($a>=6) && ($a<=11)){
echo ", Selamat Pagi !! ";
}
else if(($a>11) && ($a<=12))
{
echo ", Selamat Pagi !! ";}
else if (($a>12) && ($a<=18)){
echo ", Selamat Sore !! ";}
else { echo ", Selamat Malam ";}
?>
</body>
</html>
- Output
- Explanation
The mktime () (abbreviation: make time) function in PHP is also used to obtain a specified time format timestamp. The time format I use this time is the time format, date_default_timezone_set ('Asia / Jakarta'). then we use the decision structure if else, to execute from the result of time in want it. - How to combine pdf files, dynamic links and autorefresh time in one php file
- Lastly,Open your text editor ( notepad ++)
- After that create a new file and save it as PHP extention, with index.php file name
- Finally fill in the html and scrip php elements as below.
<html>
<head>
<title>combinasi</title>
</head>
<body>
<a href='index.php'><input type="submit" value="HOME" ></a><br/>
<a href='index.php?p=kontak'><input type="submit" value="HALAMAN KONTAK" ></a><br/>
<a href='index.php?p=profil'><input type="submit" value="HALAMAN PROFIL" ></a><br/><hr/>
<embed width="600" height="450" src="nilai_siswa.pdf" type="application/pdf"></embed>
<?php
$tanggal= mktime(date("m"),date("d"),date("Y"));
echo "Tanggal : " .date("d-M-Y", $tanggal)." ";
date_default_timezone_set('Asia/Jakarta');
$jam=date("H:i:s");
echo " Pukul : " . $jam." "."</center";
$a = date ("H");
if (($a>=6) && ($a<=11)){
echo ", Selamat Pagi !! ";
}
else if(($a>11) && ($a<=12))
{
echo ", Selamat Pagi !! ";}
else if (($a>12) && ($a<=18)){
echo ", Selamat Sore !! ";}
else { echo ", Selamat Malam ";}
?>
</body>
</html>
- Output
- Explanation
to get a result like the above output then you can copy the combination script that has been shown above, good luck ..
Curriculum
- My first contribution
Posted on Utopian.io - Rewarding Open Source Contributors