Steve..."You Da Man!" Working great. Just have to style it up! Even working
in IE 10!
Just wished I had asked this group 3 days ago! Would have saved a lot of
time...and I'd have more hair!
Thanks again!
On Monday, August 5, 2013 12:19:59 PM UTC-6, James Haslam wrote:
>
> Hello...I have a modal on my page that displays okay when I click a text
> link on the page (see www.jimhaslam.com/aftec/index.html for an example,
> and the link to open the modal is at the very bottom-left of the page).
>
> However, I want to make it open automatically using onLoad with a 5-second
> delay. No clicking!
> I am trying to convert the following code that opens the modal with a
> click, and it works:
>
> <a href="#openModal">Open Modal</a>
> <div id="openModal" class="modalDialog">
> <div> <a href="#close" title="Close" class="closecta">X</a>
> <h2>Need More Information?</h2>
> <p>Click below to go to our Contact Us page...</p>
> <p class="btn"><a href="contact-us.php"> More Info </a></p>
> </div>
> </div>
>
> I am trying to convert this working code above (using a link) so it will
> open the modal automatically with a 5 second delay...
> I have tried several jquery and javascript timed event codes...such as:
>
> *(This in the head wrapped in script tags...)*
>
> function showIt() {
> document.getElementById("openModal").style.display = "block";
> }
>
>
> *(...with this in the body element...)*
>
> onLoad='setTimeout("showIt()", 5000);'
>
>
> (and my div id...)
>
> div id="openModal"
>
>
> But all so far have not worked. Does anyone know a way to make this work?
> Something seems to be blocking it from working.
>
> I am using HTML5, CSS3, and Bootstrap Responsive Design code.
>
> Thanks.
>
--
You received this message because you are subscribed to the Google Groups
"twitter-bootstrap" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
For more options, visit https://groups.google.com/groups/opt_out.
