Skip to content

Commit

Permalink
fix: format demo html
Browse files Browse the repository at this point in the history
  • Loading branch information
frankpagan committed Jun 2, 2023
1 parent b9b4d99 commit 7a646c2
Show file tree
Hide file tree
Showing 5 changed files with 89 additions and 55 deletions.
2 changes: 1 addition & 1 deletion demo/click.html
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<title>Events | CoCreateJS</title>

Expand Down
2 changes: 1 addition & 1 deletion demo/hover.html
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<title>Hover | CoCreateJS</title>

Expand Down
2 changes: 1 addition & 1 deletion demo/index.html
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<title>Events | CoCreateJS</title>

Expand Down
136 changes: 85 additions & 51 deletions demo/selected.html
Original file line number Diff line number Diff line change
@@ -1,55 +1,89 @@
<!DOCTYPE html>
<html>
<head>
<title>Selected | CoCreateJS</title>

<!-- CoCreate Favicon -->
<link rel="icon" href="https://cdn.cocreate.app/favicon.ico" type="image/ico" sizes="16x16">
<!-- Custom CSS -->
<style type="text/css">
.test{background:red}
.green{background:green}
.yellow{background:yellow}
.blue{background:blue}
.red{background:red}
.active{
background-color:blue;

}
.hfhfh[selected]{}

</style>
<link rel="manifest" href="/manifest.webmanifest" />
</head>
<body>

<!--<article>-->




<div id="yyy" selected-target=".tester" selected-value="active," selected-attribute="data-test" selected-group="uno" data-test="" class="test">1 tab</div>
<div selected-value="active" selected-group="uno" class="test">2 tab</div>
<div selected-value="active" selected-group="uno" class="test">3 tab</div>

<hr/>

<div selected-value="yellow" selected-group="2" class="green">1 tab</div>
<div selected-value="blue" selected-group="2" class="green">2 tab</div>
<div selected-value="red" selected-group="2" class="green">3 tab</div>

<hr/>
<div class="tester">
<div selected-value="active" selected-closest="div.tester" class="test">4 tab</div>
<div selected-value="active" class="test">4 tab</div>

<div selected-value="color:black; background:grey" selected-attribute="style" style="">color tab</div>

<div id="yyyy" data-test="" class="test">1 tab</div>
</div>
<html lang="en">
<head>
<title>Selected | CoCreateJS</title>

<!-- CoCreate Favicon -->
<link
rel="icon"
href="https://cdn.cocreate.app/favicon.ico"
type="image/ico"
sizes="16x16" />
<!-- Custom CSS -->
<style type="text/css">
.test {
background: red;
}
.green {
background: green;
}
.yellow {
background: yellow;
}
.blue {
background: blue;
}
.red {
background: red;
}
.active {
background-color: blue;
}
.hfhfh[selected] {
}
</style>
<link rel="manifest" href="/manifest.webmanifest" />
</head>
<body>
<!--<article>-->

<div
id="yyy"
selected-target=".tester"
selected-value="active,"
selected-attribute="data-test"
selected-group="uno"
data-test=""
class="test">
1 tab
</div>
<div selected-value="active" selected-group="uno" class="test">
2 tab
</div>
<div selected-value="active" selected-group="uno" class="test">
3 tab
</div>

<hr />

<div selected-value="yellow" selected-group="2" class="green">
1 tab
</div>
<div selected-value="blue" selected-group="2" class="green">2 tab</div>
<div selected-value="red" selected-group="2" class="green">3 tab</div>

<hr />
<div class="tester">
<div
selected-value="active"
selected-closest="div.tester"
class="test">
4 tab
</div>
<div selected-value="active" class="test">4 tab</div>

<div
selected-value="color:black; background:grey"
selected-attribute="style"
style="">
color tab
</div>

<div id="yyyy" data-test="" class="test">1 tab</div>
</div>

<!-- <script src="../dist/CoCreate-selected.js"></script> -->
<script src="https://cdn.cocreate.app/1.50.6/CoCreate.min.js"></script>
<!-- <script src="https://cdn.cocreate.app/latest/CoCreate.min.js"></script> -->
</body>
</html>
<!-- <script src="https://cdn.cocreate.app/latest/CoCreate.min.js"></script> -->
</body>
</html>
2 changes: 1 addition & 1 deletion demo/set-value.html
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<title>Value | CoCreateJS</title>

Expand Down

0 comments on commit 7a646c2

Please sign in to comment.