/** * Copyright (c) 2012, Robin Appelman * Copyright (c) 2013, Morris Jobke * This file is licensed under the Affero General Public License version 3 or later. * See the COPYING-README file. */ OC.Log={ reload:function(count){ if(!count){ count=OC.Log.loaded; } OC.Log.loaded=0; $('#log tbody').empty(); OC.Log.getMore(count); }, levels:['Debug','Info','Warning','Error','Fatal'], loaded:3,//are initially loaded getMore:function(count){ count = count || 10; $.get(OC.filePath('settings','ajax','getlog.php'),{offset:OC.Log.loaded,count:count},function(result){ if(result.status=='success'){ OC.Log.addEntries(result.data); if(!result.remain){ $('#moreLog').hide(); } $('#lessLog').show(); } }); }, showLess:function(count){ count = count || 10; //calculate remaining items - at least 3 OC.Log.loaded = Math.max(3,OC.Log.loaded-count); $('#moreLog').show(); // remove all non-remaining items $('#log tr').slice(OC.Log.loaded).remove(); if(OC.Log.loaded <= 3) $('#lessLog').hide(); }, addEntries:function(entries){ for(var i=0;i'); var levelTd=$(''); levelTd.text(OC.Log.levels[entry.level]); row.append(levelTd); var appTd=$(''); appTd.text(entry.app); row.append(appTd); var messageTd=$(''); messageTd.text(entry.message); row.append(messageTd); var timeTd=$(''); if(isNaN(entry.time)){ timeTd.text(entry.time); } else { timeTd.text(formatDate(entry.time*1000)); } row.append(timeTd); $('#log').append(row); } OC.Log.loaded += entries.length; } } $(document).ready(function(){ $('#moreLog').click(function(){ OC.Log.getMore(); }) $('#lessLog').click(function(){ OC.Log.showLess(); }) }); actions-a2938ab9b9' selected='selected'>dependabot/github_actions/github-actions-a2938ab9b9 The official jQuery user interface library: https://github.com/jquery/jquery-uiwww-data
aboutsummaryrefslogtreecommitdiffstats
path: root/demos/switchClass/default.html
blob: 133cc1ed8605cdbd6a6338dedb13f35dda0930db (plain) 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<title>jQuery UI Effects - switchClass Demo</title>
	<link rel="stylesheet" href="../../themes/base/jquery.ui.all.css">
	<script src="../../jquery-1.7.js"></script>
	<script src="../../ui/jquery.effects.core.js"></script>
	<link rel="stylesheet" href="../demos.css">
	<style>
	.toggler { width: 500px; height: 200px; position: relative; }
	#button { padding: .5em 1em; text-decoration: none; }
	#effect {position: relative;   }
	.newClass { width: 240px;  padding: 1em; letter-spacing: 0; font-size: 1.2em; margin: 0; }
	.anotherNewClass { text-indent: 40px; letter-spacing: .4em; width: 410px; height: 100px; padding: 30px; margin: 10px; font-size: 1.6em; }
	</style>
	<script>
	$(function() {
		$( "#button" ).click(function(){
			$( ".newClass" ).switchClass( "newClass", "anotherNewClass", 1000 );
			$( ".anotherNewClass" ).switchClass( "anotherNewClass", "newClass", 1000 );
			return false;	
		});
	});
	</script>
</head>
<body>

<div class="demo">

<div class="toggler">
	<div id="effect" class="newClass ui-corner-all">
			Etiam libero neque, luctus a, eleifend nec, semper at, lorem. Sed pede. 
	</div>
</div>
<a href="#" id="button" class="ui-state-default ui-corner-all">Run Effect</a>

</div><!-- End demo -->



<div class="demo-description">
<p>Click the button above to preview the effect.</p>
</div><!-- End demo-description -->

</body>
</html>
generated by cgit v1.2.3 (git 2.39.1) at 2025-07-22 22:53:59 +0000