iT邦幫忙

0

php 即時預覽畫面

php
昌昌 1 月前5371 瀏覽

請教各位大大

小弟目前想做出 php即時預覽畫面的功能

目前大概的架構是這樣

多新增一個button 去觸發js 將php的特定幾個值post到新開的頁面上並且呈現出來

而原本的頁面不會動作這樣

但是現在卡在js如何將php得值傳到新開的視窗內呢!?

看更多先前的討論...收起先前的討論...
q00153 iT邦新手 5 級 ‧ 1 月前 檢舉
請搜尋 ajax
Samと可樂快跑 iT邦研究生 3 級 ‧ 1 月前 檢舉
你需要的不是什麼技術………
你需要的就只是指定送出的target = _blank就行了……
```
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<form method="post" action="test_date.php" target="_blank">
<input name="name" />
<button type="submit">submit</button>
</form>
</body>
</html>
```
這是以你所敘述的功能來做出的東西。
如果這不是你要的,請詳細你的功能。
昌昌 iT邦新手 5 級 ‧ 1 月前 檢舉
回樓上兩位

目前我是卡在以下這些問題:

我打算在後台的管理頁面中,在還沒有submit到資料庫之前,事先可以預覽我剛剛輸入在表單內的東西在前台顯現出來這樣!

剛剛有大概找了一下,很像大多數都使ajax

但是卡在說 如何讓後台頁面的php值 利用ajax 傳值到新開的頁面內
Samと可樂快跑 iT邦研究生 3 級 ‧ 1 月前 檢舉
這次你的需求就明確了。
給你的建議就是去瞭解一下jquery以及他的ajax用法。
不過,在瞭解他的ajax用法之前,務必先了解jquery的選擇器如何使用。
以及關於異步執行資料交換時的執行順序(這個初學會有點難理解,但不小心踩到地雷會痛痛的)
昌昌 iT邦新手 5 級 ‧ 1 月前 檢舉
好 因為ajax 跟 jquery 我比較沒接觸過

所以卡在這邊頗嚴重..
混水摸魚 iT邦新手 4 級 ‧ 1 月前 檢舉
https://www.webteach.tw/?p=297
ajax demo 希望對你有幫助
昌昌 iT邦新手 5 級 ‧ 1 月前 檢舉
to樓上:

因為我是用CI 的框架下去寫的,現在是卡在如何在後台輸入的東西,透過一個button可以事先預覽輸入的狀況這樣

2 個回答

0
喬可
iT邦新手 4 級 ‧ 1 月前

我用的方式,參考看看囉~

main.php //主頁

//將本頁中的 $aa,$bb,$cc,$dd變數值,傳到pre.php中,並顯示
<?php
<a href=pre.php?a=".$aa."&b=".$bb."&c=".$cc."&d=".$dd." target="_blank">送出</a>
?>

pre.php //預覽頁

//在 pre.php中,接收來自main.php的四個變數值,並顯示在input中
您在主頁選取的資料如下:
<?php error_reporting(0); ?>
<input type="text" name="a" id="a" value="<?php echo $_GET[a];?>" >
<input type="text" name="b" id="b" value="<?php echo $_GET[b];?>" >
<input type="text" name="c" id="c" value="<?php echo $_GET[c];?>" >
<input type="text" name="d" id="d" value="<?php echo $_GET[d];?>" >
//這裡可以寫function來關閉視窗或寫入DB
<input type=button value=確定 onClick=senddata() /> 
看更多先前的回應...收起先前的回應...
昌昌 iT邦新手 5 級 ‧ 1 月前 檢舉

main.php 的地方 callback 的值很怪

因為href=pre.php?a=".$aa."&b=".$bb."&c=".$cc."&d=".$dd.

可能會讀取成 pre.php?a=123&b=456 大概這樣

我是想將php得值帶入到新的頁面裡呈現出來

喬可 iT邦新手 4 級 ‧ 1 月前 檢舉

main.php 中的四個變數值,在按下送出後,會開新頁,內容就是在pre.php裡的input text顯示四個值囉.

昌昌 iT邦新手 5 級 ‧ 1 月前 檢舉

大大 我剛剛是用這方法,只後網頁炸裂XD

喬可 iT邦新手 4 級 ‧ 1 月前 檢舉

然後就~~全台大停電了嗎?XD~

昌昌 iT邦新手 5 級 ‧ 1 月前 檢舉

真的!

0
tzuchin
iT邦新手 5 級 ‧ 1 月前

除了上述討論中的ajax之外,
我想以下做法也可以符合您的需求

<form action="" method="post" >
    <!-- something -->
    <button type="submit" formaction="/preview" formtarget="_blank">另開視窗進行預覽</button>
    <button type="submit" >確定送出</button>
</form>

不過,
這是HTML5的寫法,
IE僅有 IE10 以上的版本支援

昌昌 iT邦新手 5 級 ‧ 1 月前 檢舉

現在是卡在ajax部分

我要發表回答

立即登入回答