Showing posts with label html. Show all posts
Showing posts with label html. Show all posts

Wednesday, September 17, 2008

HTML Form with single text box submit issue.

Form with single text box submit issue.

Hi i just came accross the issue with form which has only one text box,
actually this kind of form not necessary have the submit button. by pressing the enter key itself this form getting submitted..
if you want to make any validation on that text field just need to call the js onsubmit with the form tag..

for more info :http://tipsandtricks.nogoodatcoding.com/2007/07/html-single-text-field-submit-caveat.html

Tuesday, August 26, 2008

Remove the HTML tags using Javascript

<HTML>
<HEAD>
<TITLE> Regular Expressions: stripping HTML tags </TITLE>
</HEAD>
<BODY>
<SCRIPT LANGUAGE="JavaScript">
var htstring = '<p align="Left"><b>Hello</b> <I>World</I></p>';
var stripped = htstring.replace(/(<([^>]+)>)/ig,"");

with (document) {
write ('Original string:' + htstring + '<br>');
write ('Stripped string:<br><br>' + stripped);
}
</SCRIPT>
</BODY>
</HTML>

Monday, July 21, 2008

CSS display Property

CSS display Property

We are mostly using the display property as the display:none and display:block.. This Property not only having the none and block.its has more usefull and effective values as below mention.. check it out...

Definition

The display property sets how/if an element is displayed.

Inherited: No


JavaScript Syntax

CSS properties can also be dynamically changed with a JavaScript.

Scripting Syntax: object.style.display="none"

In our HTML DOM tutorial you can find more details about the display property.


Example

p
{
display: block
}

li
{
display: list-item
}

table
{
display: table
}

td, th
{
display: table-cell
}

Possible Values

Value Description
none The element will not be displayed
block The element will be displayed as a block-level element, with a line break before and after the element
inline Default. The element will be displayed as an inline element, with no line break before or after the element
list-item The element will be displayed as a list
run-in The element will be displayed as block-level or inline element depending on context
compact The element will be displayed as block-level or inline element depending on context
marker  
table The element will be displayed as a block table (like <table>), with a line break before and after the table
inline-table The element will be displayed as an inline table (like <table>), with no line break before or after the table
table-row-group The element will be displayed as a group of one or more rows (like <tbody>)
table-header-group The element will be displayed as a group of one or more rows (like <thead>)
table-footer-group The element will be displayed as a group of one or more rows (like <tfoot>)
table-row The element will be displayed as a table row (like <tr>)
table-column-group The element will be displayed as a group of one or more columns (like <colgroup>)
table-column The element will be displayed as a column of cells (like <col>)
table-cell The element will be displayed as a table cell (like <td> and <th>)
table-caption The element will be displayed as a table caption (like <caption>)