Blah Blah Bleric http://www.ericmatas.com/ Be here now. Oh, you are. Thanks! en-US Fri, 23 Dec 2011 20:27:11 -0600 http://www.typepad.com/ http://www.rssboard.org/rss-specification Show and Hide Logical Divisions with Javascript - LearnToProgram.tv http://feedproxy.google.com/~r/Bleric/~3/SFMMKwvcQck/show-and-hide-logical-divisions-with-javascript-learntoprogramtv.html http://www.ericmatas.com/2011/12/show-and-hide-logical-divisions-with-javascript-learntoprogramtv.html The video is the best part, at learntoprogram.tv, but the code is excerpted below: With just a little Javascript knowledge you can create a sliding div effect that is commonly seen on the web. In this video tutorial, Mark will show you how to create a sliding div within the browser. The sliding div reveals it’s content as the div opens and completely disappears once...

The video is the best part, at learntoprogram.tv, but the code is excerpted below:

With just a little Javascript knowledge you can create a sliding div effect that is commonly seen on the web.

In this video tutorial, Mark will show you how to create a sliding div within the browser. The sliding div reveals it’s content as the div opens and completely disappears once the div is closed. The full code appears below:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd" > <html lang="en"> <head> <title>Sliding Div: Show Hide</title> <style type="text/css"> #myDiv { width: 400px; background-color: #3451da; padding: 5px; color: white; font-size: .75em; font-family: arial; border: 1px dashed black;   }     </style> <script language="javascript" type="text/javascript"> var heightOfDiv; var t; var targetHeight;   function hide() { heightOfDiv = document.getElementById("myDiv").offsetHeight; //alert(heightOfDiv); var freq = 1000/heightOfDiv; t=setInterval("retract()", freq); }   function retract() { if(heightOfDiv>0) { heightOfDiv = heightOfDiv-1; document.getElementById("myDiv").style.height = heightOfDiv + "px"; } else { document.getElementById("myDiv").style.display = "none"; clearInterval(t); } } </script> </head> <body> <div id="myDiv"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec molestie, metus sed condimentum molestie, est enim molestie magna, et ullamcorper erat quam sit amet sapien. Nulla eu lorem elit, a convallis velit. Nunc eget nisi ligula. Nunc tellus lacus, bibendum sit amet lacinia ac, molestie sit amet enim. Donec convallis interdum ipsum, ac mattis ipsum porttitor ac. Ut sed erat vitae nisi cursus sodales. Nulla nisi est, fermentum in malesuada eget, aliquet id velit. Fusce ac sapien eu metus fringilla commodo. Nullam porta leo vel nisi rhoncus ac tincidunt enim consequat. Praesent posuere sodales tortor eu placerat. Quisque pulvinar nibh ut ante gravida ornare. Donec euismod lacus vel nibh scelerisque vel sollicitudin mauris feugiat. Etiam sollicitudin lacus neque. Sed mattis accumsan ipsum, nec sollicitudin justo lobortis sed.estie sit amet enim. Donec convallis interdum ipsum, ac mattis ipsum porttitor ac. Ut sed erat vitae nisi cursus sodales. Nulla nisi est, fermentum in malesuada eget, aliquet id velit. Fusce ac sapien eu metus fringilla commodo. Nullam porta leo vel nisi rhoncus ac tincidunt enim consequat. Praesent posuere sodales tortor eu placerat. Quisque pulvinar nibh ut ante gravida ornare. Donec euismod lacus vel nibh scelerisque vel sollicitudin mauris feugiat. Etiam sollicitudin lacus neque. Sed mattis accumsan ipsum, nec sollicitudin justo lobortis sed. </div> <div id="controls"> <input type="button" value="hide" onclick="hide()"/> <input type="button" value="show" onclick="show()"/> </div> </body> </html>

via learntoprogram.tv

Posted via email from Eric's Preposterous

]]> Eric Matas Fri, 23 Dec 2011 20:27:11 -0600 http://www.ericmatas.com/2011/12/show-and-hide-logical-divisions-with-javascript-learntoprogramtv.html eLearning Thought Leaders: Mark Lassoff | eLW Mag http://feedproxy.google.com/~r/Bleric/~3/JRcJmsCrK9Q/elearning-thought-leaders-mark-lassoff-elw-mag.html http://www.ericmatas.com/2011/11/elearning-thought-leaders-mark-lassoff-elw-mag.html Mark Lassoff of LearnToProgram.tv I was very lucky to catch Mark Lassoff in between speaking at DevLearn, working on his forthcoming book from Focal Press, and producing his next training video for the company he founded, LearnToProgram.tv. Mark is an anomoly in the world of elearning these days, because he knows how to code. [Awesome elearning interview here.] Now for a few personal questions that...
Mark Lassoff of LearnToProgram.tv

