start > HTML Stuff

HTML Stuff

Created by tom. Last edited by tom, 3 years and 186 days ago. 被访问了 442 次。 #7

[比较] [历史] [编辑] [rdf]

标签

附件

2D DHTML Object Drawing JavaScript library

http://draw2d.org/draw2d/

Caret/cursor position in INPUT text field or TEXTAREA

The following JavaScript method determines the current caret position for the passed input text field or textarea. The code is IE specific. Tested for IE 6.

function caretPosition(textfield) {
    textfield.focus();
    if (textfield.type == 'textarea') {
        var range = document.selection.createRange();
        var range2 = range.duplicate();
        range2.moveToElementText(textfield);
        var bookmark = range.getBookmark();
        var bookmark2 = range2.getBookmark();
        return bookmark.charCodeAt(2) - bookmark2.charCodeAt(2); 
    } else { // Assume input field of type text
        var range = document.selection.createRange();
        range.moveStart ('character', -textfield.value.length);
        return range.text.length;
    }
}

Thanks, Mihai, for the bookmark trick. (See

http://www.bazon.net/mishoo/articles.epl?art_id=1292)

JavaScript Widgets

A great looking JavaScript widgets library (commercial): http://www.activewidgets.com/

Web Page Printing

In the stylesheet:

@media print {
  .noprint {display: none;}
  .contentwidth1000 {width: 100%;}
}@media screen {
  .contentwidth1000 {width: 1000;}
}

In your HTML code, hide stuff on the printout like:

<div class="noprint">
…
</div>

An A4 page is only about 640 pixels wide (default IE margins). Thus you may have to adjust the width of certain elements. For example, instead of:

<td width="1000">...</td>

Do it like this:

<td class="contentwidth1000">...</td>

For the actual printing, use a link like:

<a href="#" onClick="window.print(); return false">Print</a>

no comments | post comment

see also:
Java Stuff	tom

Sun	Mon	Tue	Wed	Thu	Fri	Sat
			1	2	3	4
5	6	7	8	9	10	11
12	13	14	15	16	17	18
19	20	21	22	23	24	25
26	27	28	29