Dialog Quickstart Example

The Dialog Control is designed to allow you to retrieve information from the user and make use of that information within the page — whether interally to the page or by sending the information to the server via form post or XMLHttpRequest. This example shows how to do the latter. Click the button to show the Dialog instance and its form fields; fill out the form; submit the form. Dialog will automatically use the YUI Connection Manager to send the data via XMLHttpRequest to the server and will then echo that data back to you on the page.

Please enter your information
1 2
1
1 2
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi est nisl, vestibulum eu malesuada eu, pharetra nec neque. Nunc sit amet urna a nunc dignissim luctus quis ut augue. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Mauris at erat non quam feugiat tempus. Morbi et consequat risus. Pellentesque dignissim rhoncus eros sed iaculis. Aliquam lacus neque, fermentum sed pharetra vel, fermentum sed sapien. Phasellus euismod velit quis leo laoreet non tristique sapien viverra. Cras eget elit id erat faucibus pharetra. Fusce at metus et elit commodo rutrum in at elit. Integer magna lectus, porta in hendrerit eget, blandit sed nunc. Integer ut augue lectus, sit amet faucibus eros. Proin pharetra ipsum vel ipsum dignissim placerat. Nunc porttitor rhoncus dignissim. In arcu nisl, lacinia et fermentum nec, ultricies id erat. Nulla sit amet enim non orci cursus blandit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aliquam erat volutpat. Fusce facilisis elit tincidunt ligula condimentum laoreet nec ac erat. Donec libero enim, sodales non aliquet vel, consectetur vel est. Vivamus interdum pretium eros, non mattis erat elementum id. Integer aliquam, nulla sed gravida condimentum, lectus sem sodales dui, eget dignissim ligula leo non leo. Duis accumsan, nunc sit amet sollicitudin laoreet, tellus felis hendrerit est, sed ultrices erat ipsum quis est. Aenean cursus iaculis lorem, vel accumsan ligula accumsan vel. Vivamus consectetur, tellus a tincidunt cursus, lorem turpis commodo metus, ut dapibus mi mi vel libero. Suspendisse potenti. Maecenas vel mauris purus. Donec quis nulla nibh. Nam sodales, odio sit amet egestas sagittis, ante lorem malesuada nisl, a iaculis dui nisi ac quam. Etiam nisi lacus, posuere vitae feugiat vitae, semper in nulla. Integer nec scelerisque purus. Maecenas lectus erat, bibendum suscipit sagittis sed, euismod vitae enim. Nunc nec magna sit amet tortor congue malesuada. Vestibulum tempus dui quis quam mattis vestibulum ac ut justo. Integer nulla nibh, consequat sed suscipit id, rhoncus ac augue. Fusce sollicitudin elit et diam tincidunt cursus. Mauris adipiscing lorem et odio gravida posuere. Donec consequat felis tincidunt mauris gravida iaculis. Sed non augue vel magna ultricies semper. Nullam nisl odio, ultrices id semper id, rutrum nec est. Nulla nec viverra lectus. Duis lorem nunc, sodales ut scelerisque a, gravida non elit. Maecenas at sapien et orci eleifend pellentesque. Nunc dapibus auctor nisi, vel venenatis nisi elementum vel. Mauris congue fermentum interdum. Proin eget lectus in ante tristique tincidunt. Duis euismod diam at risus interdum viverra. Quisque quis augue erat, id gravida felis. Integer laoreet viverra tortor, a suscipit turpis semper eu. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas turpis tortor, ultricies eu elementum ac, rhoncus at nisi. Maecenas luctus tincidunt ultricies. Morbi varius sapien nec libero aliquet accumsan. Proin erat augue, ornare at blandit vulputate, sollicitudin sit amet sapien. Suspendisse suscipit dui non ligula condimentum sed congue nulla vulputate. Maecenas sed lobortis arcu. Vivamus metus risus, elementum nec pharetra non, tristique vitae magna. Aenean enim dui, rutrum eget gravida non, lobortis at lorem. Pellentesque posuere eleifend enim, eget imperdiet neque ornare et. Aenean vitae dapibus orci. Mauris facilisis tincidunt arcu, tristique laoreet sapien elementum eget. Aenean vestibulum imperdiet massa et luctus. Integer gravida quam magna, vel pellentesque risus. Pellentesque a risus orci, in mattis massa. Phasellus iaculis faucibus adipiscing. Nunc lacinia, ligula quis eleifend lobortis, massa ipsum pellentesque ipsum, et ullamcorper est purus sed lectus. Vestibulum ultrices mi eu massa aliquam egestas. Donec eu nunc eros, in congue purus. Morbi neque mi, viverra ut sodales vitae, ornare sit amet nibh. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Quisque arcu tellus, ultrices vitae sollicitudin ac, ultricies at magna. Fusce urna felis, pretium ut pellentesque quis, porta non metus. Sed porttitor justo cursus erat consectetur vitae posuere lorem tempus. Mauris id purus vitae elit interdum pretium eget et nibh. In et lorem nibh. Proin dapibus scelerisque magna id malesuada. Aliquam porta lorem tristique quam interdum at condimentum urna interdum. Suspendisse at blandit est. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse vitae magna metus, consequat scelerisque augue. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse eu viverra libero. Vivamus id auctor leo. Vivamus luctus scelerisque leo, eu pulvinar massa consectetur id. Pellentesque purus neque, eleifend eget dictum eu, pulvinar ac turpis. Pellentesque mattis molestie mattis. Integer ultricies luctus dui, quis pellentesque nunc laoreet a. Pellentesque cursus, libero quis elementum dapibus, ipsum diam imperdiet magna, quis posuere odio nisl eget sem. Pellentesque risus massa, interdum sed pellentesque nec, dictum aliquam lorem. Praesent quis ligula vitae risus semper vestibulum quis et eros. Phasellus hendrerit mollis tellus, vel consectetur est scelerisque nec. Morbi congue scelerisque lacus, et lobortis arcu congue ut. Suspendisse auctor blandit enim, nec mattis quam ultricies ornare. Ut gravida dolor at nisi fermentum blandit. Suspendisse vulputate mattis sollicitudin. Donec in condimentum orci. In et gravida nisi. Aliquam ac elit non nisi auctor laoreet eget ut elit. Maecenas aliquet nunc sed mauris suscipit malesuada. Donec fringilla libero quis diam rutrum ac dictum ipsum malesuada. Suspendisse potenti. Maecenas ut pellentesque dui. Sed posuere luctus aliquam. Nam luctus eros non nisi dignissim iaculis pellentesque dolor dictum. Cras porttitor velit id urna placerat mattis. Nunc orci sapien, hendrerit sed luctus feugiat, euismod ac orci. Sed sed turpis at sem suscipit tempor vitae et lorem. Donec ultrices risus et tellus tempor vel hendrerit turpis tempus. Ut at ante arcu. Sed gravida tincidunt tempor. Cras tincidunt convallis dui, sit amet convallis augue ultrices eu. Suspendisse et eros enim. Etiam fringilla egestas ligula, quis auctor ipsum scelerisque a. Curabitur quis lacus ut libero pulvinar imperdiet sed nec neque. Cras at dui in nulla dictum viverra. Duis adipiscing facilisis vestibulum. Etiam tempor feugiat enim eget rhoncus. Praesent ut ante sit amet risus convallis fringilla ut id dolor. Suspendisse potenti. Proin elementum elit id nisi condimentum in vehicula leo vehicula. Duis sed felis et mauris pretium tristique hendrerit vel massa. Vivamus auctor, risus sit amet tincidunt commodo, quam felis vulputate diam, ac bibendum sapien sapien eget nisl. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Phasellus porta, erat et pretium hendrerit, elit felis feugiat felis, at fermentum felis turpis ac neque. Nam a mi vel orci dapibus eleifend sit amet sed orci. Proin id massa dui. Aenean posuere commodo lacinia. Ut euismod tristique urna nec porttitor. Pellentesque tristique ornare malesuada. Phasellus vel est enim, at eleifend tellus. Integer nisi ipsum, facilisis id consectetur nec, tristique eu augue. Fusce nec quam eget libero pellentesque ullamcorper auctor eget magna. Etiam consequat bibendum nibh, quis fermentum magna molestie sed. Donec nec velit quis lacus tincidunt elementum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean interdum commodo velit ut pellentesque. Etiam massa enim, molestie eu dictum vitae, suscipit sed leo. Nam eget sollicitudin lacus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Suspendisse vitae enim quam.
Server response will be displayed in this area