| Author |
Message |
|
|
Post subject: Page Template
 Posted: 05/Feb/2010 13:31
|
|
function()
Joined: 05-Feb-2010
Posts: 12
Location: Malang
|
|
Salam rekan-rekan. Saya newbie nech. Saya maw tanya. Saya punya page tempalate dengan design seperti berikut :
1. Page Header
2. NavMenu sebagai menu yang ada pada web saya
3. Page Content
Standar lah seperti web yg lain.
Ilustrasinya seperti ini :
1. Saat pertama halaman terbuka Page Content berisi welcome.php
2. Saat klik menu pada NavMenu Page Content berisi page1.php
Nah untuk ilustrasi no 1 sudah bisa saya lakukan. Tapi untuk no 2 saya masih bingung karena perintahnya bukan untuk membuka halaman baru atau page1.php tapi untuk mengubah isi dari Page Content. Saran dari rekan-rekan sangat saya harapkan. Terimakasih sebelumnya
Salam
Bambang Suprianto
0856-49932295 |
|
|
| |
|
|
|
 |
|
|
|
Post subject: RE: Page Template
Posted: 08/Feb/2010 07:31
|
|
function()
Joined: 04-Feb-2010
Posts: 8
|
|
Maksudnya gmna toh??? ndak mudeng Aq... (jika perlu posting scriptnya sekalian)  .
silahkan anda perjelas maksud anda.. karena kalau cuma untuk buka halaman baru kan seharusnya ckup di HTMLnya aja.. ndak pake PHP2an...
 |
|
|
| |
|
|
|
|
|
|
|
Post subject: RE: Page Template
Posted: 08/Feb/2010 14:44
|
|
function()
Joined: 05-Feb-2010
Posts: 12
Location: Malang
|
|
thank for reply
Harap maklum beginner nech..
soal script saya juga masih nyariin. Begini sayakan mendesign web saya pake dreamweaver 8. Nah Page Template yang saya maksud itu berisi 3 layer yaitu : PageHeader, NavMenu dan PageContent. Nah saya sedang mencari cara bagaimana supaya ketika menu yang ada pada NavMenu diklik tidak usah membuka Halaman baru dengan kata lain tidak menggunakan perintah seperti berikut :
<a> Tabel Referensi </a>
Tapi script yang ada pada menu tersebut adalah untuk mengganti layer PageContent yang tadinya berisi welcome.php menjadi berisi page1.php....
script awal pada index.php (Page Template) seperti berikut
<body>
<div>
<php>
</div>
<div>
<php>
</div>
<div>
<php>
</div>
</body>
seperti itulah....
please sarannya...kalo pake java script bisa please donk.... |
|
|
| |
|
|
|
|
|
|
|
Post subject:
Posted: 08/Feb/2010 14:54
|
|
function()
Joined: 05-Feb-2010
Posts: 12
Location: Malang
|
|
Maaf scriptnya berantakan yang benar seperti ini :
<body>
<div id="PageHeader">
<?php
include("header.php");
?>
</div>
<div id="NavMenu">
<?php
include("menu.php");
?>
</div>
<div id="PageContent">
<?php
include("welcome.php");
?>
</div> |
|
|
| |
|
|
|
|
|
|
|
Post subject:
Posted: 08/Feb/2010 15:02
|
|
function()
Joined: 05-Feb-2010
Posts: 12
Location: Malang
|
|
Maaf scriptnya berantakan yang benar seperti ini :
<body>
<div id="PageHeader">
<?php
include("header.php");
?>
</div>
<div id="NavMenu">
<?php
include("menu.php");
?>
</div>
<div id="PageContent">
<?php
include("welcome.php");
?>
</div> |
|
|
| |
|
|
|
|
|
|
|
Post subject:
Posted: 09/Feb/2010 03:43
|
|
function()
Joined: 04-Feb-2010
Posts: 8
|
|
owwhh.. mungkin maksd anda adalalah ketika link itu di klik,... contentnya berubah ya.....
Kalau anda ingin memanipulasi content tanpa membuka halaman baru... anda bisa menggunakan AJAX..
Misal disini saya punya 3 content {"content 1", "content 2", "content 3"}
ketiga content tersebut akan saya load dari 1 halaman ( misal : "halamancontent.php")...
Nah....
langkah2nya adalah Sbb:
1. buat 3 contentnya...
-> content1.php
<?php echo "isi content 1"; ?>
-> content2.php
<?php echo "isi content 2"; ?>
-> content3.php
<?php echo "isi content 3"; ?>
2. buat file halamancontent.php
<html>
<head>
<script type="text/javascript">
function loadXMLDoc(url)
{
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.open("GET",url,false);
xmlhttp.send(null);
document.getElementById('test').innerHTML=xmlhttp.responseText;
}
</script>
</head>
<body>
<div id="test">
<h2>Click to let AJAX change this text</h2>
</div>
<button type="button" onclick="loadXMLDoc('content1.php')">content 1</button>
<button type="button" onclick="loadXMLDoc('content2.php')">content 2</button>
<button type="button" onclick="loadXMLDoc('content3.php')">content 3</button>
</body>
</html>
reference :http://www.w3schools.com/ajax/ajax_browsers.asp |
|
|
| |
|
|
|
|
|
|
|
Post subject:
Posted: 09/Feb/2010 12:18
|
|
function()
Joined: 05-Feb-2010
Posts: 12
Location: Malang
|
|
| Makasih banyak ya mas Rendy. Saya coba dulu scriptnya.... |
|
|
| |
|
|
|
|
|
|
|
Post subject:
Posted: 10/Feb/2010 11:25
|
|
<? ... ?>
Joined: 10-Feb-2010
Posts: 2
Location: Bandung
|
|
kalo boleh saya masih ada cara lain neh, tapi utuh dengan php tanpa bantuan ajax ataupun javascript, mungkin buat yg lagi belajar php bisa jadi inspirasi...
1. layout template udah siap (index.php, welcome.php, header.php, menu.php)
2. dibikin aja kontennya dullu seperti tadi (content1.php, content2.php, content3.php, dst...)
3. baru diaplikasikan pake php...
script index.php kirakira seperti ini:
Code:
<div id="main">
<div id="header">
<?php include "header.php";?>
</div>
<div id="navigasi">
<?php include "menu.php";?>
</div>
<div id="content">
<?php
if($_GET['page']==null){
include \"welcome.php";}
elseif($_GET['page']!=null && $_GET['page']!=""){
include $_GET['page'];
}
?>
</div>
</div>
nah nanti link meni di menu.php tinggal kasih seperti ini
<a href="index.php?page=content1.php">Menu 1 </a>
<a href="index.php?page=content2.php">Menu 2 </a>
<a href="index.php?page=content3.php">Menu 3 </a>
<a href="index.php?page=content....php">Menu ...</a> |
|
|
| |
|
|
|
|
|
|
