Using javascript in sharepoint 2013 -
i have created list in sharepoint 2013 , list form has been created.i have field called formid , when form generated, textbox automatically created field. need used javascript in order modify textbox.
below code generated textbox
<sharepoint:formfield runat="server" id="ff1{$pos}" controlmode="new" fieldname="title" __designer:bind="{ddwrt:databind('i',concat('ff1',$pos),'value','valuechanged','id',ddwrt:escapedelims(string(@id)),'@title')}"/> here html. html has been created sharepoint
<webpartpages:dataformwebpart runat="server" enableoriginalvalue="false" displayname="commonpage" viewflag="8" viewcontenttypeid="" default="false" listurl="" listdisplayname="" listname="{fa03b5da-da12-404a-a3d7-531af64c0f93}" listid="fa03b5da-da12-404a-a3d7-531af64c0f93" pagetype="page_newform" pagesize="-1" usesqldatasourcepaging="true" datasourceid="" showwithsampledata="false" asyncrefresh="false" manualrefresh="false" autorefresh="false" autorefreshinterval="60" nodefaultstyle="true" initialasyncdatafetch="false" title="commonpage" frametype="none" suppresswebpartchrome="false" description="" isincluded="true" partorder="2" framestate="normal" allowremove="true" allowzonechange="true" allowminimize="true" allowconnect="true" allowedit="true" allowhide="true" isvisible="true" detaillink="" helplink="" helpmode="modeless" dir="default" partimagesmall="" missingassembly="cannot import web part." partimagelarge="" isincludedfilter="" exportcontrolledproperties="true" connectionid="00000000-0000-0000-0000-000000000000" id="g_dad58f58_2e43_4881_882e_ab840e0d9b4f" chrometype="none" exportmode="all" __markuptype="vsattributemarkup" __webpartid="{dad58f58-2e43-4881-882e-ab840e0d9b4f}" __allowxsltediting="true" webpart="true" height="" width=""><datasources> <sharepoint:spdatasource runat="server" datasourcemode="listitem" selectcommand="<view><query><where><eq><fieldref name="contenttype"/><value type="text">item</value></eq></where></query></view>" useinternalname="true" useserverdataformat="true"><selectparameters><webpartpages:dataformparameter parameterkey="listitemid" propertyname="parametervalues" defaultvalue="0" name="listitemid"></webpartpages:dataformparameter><webpartpages:dataformparameter parameterkey="weburl" propertyname="parametervalues" defaultvalue="https://tcfddemo.sharepoint.com/sites/adelphi" name="weburl"></webpartpages:dataformparameter><webpartpages:dataformparameter parameterkey="listid" propertyname="parametervalues" defaultvalue="{fa03b5da-da12-404a-a3d7-531af64c0f93}" name="listid"></webpartpages:dataformparameter> </selectparameters><updateparameters><webpartpages:dataformparameter parameterkey="listitemid" propertyname="parametervalues" defaultvalue="0" name="listitemid"></webpartpages:dataformparameter><webpartpages:dataformparameter parameterkey="weburl" propertyname="parametervalues" defaultvalue="https://tcfddemo.sharepoint.com/sites/adelphi" name="weburl"></webpartpages:dataformparameter><webpartpages:dataformparameter parameterkey="listid" propertyname="parametervalues" defaultvalue="{fa03b5da-da12-404a-a3d7-531af64c0f93}" name="listid"></webpartpages:dataformparameter> </updateparameters><insertparameters><webpartpages:dataformparameter parameterkey="listitemid" propertyname="parametervalues" defaultvalue="0" name="listitemid"></webpartpages:dataformparameter><webpartpages:dataformparameter parameterkey="weburl" propertyname="parametervalues" defaultvalue="https://tcfddemo.sharepoint.com/sites/adelphi" name="weburl"></webpartpages:dataformparameter><webpartpages:dataformparameter parameterkey="listid" propertyname="parametervalues" defaultvalue="{fa03b5da-da12-404a-a3d7-531af64c0f93}" name="listid"></webpartpages:dataformparameter> </insertparameters><deleteparameters><webpartpages:dataformparameter parameterkey="listitemid" propertyname="parametervalues" defaultvalue="0" name="listitemid"></webpartpages:dataformparameter><webpartpages:dataformparameter parameterkey="weburl" propertyname="parametervalues" defaultvalue="https://tcfddemo.sharepoint.com/sites/adelphi" name="weburl"></webpartpages:dataformparameter><webpartpages:dataformparameter parameterkey="listid" propertyname="parametervalues" defaultvalue="{fa03b5da-da12-404a-a3d7-531af64c0f93}" name="listid"></webpartpages:dataformparameter> </deleteparameters> </sharepoint:spdatasource> </datasources> <xsl> <xsl:stylesheet xmlns:x="http://www.w3.org/2001/xmlschema" xmlns:dsp="http://schemas.microsoft.com/sharepoint/dsp" version="1.0" exclude-result-prefixes="xsl msxsl ddwrt" xmlns:ddwrt="http://schemas.microsoft.com/webparts/v2/dataview/runtime" xmlns:asp="http://schemas.microsoft.com/aspnet/20" xmlns:__designer="http://schemas.microsoft.com/webparts/v2/dataview/designer" xmlns:xsl="http://www.w3.org/1999/xsl/transform" xmlns:msxsl="urn:schemas-microsoft-com:xslt" xmlns:sharepoint="microsoft.sharepoint.webcontrols" xmlns:ddwrt2="urn:frontpage:internal"> <xsl:output method="html" indent="no"/> <xsl:decimal-format nan=""/> <xsl:param name="dvt_apos">'</xsl:param> <xsl:param name="manualrefresh"></xsl:param> <xsl:variable name="dvt_1_automode">0</xsl:variable> <xsl:template match="/" xmlns:x="http://www.w3.org/2001/xmlschema" xmlns:dsp="http://schemas.microsoft.com/sharepoint/dsp" xmlns:asp="http://schemas.microsoft.com/aspnet/20" xmlns:__designer="http://schemas.microsoft.com/webparts/v2/dataview/designer" xmlns:sharepoint="microsoft.sharepoint.webcontrols"> <xsl:choose> <xsl:when test="($manualrefresh = 'true')"> <table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td valign="top"> <xsl:call-template name="dvt_1"/> </td> <td width="1%" class="ms-vb" valign="top"> <img src="/_layouts/15/images/staticrefresh.gif" id="manualrefresh" border="0" onclick="javascript: {ddwrt:genfireserverevent('__cancel')}" alt="click here refresh dataview."/> </td> </tr> </table> </xsl:when> <xsl:otherwise> <xsl:call-template name="dvt_1"/> </xsl:otherwise> </xsl:choose> </xsl:template> <xsl:template name="dvt_1"> <xsl:variable name="dvt_stylename">listform</xsl:variable> <xsl:variable name="rows" select="/dsqueryresponse/rows/row"/> <div> <span id="part1"> <table border="0" width="100%"> <xsl:call-template name="dvt_1.body"> <xsl:with-param name="rows" select="$rows"/> </xsl:call-template> </table> </span> <sharepoint:attachmentupload runat="server" controlmode="new"/> <sharepoint:itemhiddenversion runat="server" controlmode="new"/> </div> </xsl:template> <xsl:template name="dvt_1.body"> <xsl:param name="rows"/> <tr> <td class="ms-toolbar" nowrap="nowrap"> <table> <tr> <td width="99%" class="ms-toolbar" nowrap="nowrap"><img src="/_layouts/15/images/blank.gif" width="1" height="18"/></td> <td class="ms-toolbar" nowrap="nowrap"> <sharepoint:savebutton runat="server" controlmode="new" id="savebutton1"/> </td> <td class="ms-separator"> </td> <td class="ms-toolbar" nowrap="nowrap" align="right"> <sharepoint:gobackbutton runat="server" controlmode="new" id="gobackbutton1"/> </td> <td><input type="text" id="usertype"/></td> <!-- here --> <td><input type="button" value="click here change view" id="usertypebutton" onclick="function1()"/></td> </tr> </table> </td> </tr> <tr> <td class="ms-toolbar" nowrap="nowrap"> <sharepoint:formtoolbar runat="server" controlmode="new"/> <sharepoint:itemvalidationfailedmessage runat="server" controlmode="new"/> </td> </tr> <xsl:call-template name="dvt_1.rowedit"/> <tr> <td class="ms-toolbar" nowrap="nowrap"> <table> <tr> <td width="99%" class="ms-toolbar" nowrap="nowrap"><img src="/_layouts/15/images/blank.gif" width="1" height="18"/></td> <td class="ms-toolbar" nowrap="nowrap"> <sharepoint:savebutton runat="server" controlmode="new" id="savebutton2"/> </td> <td class="ms-separator"> </td> <td class="ms-toolbar" nowrap="nowrap" align="right"> <sharepoint:gobackbutton runat="server" controlmode="new" id="gobackbutton2"/> </td> </tr> </table> </td> </tr> </xsl:template> <xsl:template name="dvt_1.rowedit"> <xsl:param name="pos" select="position()"/> <tr> <td> <table border="0" cellspacing="0" width="100%"> <tr> <td width="190px" valign="top" class="ms-formlabel"> <h3 class="ms-standardheader"> <nobr>formid<span class="ms-formvalidation"> *</span> </nobr> </h3> </td> <td width="400px" valign="top" class="ms-formbody" > <sharepoint:formfield runat="server" id="ff1{$pos}" controlmode="new" fieldname="title" __designer:bind="{ddwrt:databind('i',concat('ff1',$pos),'value','valuechanged','id',ddwrt:escapedelims(string(@id)),'@title')}"/> <sharepoint:fielddescription runat="server" id="ff1description{$pos}" fieldname="title" controlmode="new"/> </td> </tr> <tr> <td width="190px" valign="top" class="ms-formlabel"> <h3 class="ms-standardheader"> <nobr>surgeon_name</nobr> </h3> </td> <td width="400px" valign="top" class="ms-formbody"> <sharepoint:formfield runat="server" id="ff2{$pos}" controlmode="new" fieldname="tsnn" __designer:bind="{ddwrt:databind('i',concat('ff2',$pos),'value','valuechanged','id',ddwrt:escapedelims(string(@id)),'@tsnn')}"/> <sharepoint:fielddescription runat="server" id="ff2description{$pos}" fieldname="tsnn" controlmode="new"/> </td> </tr> <tr> <td width="190px" valign="top" class="ms-formlabel"> <h3 class="ms-standardheader"> <nobr>surgeon_surname</nobr> </h3> </td> <td width="400px" valign="top" class="ms-formbody"> <sharepoint:formfield runat="server" id="ff3{$pos}" controlmode="new" fieldname="_x0069_xr2" __designer:bind="{ddwrt:databind('i',concat('ff3',$pos),'value','valuechanged','id',ddwrt:escapedelims(string(@id)),'@_x0069_xr2')}"/> <sharepoint:fielddescription runat="server" id="ff3description{$pos}" fieldname="_x0069_xr2" controlmode="new"/> </td> </tr> <tr> <td width="190px" valign="top" class="ms-formlabel"> <h3 class="ms-standardheader"> <nobr>date_created</nobr> </h3> </td> <td width="400px" valign="top" class="ms-formbody"> <sharepoint:formfield runat="server" id="ff4{$pos}" controlmode="new" fieldname="date_created" __designer:bind="{ddwrt:databind('i',concat('ff4',$pos),'value','valuechanged','id',ddwrt:escapedelims(string(@id)),'@date_created')}"/> <sharepoint:fielddescription runat="server" id="ff4description{$pos}" fieldname="date_created" controlmode="new"/> </td> </tr> <tr> <td width="190px" valign="top" class="ms-formlabel"> <h3 class="ms-standardheader"> <nobr>lab_name</nobr> </h3> </td> <td width="400px" valign="top" class="ms-formbody"> <sharepoint:formfield runat="server" id="ff5{$pos}" controlmode="new" fieldname="d0h5" __designer:bind="{ddwrt:databind('i',concat('ff5',$pos),'value','valuechanged','id',ddwrt:escapedelims(string(@id)),'@d0h5')}"/> <sharepoint:fielddescription runat="server" id="ff5description{$pos}" fieldname="d0h5" controlmode="new"/> </td> </tr> <tr> <td width="190px" valign="top" class="ms-formlabel"> <h3 class="ms-standardheader"> <nobr>lab_surname</nobr> </h3> </td> <td width="400px" valign="top" class="ms-formbody"> <sharepoint:formfield runat="server" id="ff6{$pos}" controlmode="new" fieldname="zn0z" __designer:bind="{ddwrt:databind('i',concat('ff6',$pos),'value','valuechanged','id',ddwrt:escapedelims(string(@id)),'@zn0z')}"/> <sharepoint:fielddescription runat="server" id="ff6description{$pos}" fieldname="zn0z" controlmode="new"/> </td> </tr> <tr> <td width="190px" valign="top" class="ms-formlabel"> <h3 class="ms-standardheader"> <nobr>status</nobr> </h3> </td> <td width="400px" valign="top" class="ms-formbody"> <sharepoint:formfield runat="server" id="ff7{$pos}" controlmode="new" fieldname="status" __designer:bind="{ddwrt:databind('i',concat('ff7',$pos),'value','valuechanged','id',ddwrt:escapedelims(string(@id)),'@status')}"/> <sharepoint:fielddescription runat="server" id="ff7description{$pos}" fieldname="status" controlmode="new"/> </td> </tr> <tr id="idattachmentsrow"> <td nowrap="true" valign="top" class="ms-formlabel" width="20%"> <sharepoint:fieldlabel controlmode="new" fieldname="attachments" runat="server"/> </td> <td valign="top" class="ms-formbody" width="80%"> <sharepoint:formfield runat="server" id="attachmentsfield" controlmode="new" fieldname="attachments" __designer:bind="{ddwrt:databind('i','attachmentsfield','value','valuechanged','id',ddwrt:escapedelims(string(@id)),'@attachments')}"/> <script> var elm = document.getelementbyid("idattachmentstable"); if (elm == null || elm.rows.length == 0) document.getelementbyid("idattachmentsrow").style.display='none'; </script> </td> </tr> <xsl:if test="$dvt_1_automode = '1'" ddwrt:cf_ignore="1"> <tr> <td colspan="99" class="ms-vb"> <span ddwrt:amkeyfield="id" ddwrt:amkeyvalue="ddwrt:escapedelims(string(@id))" ddwrt:ammode="view"></span> </td> </tr> </xsl:if> </table> </td> </tr> </xsl:template> </xsl:stylesheet> </xsl> <datafields> </datafields> <parameterbindings> <parameterbinding name="listitemid" location="querystring(id)" defaultvalue="0"/> <parameterbinding name="weburl" location="none" defaultvalue="https://tcfddemo.sharepoint.com/sites/adelphi"/> <parameterbinding name="listid" location="none" defaultvalue="{fa03b5da-da12-404a-a3d7-531af64c0f93}"/> <parameterbinding name="dvt_apos" location="postback;connection"/> <parameterbinding name="manualrefresh" location="wpproperty[manualrefresh]"/> <parameterbinding name="userid" location="camlvariable" defaultvalue="currentusername"/> <parameterbinding name="today" location="camlvariable" defaultvalue="currentdate"/> </parameterbindings> </webpartpages:dataformwebpart> and here javascript wrote
<script> function function1(){ var type=document.getelementbyid("usertype").value; //window.alert(type); if(type=="lab"){ window.alert("you lab"); document.getelementbyid("ff1{$pos}").disabled=true; } else if (type=="surgeon"){ window.alert("you surgeon"); } } </script> my question how access textbox using "document.getelementbyid" , pure javascript. have tried use default id, not work.
to wrap up: can html element through javascript using generated id sharepoint. navigate page , @ source. id there , use in document.getelementbyid(xxx).
so using 'ff1{$pos}' won't work element's id generated/replaced on page load.
the id's mostle start ctl00_placeholdermain_[yourid]
Comments
Post a Comment