Tôi có một trang web dựa trên php. Như trong, tất cả các trang html là đầu ra thông qua php.PHP + JQuery - Cách sử dụng hai giá trị này cùng nhau? Vui lòng xem ví dụ của tôi
Dưới đây là một ví dụ đơn giản:
<?php
ob_start();
$pageStart = '
<!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>MY WEBSITE PAGE</title>
</head>
<body>
<p>CONTENT</p>
</body>
</html>
';
echo $pageStart;
exit;
?>
gì tôi muốn làm là tận dụng một số jquery trong trang này.
Vì vậy, một cách tự nhiên nỗ lực đầu tiên của tôi là để bao gồm các kịch bản bên trong của biến php như vậy:
<?php
ob_start();
$pageStart = '
<!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>
<script type="text/javascript">
var datefield=document.createElement("input")
datefield.setAttribute("type", "date")
if (datefield.type!="date"){ //if browser doesn't support input type="date", load files for jQuery UI Date Picker
document.write('<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css" />\n')
document.write('<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"><\/script>\n')
document.write('<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"><\/script>\n')
}
</script>
<script type="text/javascript">
if (datefield.type!="date"){ //if browser doesn't support input type="date", initialize date picker widget:
jQuery(function($){ //on document.ready
$('#birthday').datepicker();
})
}
</script>
</head>
<body>
<p>CONTENT</p>
</body>
</html>
';
echo $pageStart;
exit;
?>
Bây giờ, tôi sử dụng trình soạn thảo code dreamweavers, mà do tính năng làm nổi bật cú pháp, sẽ chỉ ra công chúng lỗi cú pháp được tạo ra trong này.
Vì vậy, tôi lúc đầu đã cố gắng cắt giảm các lỗi này. Điều này không thành công.
Vì vậy, tôi đã cố gắng thay đổi "s để 's, và ngược lại, cho đến khi lỗi đã biến mất. Đây không quá vì nó dường như kịch bản sẽ không xác nhận theo cách này.
Vì vậy, tôi đọc một vài hướng dẫn , và phát hiện này một:.
và cách tôi hiểu nó, đó là bạn cần phải bao gồm các js chứ không có nó như một phần của php của bạn trực tiếp
vì vậy, có một tệp được gọi là page.php và một tệp khác được gọi là jquery.php. Vì vậy, tôi quyết định thử và sửa đổi ý tưởng này để giải quyết vấn đề của mình.
Vì vậy, tôi bắt đầu với một cái gì đó như thế này - index.php:
<?php
ob_start();
$pageStart = '
<!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>MY WEBSITE PAGE</title>
'. include $_SERVER['DOCUMENT_ROOT'] . '/../../path/to/include/datepicker.php'.'
</head>
<body>
<p>CONTENT</p>
</body>
</html>
';
echo $pageStart;
exit;
?>
Và - datepicker.php:
<script language="Javascript">
var datefield=document.createElement("input")
datefield.setAttribute("type", "date")
if (datefield.type!="date"){ //if browser doesn't support input type="date", load files for jQuery UI Date Picker
document.write('<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css" />\n')
document.write('<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"><\/script>\n')
document.write('<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"><\/script>\n')
}
</script>
<script language="Javascript">
if (datefield.type!="date"){ //if browser doesn't support input type="date", initialize date picker widget:
jQuery(function($){ //on document.ready
$('#birthday').datepicker();
})
}
</script>
Bây giờ không có lỗi cú pháp trong hai trang, tuyệt vời ... Vì vậy, tôi thử nó, một nửa mong đợi những điều cuối cùng chỉ làm việc ...
Không ... Lỗi nghiêm trọng: không mở được luồng: Không có tệp hoặc thư mục nào như vậy. Lỗi này liên quan đến việc tôi thêm vào. Vì vậy, được rồi, mặc dù tập tin ở đó, nó không được xác nhận là php bởi vì không có thẻ mở và đóng php.
Vì vậy, tôi thêm chúng ... Annnd ... Một trang đầy lỗi cú pháp một lần nữa!
Vì vậy, câu hỏi của tôi là:
Xin vui lòng chia sẻ một số kiến thức và giải thích cho tôi về quá trình này thực sự hoạt động. Làm thế nào đối phó với tất cả các lỗi cú pháp, và làm thế nào bạn có nghĩa vụ phải đi về một nhiệm vụ như thế này?
Tôi tin rằng nó là có thể, và có nó sẽ ceratinly được dễ dàng hơn nếu tôi đã không xuất ra toàn bộ html thông qua php. Nhưng đây là một ví dụ đơn giản và thiết kế thực tế của tôi là rất phức tạp. Nó đòi hỏi các phần khác nhau của trang phải được chia thành các biến, để đặt các bit và peices đó khi cần, tự động.
Bất kỳ đầu vào, đề xuất hoặc thông tin chi tiết nào sẽ được đánh giá cao; và bất kỳ liên kết đến các trang hoặc hướng dẫn bao gồm điều này cũng sẽ được đánh giá rất nhiều.
Cảm ơn bạn !!
Bạn nên truy cập vào http://www.w3schools.com/php/default.asp và http: //www.w3schools .com/jquery/default.asp –
Hoặc tốt hơn, xem các trang hướng dẫn sử dụng PHP và các trang giao diện jQuery/jQuery: cả hai đều có nhiều ví dụ –
Ngoài ra http://w3fools.com/ –