Here users from all over the world gather around to learn the latest about Chevereto and contribute with ideas to improve the software.
Please keep in mind:
<input type="button" id="redirect" value="show alert" />
<div id="alertWindow">
You'll be redirect to google.com. Continue?
<br /><br />
<input type="button" id="btnOk" value="OK" /> <input type="button" id="btnCancel" value="Cancel" />
</div>
#alertWindow {
display: none;
text-align: center;
border: 1px solid #333;
width: 200px;
height: 80px;
border-radius: 5px;
padding: 10px;
}
#btnOk, #btnCancel { width: 70px; }
$(function() {
$("#redirect").click(function(){
$('#alertWindow').show();
return false;
});
$('#btnCancel').click(function() {
$('#alertWindow').hide();
});
$('#btnOk').click(function() {
location.href = 'http://www.google.com';
return false;
});
});
<script type="text/javascript" src="'.__CHV_URL_SYSTEM_JS__.conditional_minify('jquery.uploadify-3.1_chevereto.js').'"></script>
<script type="text/javascript" src="'.__CHV_URL_SYSTEM_JS__.conditional_minify('jquery-ui.js').'"></script>
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>jQuery UI Dialog - Basic modal</title>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.1/themes/base/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.1/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css" />
<script>
$(function() {
$( "#dialog-modal" ).dialog({
height: 140,
modal: true
});
});
</script>
</head>
<body>
<div id="dialog-modal" title="Basic modal dialog">
<p>Adding the modal overlay screen makes the dialog look more prominent because it dims out the page content.</p>
</div>
<p>Sed vel diam id libero <a href="http://example.com">rutrum convallis</a>. Donec aliquet leo vel magna. Phasellus rhoncus faucibus ante. Etiam bibendum, enim faucibus aliquet rhoncus, arcu felis ultricies neque, sit amet auctor elit eros a lectus.</p>
</body>
</html>