Skip to main content

Secret HTML TIPS & Tricks

Secret-HTML-TIPS-&-Tricks


All these tips are implemented by placing the code in an HTML object in your Lectora title.

  • How to Close a Popup Window Automatically

As soon as the user clicks on any window other than the popup, the popup closes.
  1. Create an HTML object from the Insert toolbar.
  2. Then select: Object Type: Other
<body onBlur=top.cSlose()>

Limitations: You cannot have any clickable item on the popup page. If you do, the popup closes
as soon as the user clicks on the item – button, hyperlink, Table of Contents, Menu.
 
  • How to Disable Right Mouse Click, Double Clicking, and Dragging
  1. Create an HTML object from the Insert toolbar.
  2. Then select: Object Type: Other
  3. Insert:

<body oncontextmenu="return false" onselectstart="return false" ondragstart="return false">

in the Custom HTML field.
  • How to Keep the Background Image from Repeating
It appears that the easiest way to keep it from repeating is to make it the same size as the page specified in the title. If it is different, frequently it will repeat. If you want to stop that, create an HTML object at the title level so it will be on all pages. You can shrink it down so it does not get in the way of your design. It is only a place holder.

In the Custom HTML box enter this:

<style text="text/css">
  body { background-repeat:no-repeat; }
</style>

  • How to Suppress IE Mouse-over Image Toolbar
IE 6 sometimes displays an annoying image bar when the mouse is rolling over an image.

This can be removed by placing an External HTML Object at the title level and choose "Other" as its type. Place the following line in the custom html field:

<META HTTP-EQUIV="imagetoolbar" CONTENT="no">
  • How to Right Justify an Entry Field
To make the entry field right adjusted as you would for entering numbers in a Form Entry field or
a Fill in the Blank question, create an HTML object containing:

<style> input { text-align: right;} </style>

  • How to Suppress Entry Field Borders
To suppress the borders on an either a Form Entry field or a Fill in the Blank question, create an HTML object containing:

<style>input {border: none;}</style>
This works only when published to HTML.

This will apply to all input boxes on the page. If you want it to apply to just one, then add the HTML name after the input like this:

<style> input.entry368{border: none;} </style>

  • How to Control the Color of Hyperlinks
The styles Lectora uses by default do prevent the link visited colors from changing. It can be overwritten using a style sheet. If you want to change the link colors try adding a CSS similar to this. Create an HTML object with the default Properties. Insert this:

<style>
a span, a:visited span {color: red }
a span, a:hover span {color: purple }
or
A:link {text-decoration: none; color:#c29b80;}
A:visited {text-decoration: none; color:#c29b80;}
A:active {text-decoration: none; color:#c29b80;}
A:hover {text-decoration: underline; color: rgb(255,0,0);}
</style>
  • How to Use the F1 Key w/o Browser Help Popping Up
If you want to code an On Key action that uses F1, normally the browser’s help function appears. To get around this, code the following in an HTML object with the Object type set to Header Scripting.

document.onhelp = new Function("return false;");
window.onhelp = new Function("return false;");

  • How to Change the Web 2.0 Display Font
Web 2.0 displays currently use Times Roman font. This code, while not JavaScript, allows you to change it to whatever you like.

<style>
.DLG_content{
     overflow:none;
     position:relative;
     border:none;
     font-family: verdana;
}
</style>

  • How to Disable the Horizontal Scroll Bar for Fly Left
<style type="text/css">
<!--
.html, body {
overflow-x:hidden;
}
-->
</style>

Comments

Popular posts from this blog

Sultan 2016 Hindi 480P-720P NR-DvdRip 500MB 700MB 1.5GB

Sultan 2016 Hindi 480P-720P NR-DvdRip 500MB 700MB 1.5GB IMDB Ratings: 8.3/10 Genre(s): Drama, History, Thriller Release Date: 6.July.2016 Director: Pranav Singh, Jitendra Tiwari Star Cast: Salman Khan, Marko Zaror, Anushka Sharma Language: Hindi
Story: Sultan is a story of Sultan Ali Khan – a local wrestling champion with the world at his feet as he dreams of representing India at the Olympics. It’s a story of Aarfa – a feisty young girl from the same small town as Sultan with her own set of dreams. When the 2 local wrestling legends lock horns, romance blossoms and their dreams and aspirations become intertwined and aligned. However, the path to glory is a rocky one and one must fall several times before one stands victorious – More often than not, this journey can take a lifetime. Sultan is a classic underdog tale about a wrestlers journey, looking for a comeback by defeating all odds staked up against him. But when he has nothing to lose and everything to gain in this fight for his life m…

Rams: Film Review

Rams: Film Review
Cast: Sigurour Sigurjonsson, Theodo Juliusson, Charlotte Boving
Director: Grimur Hakonarson

Bucolic and fraternal, Scandi-drama Rams is a look at the devastation a blight can cause both in a relationship and also in a farming community.

Brothers Kiddi and Gummi (bearded grizzled types Sigurjonsson and Juliusson) live side by side and have done for years. But they don't talk, victims of a fall-out never explored but oft mentioned. Tensions are further exacerbated when Kiddi's rams beat Gummi's in a competition, sealing the deal and the drift between the pair.

However, when Gummi finds signs of fatal degenerative disease scrapie in Kiddi's flock, things boil over as the flocks in the valley have to be slaughtered to protect the spread. But Kiddi believes it's Gummi's jealousy that has hit the limit over their flock's lineage, even though vets back Gummi up.

So, with the valley's livelihood and the community ripped asunder by the cull, the bat…

Savdhaan India Ep1591 19 Apr 2016 Lust Leads To Crime

Savdhaan India Ep1591 19 Apr 2016Lust Leads To Crime
Telecast Date: 19.Apr.2016 Running Time: 00:41:51 Language: Hindi
Story:
Read more »