Select Page

使用 jQuery 移動元素(Div)

by | 4 月 13, 2023 | Javascript, 程式

常常有需求要事後調整前台的畫面，尤其現在前端 javascript 的框架一大堆，只能事後處理，把元素的位置變來變去，我這邊舉利用 div 來代表，如何把元素變換位置，讓排版更簡單且容易些。

先準備有原來的 div

<div id="source">
  ....
</div>

想要把原來的Div移動到目的地的div，id 訂為 dest

<div id="dest">
  ....
</div>

JQuery 程式碼 appendTo()，把 div 移動到目的地 div 的裡面

$("#source").appendTo("#dest");

除了 appendTo() 最常用，還整理幾個常用的寫法，放在下面

$("#source").insertBefore("#dest");
$("#source").insertAfter("#dest");
$("#source").prependTo("#dest");
$("#source").appendTo("#dest");

參考資料

https://stackoverflow.com/questions/1279957/how-to-move-an-element-into-another-element

利用 javascript 以及 jquery 由前端網頁發送 email

利用 javascript 以及 jquery 由前端網頁發送 email

by | 2 月 28, 2022 | Javascript, 程式

// 發送email  
function sendEmail(title,text){
    var email = document.createElement("a");
    email.id = "sendemail";   
    email.href = "mailto:[email protected]?subject="+title+"&body="+ text;
    email.click();
    }

當使用者在網頁中，再連絡表單中填入資訊後，我們通常會寫入後端資料庫，並且發送通知，以方便管理者使用，但沒有資料庫的人，就需要仰賴使用者自己的電子郵件了，為了統一格式方便，我們還是提供聯絡表單，先幫忙使用者把資料正規化一下，然後在協助它們送出資訊給後端的管理者

如何在 Ubuntu 20.04 上用 VSCODE 對掛在 Nginx 的 PHP 8.0 除錯