Adapting the 3-column layout script to work with my blog
April 16, 2005
Javascript | Web Building

I'm in the process of adapting a 3 column layout script to work with my blog. This is a work in progress. The script has several big disadvantages, but I kinda like it, so I'm in the process of coming up with workarounds to make posts with many images and code examples look good.

Ultimately I'd like to figure out how to force it to figure out the column heights but then shift upward to the next

tag to "break" within spaces.

To counter the issue with Safari not showing the contents of the text area, I'm putting code in downloadable form, until I solve the cloneNode/textarea contents conundrum.

Some posts have very wide images, and I'm replacing those with clickable thumbnails, which will pop up a full sized image.

Forcing one-column layout:
However, some posts are just too complex to change, so I've added in a token to force the page to load in one column, which eliminates most spacing issues. An example is HERE

At the end of the article text, I add:

<script language="JavaScript" type="text/JavaScript">
var layoutToken=0;
initialize();
</script>

which sets the value of a variable called "layoutToken" to 0 and initializes it.

In the article.js script, I've added a couple of lines in the function initArticle() :
(at approx. line 532)

if (layoutToken == 0) columnMode = 1;
else columnMode = 3;

which simply means: "if the value of layoutToken is equal to 0, set the column mode to one column, otherwise go to three columns."

Download the complete script here


Ads by Google

Posted by ellen at April 16, 2005 08:30 PM

1 Comment

> Articles > Utilities Article > Screen Recorder&Capture How to use Snagit to recording video with audio Music Converter best audio converter
Snagit can not only capture images but that you can also record a Video with Audio. It keeps getting better and better always one step ahead of all the Screen Capture Software out there.
Some users asked that whenever they record a video from player, website or application, why the audio is missing once playing the videos on the editor or players.
I encountered the same problem but I soon discovered how easy it is to fix the problem and make it work. I will share with you the steps below. Although it may look long winded don't give up, if you follow the instructions step by step, it is very easy to solve this problem.
How to record a video with audio by Snagit :
Click on the Light Blue Round button with an arrow beside the Capture button and choose Video Capture. See image above.
Make sure that under the Options area, the Microphone icon is lighted.
Now click on the tab Output with an image written "None Selected", then go to "Properties" on Audio options, make sure that the Audio capture device is set to your sound card, click Apply and OK.
Now we proceed to configuring the recording input in your Window Record Control.
Go to Start > Control Panel > Sounds and Audio Devices > Audio tab. In Sound recording area, make sure that your sound card is set as the Default Device, click Apply then OK.
Now, under the Sound recording area, click on the Volume button, this will open the Record Control box. Once there, choose Options > then Properties.
Put a check on the box beside the following options: Stereo Mix, Mono Mix, What you hear, Mixer, Wave out mix and Wave in, then click OK.
Back to Record Control box, put a check on the Select button corresponding to each property that you checked earlier, then close the box.
Ok, now you can make it record video with audio. If you follow these steps and it fails, you may need to update your sound card. Alternatively you may own an older version of Snagit that needs upgrading to the latest version Snagit 9.0 .
However please note that this feature is only a small subset of the powerful screen recording and editing capability of Camtasia Studio . Camtasia Studio will allow you to record, edit, annotate and produce videos in all of the standard multi-media formats. It uses an optimized screen capture codec so the resulting files are small and highly compressed.


Ads by Google

 RSS   |   Contact Me

Ads by Google

Ads by Google