當前位置：首頁 > 编程语言 > php >内容正文

php

artDialog对话框在PHP下的简单应用-artDialog弹出层篇

發布時間：2023/12/4 php 25 豆豆

生活随笔收集整理的這篇文章主要介紹了 artDialog对话框在PHP下的简单应用-artDialog弹出层篇小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

本教程使用的是artDialog 4.1.7版本，由于需要iframe的支持，所以選擇這個版本，artDialog 5.0.3不支持iframe。

本教程是基于本站站長在網頁設計寫代碼過程中與PHP頁面交互的應用，部分表單類功能基于artDialog iframe來完成的。也許這些功能有更好的實現方法，也許站長的水平太低下，所以有不當的地方還請指教。

1、index.php文件內容：

<?php?

$text=$_GET['text'];?

if?($text=='test')?

echo?'chenggong';?

else?

echo?'shibai';?

?>?

index.html內容：

<!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>?

<title>artDialog對話框在PHP下的簡單應用-artDialog彈出層篇</title>?

<style>?

body?{font-size:?12px;}?

</style>?

</head>?

<body>?

<a?href="#"?onclick="tc()">彈出層示例</a>?

</body>?

</html>?

2、index.html文件主要是讓鼠標點擊“彈出成示例”，然后交由index.php進行處理，返回結果，AJAX處理判斷然后輸出彈出層結果。

3、下載artDialog4.1.7.rar，解壓后，放置到先在index.html頁面中引入

4、添加jiaocheng.js文件內容：

function?tc()?{?

??$.ajax({?

????type:?'get',?

????url:?'index.php?text=test',?

????contentType:?'text/html;charset=utf-8',?

????success:?function(data,?status)?{?

??????switch?(data)?{??

??????case?'chenggong':?

????????art.dialog({?

??????????width:'15em',?

??????????title:?'友情提示!',?

??????????time:?2,?

??????????content:?'成功!'?

????????});?

????????CheckLogin();?

????????break;?

??????default:?

????????art.dialog({?

??????????width:'15em',?

??????????title:?'友情提示!',?

??????????time:?2,?

??????????content:?'失敗！'?

????????});?

??????}?

??????return?false;?

????}?

??});?

??return?false;?

然后趕快試試吧。

注意，本教程需在PHP環境中調試。也可下載下邊的本教程演示。

演示文件下載：http://www.sitejs.cn/download/201304/file/16570-test.rar

artDialog4.1.7下載地址：http://www.sitejs.cn/sitejs-16571-1.html

更多PHP教程請訪問JS代碼站

轉載于:https://blog.51cto.com/3285518/1192222

總結

以上是生活随笔為你收集整理的artDialog对话框在PHP下的简单应用-artDialog弹出层篇的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。