Html element display none inline in asp.net

Question

I want to display:none html element in asp.net something like this :)

<ul style="<% if(Page.Request.QueryString["Search"] == null) { "display: none"} %>">

Any suggestion or example would be great for me, thanks.

You can define the `RunAs` attribute to `server` and take care of this in the code behind. Or do you really prefer ot stay in the HTML ? — Irwene, May 01 '15 at 13:30

score 2 · Accepted Answer · answered May 01 '15 at 13:30

2

what about

<% = (Page.Request.QueryString["Search"] == null ? "display:none":string.Empty) %>

answered May 01 '15 at 13:30

Legends

21,202
16
97
123

score 0 · Answer 2 · edited May 23 '17 at 10:24

Why not use javascript for this? It will be much cleaner to keep client side code separate.

there are a ton of ways to get a query string in JS here is one

Then you can check and add the class with jquery.

HTML:

<ul id="search">

    <li>test</li>

</ul>

Javascript:

// from https://stackoverflow.com/questions/4656843/jquery-get-querystring-from-url

    function getUrlVars()
    {
        var vars = [], hash;
        var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
        for(var i = 0; i < hashes.length; i++)
        {
            hash = hashes[i].split('=');
            vars.push(hash[0]);
            vars[hash[0]] = hash[1];
        }
        return vars;
    }

    var search = getUrlVars()["Search"];

    if(!search)
    {
        $("#search").css("display","none")
    }

http://jsfiddle.net/aaLw9mx8/

Html element display none inline in asp.net

2 Answers2