Обработка форм в SharePoint Online

Question

Я написал простую форму HTML/PHP, которая принимает входные данные из формы и выводит в HTML, чтобы создать стандартную подпись электронной почты компании. Он просто отгоняет строки из полей формы в HTML для подписи.

Форма:

<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 сайте нашей компании.

Насколько я могу судить, нет способа запустить PHP на SharePoint. Я также не могу использовать веб-часть PageViewer.

Каков мой лучший вариант для этого через SharePoint? Что-то клиентская сторона, которая будет работать внутри SharePoint? Я думаю, что Java Script - это вариант, но я ничего не знаю об этом. Я знаю, что SharePoint использует ASP, но я знаю об этом еще меньше.

Любая помощь будет оценена!

Answer 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>