vitisan Posted August 6, 2014 Share Posted August 6, 2014 1. I put javascript files in the path c:\myproject\Win32\Debug\files\js\humane.min.js 2. in server moudule.customfile, I declare path files/js/humane.min.js 3. when i test my Program uses uniGUIVars, MainModule, humanejs; procedure TMainForm.btnOKClick(Sender: TObject); begin humane.success('No errors found'); end; my program work already but no effect in javascript 4. i think, i declare wrong path in server moudule.customfile files/js/humane.min.js Thank you very much for your help. Quote Link to comment Share on other sites More sharing options...
Administrators Farshad Mohajeri Posted August 6, 2014 Administrators Share Posted August 6, 2014 Send a test case pls. Quote Link to comment Share on other sites More sharing options...
Sherzod Posted August 6, 2014 Share Posted August 6, 2014 Apparently you have not attached humane CSS. After unpacking HumaneDemo.zip, 1 Copy the folder "assets" in the directory "c:\myproject\Win32\Debug"2 In the Custom Files add "assets/js/humane.min.js" 3 in the Custom CSS add html, body { height: 100%; } .humane { position: fixed; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; z-index: 100000; display: none; } .humane { font-family: Ubuntu, Arial, sans-serif; text-align: center; font-size: 15px; top: 10px; right: 10px; opacity: 0; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); width: 150px; color: #fff; padding: 10px; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABQCAYAAADYxx/bAAAABmJLR0QA/wD/AP+gvaeTAAAANElEQVQYlWNgYGB4ysTAwMDAxMjICCUQXDQWAwMDAxMTExMedcRyB6d5CAMQ5hGrjSrmAQBQdgIXlosSTwAAAABJRU5ErkJggg=='); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0,0,0,0.90)), color-stop(1, rgba(50,50,50,0.90))) no-repeat; background: -moz-linear-gradient(top, rgba(0,0,0,0.90) 0%, rgba(50,50,50,0.90) 100%) no-repeat; background: -webkit-linear-gradient(top, rgba(0,0,0,0.90) 0%, rgba(50,50,50,0.90) 100%) no-repeat; background: -ms-linear-gradient(top, rgba(0,0,0,0.90) 0%, rgba(50,50,50,0.90) 100%) no-repeat; background: -o-linear-gradient(top, rgba(0,0,0,0.90) 0%, rgba(50,50,50,0.90) 100%) no-repeat; background: linear-gradient(top, rgba(0,0,0,0.90) 0%, rgba(50,50,50,0.90) 100%) no-repeat; *background-color: #000; -moz-border-radius: 5px; -webkit-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 4px 4px -4px #000; -webkit-box-shadow: 0 4px 4px -4px #000; -ms-box-shadow: 0 4px 4px -4px #000; -o-box-shadow: 0 4px 4px -4px #000; box-shadow: 0 4px 4px -4px #000; -moz-transform: translateY(-40px); -webkit-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px); } .humane p, .humane ul { margin: 0; padding: 0; } .humane ul { list-style: none; } .humane.humane-info { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABQCAYAAADYxx/bAAAABmJLR0QA/wD/AP+gvaeTAAAAMUlEQVQYlWNgYDB6ysTAwMDAxMDACCcYUFkMDEwMDEwMBNVhkxg65jGhmke6M6hgHgBSdgHnpZwADwAAAABJRU5ErkJggg=='); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0,0,50,0.90)), color-stop(1, rgba(0,0,100,0.90))) no-repeat; background: -moz-linear-gradient(top, rgba(0,0,50,0.90) 0%, rgba(0,0,100,0.90) 100%) no-repeat; background: -webkit-linear-gradient(top, rgba(0,0,50,0.90) 0%, rgba(0,0,100,0.90) 100%) no-repeat; background: -ms-linear-gradient(top, rgba(0,0,50,0.90) 0%, rgba(0,0,100,0.90) 100%) no-repeat; background: -o-linear-gradient(top, rgba(0,0,50,0.90) 0%, rgba(0,0,100,0.90) 100%) no-repeat; background: linear-gradient(top, rgba(0,0,50,0.90) 0%, rgba(0,0,100,0.90) 100%) no-repeat; *background-color: #030; } .humane.humane-success { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABQCAYAAADYxx/bAAAABmJLR0QA/wD/AP+gvaeTAAAAMUlEQVQYlWNgMGJ4ysTAwMDAxMAIJxhQWQwMDEwMTKgS2NRhkxg65jGhmke6M6hhHgBS2QHn2LzhygAAAABJRU5ErkJggg=='); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0,50,0,0.90)), color-stop(1, rgba(0,100,0,0.90))) no-repeat; background: -moz-linear-gradient(top, rgba(0,50,0,0.90) 0%, rgba(0,100,0,0.90) 100%) no-repeat; background: -webkit-linear-gradient(top, rgba(0,50,0,0.90) 0%, rgba(0,100,0,0.90) 100%) no-repeat; background: -ms-linear-gradient(top, rgba(0,50,0,0.90) 0%, rgba(0,100,0,0.90) 100%) no-repeat; background: -o-linear-gradient(top, rgba(0,50,0,0.90) 0%, rgba(0,100,0,0.90) 100%) no-repeat; background: linear-gradient(top, rgba(0,50,0,0.90) 0%, rgba(0,100,0,0.90) 100%) no-repeat; *background-color: #030; } .humane.humane-error { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADICAYAAAAp8ov1AAAABmJLR0QA/wD/AP+gvaeTAAAAPklEQVQokWMwYmB4ysTAwMCATjASFsOmBBvBRJ7x+O0g0wCS7CDTH/RwH7X9MVDuwyaG032D2M2UeIYO7gMAqt8C19Bn7+YAAAAASUVORK5CYII='); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(50,0,0,0.90)), color-stop(1, rgba(100,0,0,0.90))) no-repeat; background: -moz-linear-gradient(top, rgba(50,0,0,0.90) 0%, rgba(100,0,0,0.90) 100%) no-repeat; background: -webkit-linear-gradient(top, rgba(50,0,0,0.90) 0%, rgba(100,0,0,0.90) 100%) no-repeat; background: -ms-linear-gradient(top, rgba(50,0,0,0.90) 0%, rgba(100,0,0,0.90) 100%) no-repeat; background: -o-linear-gradient(top, rgba(50,0,0,0.90) 0%, rgba(100,0,0,0.90) 100%) no-repeat; background: linear-gradient(top, rgba(50,0,0,0.90) 0%, rgba(100,0,0,0.90) 100%) no-repeat; *background-color: #300; } .humane.humane-animate { opacity: 1; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); -moz-transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .humane.humane-animate:hover { opacity: 0.2; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20); } .humane.humane-js-animate { opacity: 1; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); -moz-transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .humane.humane-js-animate:hover { opacity: 0.2; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20); } Quote Link to comment Share on other sites More sharing options...
vitisan Posted August 6, 2014 Author Share Posted August 6, 2014 hi, all men this is my program http://www.drop4shared.com/23b2cfd6 cann't use attach files in this forums Error You aren't permitted to upload this kind of file Thank you very much for your help. myproject.zip Quote Link to comment Share on other sites More sharing options...
Administrators Farshad Mohajeri Posted August 6, 2014 Administrators Share Posted August 6, 2014 Use zip or rar format. Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.