Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Infrastructure: Add support for opening examples in CodePen #1110

Merged
merged 15 commits into from
Sep 15, 2020
Merged

Infrastructure: Add support for opening examples in CodePen #1110

Changes from 1 commit
Commits
Show all changes
15 commits
Select commit Hold shift + click to select a range
39fd8f0
Codepen
Jul 24, 2019
5ff0849
Move button next to example heading and shorten name
mcking65 Sep 21, 2019
203a833
Fix inconsistent indentation
mcking65 Sep 21, 2019
0abccfb
Core Style: Add styles for CodePen button (issue #1102)
ZoeBijl Oct 1, 2019
6bda89b
Core Style: Simplify CodePen button code (issue #1102)
ZoeBijl Oct 1, 2019
ceecf66
Core Styles: Update example heading (issue #1102)
ZoeBijl Oct 17, 2019
395e345
Core Styles: Simplify example heading style (issue #1102)
ZoeBijl Oct 17, 2019
c80e5f6
Remove indentation from html
Oct 25, 2019
cfe0cc4
Add the "open in codepen" button in the example.js code
Jun 12, 2020
4c25691
Add buttons to dataGrid
Jun 12, 2020
91584a8
Add documentation for sourceCode.add
Jun 26, 2020
66e20c4
Remove dependency on jQuery
Jun 26, 2020
4e2b5db
Add codepen button to example template
Jun 26, 2020
c52ae6e
Revert changes in grid/dataGrid which add codepen button
Jun 26, 2020
6998933
Revert changes in slider/multithumb-slider which add codepen button
Jun 26, 2020
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
Revert changes in grid/dataGrid which add codepen button
  • Loading branch information
@mcking65
Valerie Young authored and mcking65 committed Sep 15, 2020
commit c52ae6e7b573d508201d99376291f6b6b939221d
21 changes: 7 additions & 14 deletions examples/grid/dataGrids.html
View file
Original file line number Diff line number Diff line change
@@ -18,7 +18,6 @@
<script src="js/menuButton.js" type="text/javascript"></script>
<script src="js/dataGrid.js" type="text/javascript"></script>
<script src="js/dataGrids.js" type="text/javascript"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
</head>
<body>
<nav aria-label="Related Links" class="feedback">
@@ -48,9 +47,7 @@ <h1>Data Grid Examples</h1>
<section>
<h2>Examples</h2>
<section>
<div class="example-header">
<h3 id="ex1_label">Example 1: Minimal Data Grid</h3>
</div>
<h3 id="ex1_label">Example 1: Minimal Data Grid</h3>
<div role="separator" id="ex1_start_sep" aria-labelledby="ex1_start_sep ex1_label" aria-label="Start of"></div>
<div id="ex1">
<h4 id="grid1Label">Transactions January 1 through January 6</h4>
@@ -138,9 +135,7 @@ <h4>Notes</h4>
</ol>
</section>
<section>
<div class="example-header">
<h3 id="ex2_label">Example 2: Sortable Data Grid With Editable Cells</h3>
</div>
<h3 id="ex2_label">Example 2: Sortable Data Grid With Editable Cells</h3>
<div role="separator" id="ex2_start_sep" aria-labelledby="ex2_start_sep ex2_label" aria-label="Start of"></div>
<div id="ex2">
<h4 id="grid2Label">Transactions January 1 through January 7</h4>
@@ -338,9 +333,7 @@ <h4>Notes</h4>
</ol>
</section>
<section>
<div class="example-header">
<h3 id="ex3_label">Example 3: Scrollable Data Grid With Column Hiding</h3>
</div>
<h3 id="ex3_label">Example 3: Scrollable Data Grid With Column Hiding</h3>
<div role="separator" id="ex3_start_sep" aria-labelledby="ex3_start_sep ex3_label" aria-label="Start of"></div>
<div id="ex3">
<h4 id="grid3Label">Transactions for January 1 through January 15</h4>
@@ -796,7 +789,7 @@ <h2 id="rps_label">Role, Property, State, and Tabindex Attributes</h2>

<section>
<h2>Javascript and CSS Source Code</h2>
<ul id="cssJsFiles">
<ul>
<li>CSS:
<ul>
<li><a href="css/dataGrids.css" type="tex/css">dataGrids.css</a></li>
@@ -820,19 +813,19 @@ <h3 id="sc1_label">Example 1: Minimal Data Grid</h3>
<div id="sc1_start_sep" role="separator" aria-labelledby="sc1_start_sep sc1_label" aria-label="Start of HTML for"></div>
<pre><code id="sc1"></code></pre>
<div id="sc1_end_sep" role="separator" aria-labelledby="sc1_end_sep sc1_label" aria-label="End of HTML for"></div>
<script>sourceCode.add('sc1', 'ex1', 'ex1_label', 'cssJsFiles')</script>
<script>sourceCode.add('sc1', 'ex1')</script>

<h3 id="sc2_label">Example 2: Sortable Data Grid With Editable Cells</h3>
<div id="sc2_start_sep" role="separator" aria-labelledby="sc2_start_sep sc2_label" aria-label="Start of HTML for"></div>
<pre><code id="sc2"></code></pre>
<div id="sc2_end_sep" role="separator" aria-labelledby="sc2_end_sep sc2_label" aria-label="End of HTML for"></div>
<script>sourceCode.add('sc2', 'ex2', 'ex2_label', 'cssJsFiles')</script>
<script>sourceCode.add('sc2', 'ex2')</script>

<h3 id="sc3_label">Example 3: Scrollable Data Grid With Column Hiding</h3>
<div id="sc3_start_sep" role="separator" aria-labelledby="sc3_start_sep sc3_label" aria-label="Start of HTML for"></div>
<pre><code id="sc3"></code></pre>
<div id="sc3_end_sep" role="separator" aria-labelledby="sc3_end_sep sc3_label" aria-label="End of HTML for"></div>
<script>sourceCode.add('sc3', 'ex3', 'ex3_label', 'cssJsFiles') </script>
<script>sourceCode.add('sc3', 'ex3') </script>
<!-- After all source has been added, run make to do the insert. -->
<script> sourceCode.make(); </script>
</section>