Playing with HTML - Part 1

smoore5
Community Participant
8
2383

I discovered this excellent post by  @jperkins , titled Using J Query without custom Javascript. I immediately set to work making my next set of Assignments (and my first Module) something more attention getting than just a long scrolling page. I'm familiar with HTML and comfortable enough to modify snippets of code, so I started copying, pasting, and tinkering. 

Integumentary System Module screenshot

I'm very excited to make an assignment page into something more engaging and I'm even more excited to play with code and get in under the hood to see how I can soup this thing up! To go to the second installment click here!

8 Comments
stevencopeland
Community Novice

Nice! Looking good! 

smoore5
Community Participant

Thanks! I'm working on a breakdown of how I did it in order to show how easy it is. I should have that post up in a few days.

stevencopeland
Community Novice

Your code looks something like this right?

<div class="tabs">
<ul>
<li><a href="#tabs-1">Home</a></li>
<li><a href="#tabs-2">DatePicker</a></li>
<!--<li><a href="#tabs-3">Dialog</a></li>-->
</ul>
<div id="content">
<div class="home" id="tabs-1">
<p>This is a tab format. In these tabs you will see some jQuery UI</p>
</div>
<div class="datePicker" id="tabs-2">
<p>Date Picker: <input type="text" class="datepicker" /></p>
</div>
<!--<div class="dialog" id="tabs-3">
</div>-->
</div>
</div>


Not exactly because this is from another project but something like that?

smoore5
Community Participant

Yes, really similar. I'm trying to write up an explanation that my colleagues can follow!

stevencopeland
Community Novice

I took a jQuery course on Codecademy and I learned to code from Codecademy.

smoore5
Community Participant

Me too!

stevencopeland
Community Novice

What is your username(mine is StevenCopeland)?

smoore5
Community Participant

mine is mrmoscienceland