PDA

View Full Version : سوال: مشکل در اجرای کد جاوا اسکریپت


MahmoodM30
سه شنبه 05 شهریور 1392, 01:06 صبح
سلام من این کد رو برای فراخوانی یک صفحه استفاده کردم ولی هر چی میکنم کار نمیکنه

وقتی از کد زیر استفاده میکنم کلا کد جاوا اسکریپت کار نمیکنه


<?php include 'header.php'; ?>

اما ئقتی ازش استفاده نکنم وبه جاش چیزی بنویسم و یا حتی خالی بزارم به درستی کار میکنه ممنون میشم دوستان راهنمایی کنن


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>
<script language="javascript" type="text/javascript">
function message() {
document.write('<table width="200" border="1" align="center"><tr><td align="center" valign="middle"><?php include 'header.php'; ?></td></tr></table>');
}
</script>

<button onclick="message()">Load</button>
</body>

</html>
jalil_gh
سه شنبه 05 شهریور 1392, 08:19 صبح
خروجی hdader.php شما چطوریه. اگه داخل اون هم از کوتیشین های تکی استفاده شده باشه این کد جاوااسکریپت شما error میده.
در ضمن وقتی شما اینطوری از document.write استفاده کنید اول همه صفحه پاک میشه و بعد آرگومانی که به document.write ارسال شده نوشته میشه.
MahmoodM30
سه شنبه 05 شهریور 1392, 13:17 عصر
سلام ممنون از جوابتان دوست عزیز

خروجی hdader.php چیز خواسی نیست فقط یک عکس و چند خط نوشته هست همین

در کل من میخوام توی صفحه اصلی وقتی مثلا روی در مورد ما کلیک شد توی همین صفحه اصلی به جای مطلبی که قرار داره این صفحه در مورد ما لود بشه و نشون داده بشه

همین ممنون میشم در این مورد راهنمایی کنید
jalil_gh
سه شنبه 05 شهریور 1392, 13:35 عصر
در اون صورت شما باید از ajax استفاده کنید.
وقتی روی یه لینک کلیک شد با استفاده از href اون لینک شما یه درخواست ajax میفرستید و صفحه خاصی رو دریافت میکنید. بعد اون صفحه رو به دریافت میکنید و به صفحه اصلیتون اضافه میکنید.
MahmoodM30
سه شنبه 05 شهریور 1392, 13:53 عصر
ممنون دوست عزیز ولی کاش یه نمونه ای برام میزاشتین من تازه کارم البته اگه زحمتی نباشه
jalil_gh
سه شنبه 05 شهریور 1392, 15:35 عصر
با جی‌کوئری میشه این کار رو به راحتی انجام داد.
شما اول یه فایل به نام home.htm ایجاد کنید و مطالب زیر رو توش بزارید.

<h1>home.</h1>
بعد یه فایل دیگه به نام about.htm ایجاد کنید و مطالب زیر رو توش بزارید.

<h1>about</h1>
حالا یه فایل دیگه به نام index.htm ایجاد کنید و مطالب زیر رو توش بزارید.

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<header>
<ul id="nav">
<li><a href="home.htm">home</a></li>
<li><a href="about.htm">about</a></li>
</ul>
</header>
<section id="pages"></section>

<script src="jquery.js"></script>
<script>
$('#nav a').click(function(e) {
var url = $(this).attr('href');
$('#pages').load(url);

e.preventDefault();
});
</script>

</body>
</html>
همه این فایل‌ها رو به همراه فایل jquery.js در یک مسیر قرار بدید و سپس فایل index.htm رو با مروگر باز کنید. (البته باید از روی سرور اجرا کنید).
حالا اگه روی لینک‌ها کلیک کنید صفحات موردنظر لود میشن و داخل تگ با آی دی pages قرار میگیرن.