Mark Lassoff of LearnToProgram.tv

I was very lucky to catch Mark Lassoff in between speaking at DevLearn, working on his forthcoming book from Focal Press, and producing his next training video for the company he founded, LearnToProgram.tv. Mark is an anomoly in the world of elearning these days, because he knows how to code.

[Awesome elearning interview here.]

Now for a few personal questions that will really give readers a chance to get to know you.

eLW: Word on the street is you have some insane 80s TV trivia knowledge. So I gotta try to stump you. Which show had a character named “Skippy” and who played that character?

ML:  Wow, that’s easy.  Family Ties.  Skippy was played by Marc Price.  As a child Skippy got his head caught in the bannister three times.

eLW: That was too easy, I guess. OK, Square Pegs: most famous actor?

ML:  Well, I think you’re fishing for Sarah Jessica Parker– but the better actor on the show was Jamie Gertz.  Jamie just did an episode of Modern Family.

eLW: OK. Growing Pains. First names of all the Seavers?

ML:  Jason, Mike, Ben, Maggie, and Carol.  The last couple of seasons they had a baby? Right?  I can’t remember the baby’s name, but I remember the baby grew up during hiatus.  At the end of one season she was an infant and then at the beginning of the next season she had speaking lines.  Leonardo DiCaprio was on there for a season as well– He played some runaway that family adopted.

eLW: Who played the kids?

ML:  Easy– Tracy Gold was Carol– Her sister, Missy, was the governor’s daughter on Benson.   Kirk Cameron played Mike.  Jeremy Miller was Ben.  The late Andrew Koenig played Mike’s best friend, Sylvester Stabone.  His father played Chekov in the Star Trek Series.  Got any more?

eLW: You are good. I give up. OK, no I don’t: Mr. Belvedere’s first name?

ML:  Lynn.  Brice Beckman, who played Wesley, just had a series on VH-1 a couple of years ago.

eLW: Amazing. Thank you, Mark. And for our readers who like networking, one final question: What’s next on your conference calendar? Or where can people find you online?

ML:  We are talking about exhibiting at Learning Solutions, but have not yet made a decision.  I will likely be at the MLearning Show in June and will be back at DevLearn next year.  We’re also planning on going to ISTE 2012.

I’d love to hear from people online– My company is www.learntoprogram.tv.  I am at www.MarkLassoff.com.  My linked in is www.linkedin.com/in/marklassoff and my email is mark@learntoprogam.tv.

Hope everybody reads and responds to my upcoming columns.
Buh-Bye.
Scroll down to the eLW Basement to find Mark’s 50% off coupon!
via elwmag.com

Posted via email from Eric's Preposterous

]]> Eric Matas Mon, 21 Nov 2011 19:50:41 -0600 http://www.ericmatas.com/2011/11/elearning-thought-leaders-mark-lassoff-elw-mag.html Untitled http://feedproxy.google.com/~r/Bleric/~3/9o834inHsKw/untitled.html http://www.ericmatas.com/2011/09/untitled.html http://www.fminformatica.com/go.php Posted via email from Eric's Preposterous http://www.fminformatica.com/go.php

Posted via email from Eric's Preposterous

]]> Eric Matas Tue, 27 Sep 2011 16:21:32 -0500 http://www.ericmatas.com/2011/09/untitled.html http://www.fminformatica.com/go.php http://feedproxy.google.com/~r/Bleric/~3/8PCamrxCmRA/httpwwwfminformaticacomgophp.html http://www.ericmatas.com/2011/09/httpwwwfminformaticacomgophp.html http://www.fminformatica.com/go.php

http://www.fminformatica.com/go.php

]]> Eric Matas Tue, 27 Sep 2011 16:21:29 -0500 http://www.ericmatas.com/2011/09/httpwwwfminformaticacomgophp.html Extreme Meatheadness http://feedproxy.google.com/~r/Bleric/~3/GrMdu5PNZSM/extreme-meatheadness.html http://www.ericmatas.com/2011/06/extreme-meatheadness.html Nothing makes the revered middle way more beautiful than extreme deviations. Here's a funny commercial. One I know sports newsman @AaronMatas will like: Nothing makes the revered middle way more beautiful than extreme deviations.

Here's a funny commercial. One I know sports newsman @AaronMatas will like:

 

]]> Funny Internet Personality Types Eric Matas Fri, 10 Jun 2011 22:18:00 -0500 http://www.ericmatas.com/2011/06/extreme-meatheadness.html