2015-09-25 84 views
0

我編寫了一個簡單的HTML/PHP表單,它從表單輸入並輸出到HTML以創建公司標準電子郵件簽名。它只是將表單字段中的字符串與HTML中的字符串進行回聲簽名。SharePoint Online表單處理

形式:

<form action="sig.php" method="post"> 
Full Name: <input type="text" name="fullName"><br> 
Job Title: <input type="text" name="jobTitle"><br> 
Direct Phone Number (xxx.xxx.xxxx) <input type="text" name="phoneNumber"><br> 
Email: <input type="text" name="email"><br> 
<input type="submit"> 
</form> 

PHP:

<div style="font-size:10pt; font-family:'Arial',sans-serif;color:#0E5881"> 
Please copy/paste the following into your email signature: 
</div> 
<hr> 
<br> 
<br> 
<div style="font-size:12pt; font-family:'Arial',sans-serif;color:#133467"> 
<b><?php echo $_POST["fullName"]; ?></b> 
</div> 
<div style="font-size:10pt; font-family:'Arial',sans-serif;color:#0E5881"> 
<?php echo $_POST["jobTitle"]; ?> 
</div> 
<div style="font-size:10pt; font-family:'Arial',sans-serif;color:#656565"> 
Direct:</b>&nbsp;<?php echo $_POST["phoneNumber"]; ?> 
<br> 
<a href="mailto:<?php echo $_POST["email"]; ?>"><?php echo $_POST["email"]; ?></a>&nbsp;&#124;&nbsp;<a href="http://www.example.com">www.Example.com</a> 
</div> 
<br> 
<div style="font-size:20pt; font-family:'Arial',sans-serif;color:#676767"> 
<b>Example.com</b> 

它的偉大工程,但現在他們告訴我,他們希望把它放在我們公司的SharePoint Online網站。

據我所知,沒有辦法上運行SharePoint中的PHP。我也無法使用PageViewer Web部件。

通過SharePoint來完成此操作的最佳選擇是什麼?客戶端將運行在SharePoint內部的東西?我認爲Java Script是一個選項,但我對此一無所知。我知道SharePoint使用ASP,但我對此知之甚少。

任何幫助,將不勝感激!

+0

什麼是你的目標是什麼?您可以使用標準列表並創建自定義表單或使用網頁部分... –

+0

我的目標是具有與我在上面的SharePoint腳本中所做的相同的功能。我看着使用頁面查看器Web部件,但我沒有訪問任何外部託管它。 – boredemt

回答

1

PHP是服務器端的代碼,除非你願意寫自己的SharePoint應用程序,你可以在SharePoint添加在線。

這樣的事情,你最好的選擇可能是隻是一個與一些JavaScript頁面。

document.getElementById("btnSubmit").addEventListener("click", function() { 
 
    document.getElementById("signaturePanel").style.display = "inherit"; 
 
    document.getElementById("fullNameOut").innerHTML = document.getElementById("fullName").value; 
 
    document.getElementById("jobTitleOut").innerHTML = document.getElementById("jobTitle").value; 
 
    document.getElementById("phoneNumberOut").innerHTML = document.getElementById("phoneNumber").value; 
 
    var email = document.getElementById("email").value; 
 
    var emailOut = document.getElementById("emailOut"); 
 
    emailOut.innerHTML = email; 
 
    emailOut.href = "mailto:" + email; 
 
    document.getElementById("socialOut").style.display = document.getElementById("social").checked ? "inherit" : "none"; 
 
    
 
});
Full Name: 
 
<input type="text" id="fullName" /> 
 
<br>Job Title: 
 
<input type="text" id="jobTitle" /> 
 
<br>Direct Phone Number (xxx.xxx.xxxx) 
 
<input type="text" id="phoneNumber" /> 
 
<br>Email: 
 
<input type="text" id="email" /> 
 
<br> 
 
<input type="checkbox" id="social" checked="checked" />Include social media links 
 
<br/> 
 
<input type="button" id="btnSubmit" value="submit" /> 
 

 
<div id="signaturePanel" style="display:none"> 
 
    <div style="font-size:10pt; font-family:'Arial',sans-serif;color:#0E5881;"> 
 
    Please copy/paste the following into your email signature: 
 
    </div> 
 
    <hr> 
 
    <br> 
 
    <br> 
 
    <div style="font-size:12pt; font-family:'Arial',sans-serif;color:#133467"> 
 
    <b><span id="fullNameOut"></span></b> 
 
    </div> 
 
    <div style="font-size:10pt; font-family:'Arial',sans-serif;color:#0E5881"> 
 
    <span id="jobTitleOut"></span> 
 
    </div> 
 
    <div style="font-size:10pt; font-family:'Arial',sans-serif;color:#656565"> 
 
    Direct:</b>&nbsp;<span id="phoneNumberOut"></span> 
 
    <br> 
 
    <a id="emailOut" href="mailto:"></a>&nbsp;&#124;&nbsp;<a href="http://www.example.com">www.Example.com</a> 
 
    </div> 
 
    <br> 
 
    <div style="font-size:20pt; font-family:'Arial',sans-serif;color:#676767"> 
 
    <b>Example.com</b> 
 
    <div id="socialOut" style="display:none"> 
 
     <a href="http://example.com"> 
 
     <img src="https://placeholdit.imgix.net/~text?txtsize=15&txt=twitter+link&w=90&h=90&txttrack=0" /> 
 
     </a> 
 
    </div> 
 
    </div>

+0

這似乎正是我想要的。實施它最好的選擇是什麼?將JavaScript放入腳本標記中? – boredemt

+0

我得到這個運行,它幾乎做我需要的一切。但是,應該創建mailto鏈接的部分不起作用。它輸出電子郵件地址,但鏈接只是一個mailto:不包含電子郵件地址。 – boredemt

+0

這樣做。我將腳本放在頁面底部的腳本標記中,並將其添加到SharePoint頁面的代碼中,並且工作正常。謝謝! – boredemt