many people suggested avoid using coldfusion ui tags such cfwindow. adam cameron & ray camden created coldfusion ui right way at: http://static.raymondcamden.com/cfuitherightway/ people can have alternatives.
i need popup window , don't mind if don't use coldfusion ui tag cfwindow. need when user click on link, pop window show up. example given ray camden using button instead of link. need link open popup because want give users details explanation thing within paragraph can't use button.
how can change button link on example below, possible? i've tried manipulating wasn't successful.
<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>test1</title> <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css"> </head> <body> <!--- need replace button link, how can it? ---> <button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#mymodal"> launch demo modal </button> <!--- button ends here ---> <div class="modal fade" id="mymodal" tabindex="-1" role="dialog" aria-labelledby="mymodallabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h4 class="modal-title" id="mymodallabel">modal title</h4> </div> <div class="modal-body"> <p>i have content right here <cfoutput>#now()#</cfoutput></p> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">close</button> <button type="button" class="btn btn-primary">save changes</button> </div> </div><!-- /.modal-content --> </div><!-- /.modal-dialog --> </div><!-- /.modal --> <!-- jquery (necessary bootstrap's javascript plugins) --> <script src="https://code.jquery.com/jquery.js"></script> <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"></script> </body>
use below code. make sure set data-toggle , data-target attributes in anchor tag
<a href="#" data-toggle="modal" data-target="#mymodal"> launch demo modal </a> 
Comments
Post a Comment