Jump to content

modal/popup window


joeblack

Recommended Posts

yes i did do some research, however I am not able to get a proper popup as I mentioned earlier. I searched the site and tried popup alert and prompt and another, all of which would require user to click on the button and then click the option. But I would like to know in detail how to create a modal/popup which displays my disclaimer and then allow according to their consent.

Link to comment
Share on other sites

To be frank I am a noob with this, could you help me with a step by step process. I am using html editor in template that's all I know. Sorry in here i can see the example but how can I go around applying to my blog? In the sense where do I paste it in html editor of themes or new gadget. In new gadget it doesnt give me a pop up until i click open modal and in html editor of themes gives me error when i paste it above header from below document type??

Edited by joeblack
Link to comment
Share on other sites

I'm not sure what tools you're using, but that example has some HTML markup, some CSS, and some Javascript code. Each of those goes in its own place, if you're not familiar with that stuff then it might be better to start at the beginning with the HTML, CSS, and Javascript tutorials on the site. That example does use a button to show the modal. For what you want to do you'll probably need to use cookies, so when the page loads you check if your cookie is already set and, if it's not, then you show the modal. When they click whatever you want them to click then you would set the cookie so that the next time they load the page it doesn't show it again.

Link to comment
Share on other sites

Thank You so much for your time and advice, I am not using any tools just the browser and have no clue about the difference between HTML, JS and CSS. I was hoping if I could get some simple instructions as to how to go around to apply the popup to my website. Thank you..

Link to comment
Share on other sites

The HTML tutorial contains basic information about how to structure the document:

 

http://www.w3schools.com/html/default.asp

 

The page on CSS describes how to link an external stylesheet to the page, that's the most common way to add CSS to the page:

 

http://www.w3schools.com/html/html_css.asp

 

These days, Javascript is typically added in a script tag at the end of the HTML page before the closing body tag:

 

http://www.w3schools.com/html/html_scripts.asp

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...