Modal-box close

I have a modal-box pop up with a mask. There is no “Close” button link to close it. A visitor has to guess that if you click on the mask part of the pop up window it will close.

Here is what the css looks like right now. I need to add something to it to it.

#modal-window {
display: none;
position: absolute;
z-index: 9999;
padding: 5px;
background: #FFFFFF url(Resources/loading.gif) no-repeat 50% 50%;
border: 1px solid #CCCCCC;
}

#modal-window-mask {
display: none;
position: absolute;
top: 0;
left: 0;
z-index: 9998;
width: 100%;
height: 100%;
background: #CCCCCC;
}

#modal-window-content {
background: #FFFFFF;
}

http://morecss.yellowgreen.de/


actionsdev mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I’m willing to pay someone for their time to show me how to add a “Close” to the Modal box. I’m a designer with beginner skills for coding but I can learn from example.

Much appreciated.


actionsdev mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

ok Billy try this…
it does work although its not really correct but I cant work out how to get this to work with an iframe
anyway its a start and may be some one else will step in and help out to make it work with an iframe

in the MoreCSS.css sheet can you change this line from

modal-window: iframe;       

to this

modal-window: ajax;

then in the target page add this to the top right of the page add the word:
CLOSE
then highlight the close word press “cmd k”
then choose protocol: javascript and write this

javascript:TINY.box.hide()

save and publish


actionsdev mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Max,
Thank you so much. I try to get people to have some input in Freeway Talk but I get very few responses.

You’re the best.

Billy
On Jul 24, 2013, at 5:49 PM, max wrote:

ok Billy try this…
it does work although its not really correct but I cant work out how to get this to work with an iframe
anyway its a start and may be some one else will step in and help out to make it work with an iframe

in the MoreCSS.css sheet can you change this line from

modal-window: iframe;

to this

modal-window: ajax;

then in the target page add this to the top right of the page add the word:
CLOSE
then highlight the close word press “cmd k”
then choose protocol: javascript and write this

javascript:TINY.box.hide()

save and publish


actionsdev mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


actionsdev mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

It does work but there is a slight clash with the carousel on the page. I’ll see if I can figure it out.
Billy
On Jul 24, 2013, at 6:00 PM, email@hidden wrote:

Max,
Thank you so much. I try to get people to have some input in Freeway Talk but I get very few responses.

You’re the best.

Billy
On Jul 24, 2013, at 5:49 PM, max wrote:

ok Billy try this…
it does work although its not really correct but I cant work out how to get this to work with an iframe
anyway its a start and may be some one else will step in and help out to make it work with an iframe

in the MoreCSS.css sheet can you change this line from

modal-window: iframe;

to this

modal-window: ajax;

then in the target page add this to the top right of the page add the word:
CLOSE
then highlight the close word press “cmd k”
then choose protocol: javascript and write this

javascript:TINY.box.hide()

save and publish


actionsdev mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


actionsdev mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


actionsdev mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

it will be because the page is being pulled in via ajax and so the target page content that contain things like scripts are being mixed up that why you really need to use an iframe which keeps both pages separate., For the moment I cant think how to get around it either ajax which means you can have the close link or iframe but no close link
speak soon max


actionsdev mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Ok billy I think i have something that will work with the iframe so should be ok
will need to create an example because I have had to change some of the modal script for it to work but leave it with me and I will send it over tomorrow
speak soon max


actionsdev mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Ok finally got it to work… I will wrap it all up and send it over tomorrow
all the best max


actionsdev mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Max,
You are so nice. Thank You. Thank. Thank You. I know you have a donation link for WebYep. Please send it to me.
Billy
On Jul 24, 2013, at 7:06 PM, max wrote:

Ok billy I think i have something that will work with the iframe so should be ok
will need to create an example because I have had to change some of the modal script for it to work but leave it with me and I will send it over tomorrow
speak soon max


actionsdev mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


actionsdev mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Ok billy its been sent to you so you should receive the download link for then example and instructions
all the best max


actionsdev mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

So it is working great, however, the “Close” link style eludes me. I am trying to get the link color to be #A42F23 and on hover: #AFA992. Tee hover part works, but the link color is inheriting white from somewhere else.
Billy
On Jul 25, 2013, at 2:32 AM, max wrote:

Ok billy its been sent to you so you should receive the download link for then example and instructions
all the best max


actionsdev mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


actionsdev mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

hi billy sorry I wrote in the wrong order it should be:

.closestyle {
    color: #A42F23;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    text-align: center;
}
.closestyle a:link {
    text-decoration: none;
    color: #A42F23;
}
.closestyle a:visited {
    text-decoration: none;
    color: #A42F23;
}
.closestyle a:hover {
    text-decoration: none;
    color: #AFA992;
}

actionsdev mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options