In C# div act as runat server so can't able to use in javascript

Question

0.00/5 (No votes)

See more:

ASP.NET

<div id="imgd" class="active" runat="server">
                                <img src="images/logo3.png" height="35" alt="Porto Admin" />
                            </div>
                            <div id="imgl" class="dnone" runat="server">
                                <img src="images/logo4.png" height="35" alt="Porto Admin" />
                            </div>

HTML

<div class="panel-body">
                                           <div id="demo-form" class="form-horizontal mb-lg">
                                               <div class="form-group mt-lg">
                                                   <div class="col-sm-3">
                                                       <input class="fixed dark btn btn-primary" type="button" id="btnd" value="Dark" onclick="changeCSS();" />
                                                   </div>
                                                   <label class="col-sm-6 control-label" style="text-align: center;"><b>Background Color </b></label>
                                                   <div class="col-sm-3">
                                                       <input class="fixed btn btn-info" type="button" id="btnl" value="Light" onclick="change();" />
                                                   </div>
                                               </div>
                                           </div>
                                       </div>


 <script type="text/javascript">>

          function changeCSS() {
              document.getElementById("divHTML").className = "fixed dark";

              document.getElementById('<%=imgl.ClientID%>').style.display = "none";
              document.getElementById('<%=imgd.ClientID%>').style.display = "block";

          }

        </script>

        <script>
            function change() {
                document.getElementById("divHTML").className = "fixed";
                document.getElementById("imgd").style.visibility = "hidden";
                document.getElementById("imgl").style.visibility = "visible";
                document.getElementById("imgl").className = "ldisp";
            }
        </script>

Posted 24-Jan-16 21:25pm

Sathish PS

Updated 24-Jan-16 21:42pm

dan!sh

v2

Add a Solution

Comments

dan!sh 25-Jan-16 3:43am

Can you rephrase your question? It is not really clear what problem you are facing.

John C Rayan 25-Jan-16 4:45am

Why cant you access a Div with runat=server from JavaScript? can you explain how do you mean?

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Manas_Kumar · Answer 1 · 2016-01-24T22:14:00

Solution 1

Use <%= %> in javascript because ASP.NET generates dynamic ID of controls. Try with below code:

ASP.NET

<div id="imgd" class="active"  runat="server">
	<img src="images/logo3.png" height="35" alt="Porto Admin" />
</div>

JavaScript

<script>
function change() {
	document.getElementById("<%=imgd.ClientID%>").style.visibility = "hidden";
}
</script>

Posted 24-Jan-16 22:14pm

Manas_Kumar

Updated 24-Jan-16 22:15pm

v2

Comments

Sathish PS 26-Jan-16 7:02am

thks, it's working

[no name] 26-Jan-16 7:05am

Nice to hear. If it helps you, accept the answer..