Jquery append image src and button click

Question

I am trying to add image and button click to jquery dynamically. The image doesn't show. Below is my code.

$("<div/>", { id: "hide" })
    .append('<img src="/Content/Images/alert.png" style="margin-left: auto; margin-right: auto; display: block;" alt="" />')
    .append('<button runat="server" autofocus id="myButton" type="button" style="margin-left: auto; margin-right: auto; display: block;">OK</button>');
$("#myButton").click(function () {
    $("#hide").hide();
});

charlietfl · Accepted Answer · 2021-05-01 00:26:01Z

1

You are creating a new element in memory and appending to that but not to the DOM.

Change:

$("<div/>", { id: "hide" }).append...

To:

$("#hide").append...

answered May 1, 2021 at 0:26

charlietfl

172k14 gold badges125 silver badges154 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

user2061998 Over a year ago

I have tried your approach and it doesn't work. Maybe if I can explain what I am doing you can help me better. I need a popup image with some text to show up first thing when my page is loading. Something like a warning, users read it and click ok to dismiss and proceed. I was using session start in Global.asax which was working ok in windows server 2008 R2 but now not working in windows server 2019. I need the popup to come before the DOM loads so basically from the html header

charlietfl Over a year ago

The server shouldn't make a difference since this is client side code run in browser. You can do what you are asking using html and css

user2061998 Over a year ago

Do you have an example where to embed the html? I am using mvc5 _Layout

user2061998 · Accepted Answer · 2021-05-03 16:15:06Z

0

I have finally got it working the way I want. I have created an html page for the redirect. I have also marked some of my controllers with

[SessionState(System.Web.SessionState.SessionStateBehavior.ReadOnly)]

Then in my Glbal.asax Session_Start I check if the Session is not IsReadOnly Redirect to the html page

answered May 3, 2021 at 16:15

user2061998

411 silver badge9 bronze badges

1 Comment

Sagar V Over a year ago

This isn't an answer to the question.

Collectives™ on Stack Overflow

Jquery append image src and button click

2 Answers 2

3 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related