Alert box, can you use html tags

Paulito · July 30, 2013

Good morning all,

Using PS 1.5.1.4 default theme

I want to use an "alert box" on my product pages to give more visibility to my delivery times, the alert

box is there but:

1. How to change the size and colour of the button

2. Can I use html/css tags in the alert box

3. How to get the mouse to change on hover

Please see code below

<!DOCTYPE html>

<html>

<head>

function myFunction()

{

alert("All our deliveries take at least 4 weeks to reach you<h1>see below</h1>");

}

</script>

</head>

<body>

</body>

</html>

I know that this is simple but!!!!

Hope you can help

Paul

Edited July 30, 2013 by perfumeskunk (see edit history)

vekia · July 30, 2013

hello

your code will not work well, i will use a bit different method

1) don't use <input> as a button, just use simple button: <a href="#" onclick="myFunction()" class="popbutton">button</a>

then you will be able to stylize the .popbutton with css also hover effect, example: .popbutton:hover {color:blue;}

2) in this simple javascript popup you can't use the html tags

3) see my first point

Paulito · July 30, 2013

Thanks vekia I'll try that

Paul

Recommended Posts