My Second World: HTML

Showing posts with label HTML. Show all posts

Friday, 12 October 2012

Empty cells in a table

One day i worked on a table that fetches some record from database.But the empty cells were coming without border like that:(in internet explorer)

actually the table tag is like that

<table border="1">

To troubleshoot problem my TL suggested to include attribute/values for table tag as
rules="all" frame="box"

<table border="1" rules="all" frame="box">

my problem was solved (:)

Rules attribute of table tag--he rules attribute allows you to set borders (also called rules, surprise, surprise!) inside the table at the boundaries between cells
//Display only the borders between the rows:

<table rules="rows">
<tr>
    <th>Month</th>
    <th>Savings</th>
</tr>
<tr>
    <td>January</td>
    <td>$100</td>
</tr>
</table>

Table with rules="rows":

Month	Savings
January	$100

//Display only the borders between the coloumns:

<table rules="cols">
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>

Table with rules="cols":

Month	Savings
January	$100

<table rules="all">
<tr>
    <th>Month</th>
    <th>Savings</th>
</tr>
<tr>
    <td>January</td>
    <td>$100</td>
</tr>
</table>
</body>
</html>

Table with rules="all":

Month	Savings
January	$100

frame="box "Display only the outside borders of a table:

Note: to encounter the above problem either give

<table border="1" rules="all" frame="box">

or
<table border="1" frame="box">

Monday, 24 September 2012

Setting all value in Multiselector

Usually Multiselector doesn't have "all" option value..If it happens then then it's better to set value as "All" if <select> tag is defined in one form page and we render the value to some another page or multiple pages.If we defined it in same page and get on same page then we must have to define the value at declaration time.

Now if we get the value from "Select tag" then the value we are getting like this:

"val1 val2 val3"

and this single must be tokenised to iereate over multiple option values by two approach:
1.Using blank space " "
2.similar string patern.

First approach: (Best approach)
It is safe to use first approach if option string values doesn't have multiple sapces.Therefore try to avoid spaces in option values at definition time till it is not compulsary ( by normalising/trimming/removing spaces see difference in another blog for all three terms ) so that we can easily tokenized by using this approach since after each value there is a space val1 val2 val3 etc.

Second approach:

If it is complulsary to havaing spaces in string and string have some business pattern like (exporting each pdf or xml has an extension .pdf or .xml) therefore we can tokenize over each value as:

for ex- let $All := "0001012-0000002-KOMMUNEKREDIT.xml 0001012-0000003 KOMMUNE KREDIT.xml"
for $Each at $pos in fn:tokenize($All,".xml")[1 to fn:last()-1]
let $EachBatch := fn:normalize-space(fn:concat($Each,".xml"))
return $EachBatch

and then we also need to concat the value over which each string is tokenised.Here we run the loop to the second last element otherwise result would come as: >
0001012-0000002-KOMMUNEKREDIT.xml
0001012-0000003-KOMMUNE KREDIT.xml
.xml

there fore we skip last element.

Third Approach (Only used in following situation)

But what happens if we have compulsion to have spaces in option values and string doesn't have patterns then we have to append some tag identofire with each option value at declaration time or rendered time to differntiate multiple values.

Tuesday, 26 June 2012

html5test.com

your browser scores

402

AND 13 BONUS POINTS

out of a total of 500 points

You are using Chrome 19 on Windows 7Correct?✔✘

HTML5 defines rules for embedding SVG and MathML inside a regular HTML document. Support for SVG and MathML is not required though, so bonus points are awarded if your browser supports embedding these two technologies.
Parsing rules	+2 bonus points11
`<!DOCTYPE html>` triggers standards mode	Yes ✔
HTML5 tokenizer	Yes ✔
HTML5 tree building	Yes ✔
SVG in `text/html`	Yes ✔
MathML in `text/html`	Yes ✔

Canvas	20
`canvas` element	Yes ✔
2D context	Yes ✔
Text	Yes ✔

The following tests go beyond the requirements of the HTML5 specification and are not counted towards the total score. If browser support for one or more video codecs is detected, two bonus points are awarded for each codec.
Video	+6 bonus points21/31
`video` element	Yes ✔
Subtitle support	No ✘
Poster image support	Yes ✔
MPEG-4 support	No ✘
H.264 support	Yes ✔
Ogg Theora support	Yes ✔
WebM support	Yes ✔

The following tests go beyond the requirements of the HTML5 specification and are not counted towards the total score. If browser support for one or more audio codecs is detected, one bonus point is awarded for each codec.
Audio	+5 bonus points20
`audio` element	Yes ✔
PCM audio support	Yes ✔
AAC support	Yes ✔
MP3 support	Yes ✔
Ogg Vorbis support	Yes ✔
WebM support	Yes ✔

New or modified elements
Elements	25/30
Embedding custom non-visible data	Yes ✔
Section elements	Yes ✔
Grouping content elements	Yes ✔
Text-level semantic elements	Partial ○
Interactive elements	Partial ○
Global attributes or methods
`hidden` attribute	Yes ✔
Dynamic markup insertion	Yes ✔

Field types
Forms	74/108
`input type=text`	Yes ✔
`input type=search`	Yes ✔
`input type=tel`	Yes ✔
`input type=url`	Yes ✔
`input type=email`	Yes ✔
`input type=datetime`	No ✘
`input type=date`	No ✘
`input type=month`	No ✘
`input type=week`	No ✘
`input type=time`	No ✘
`input type=datetime-local`	No ✘
`input type=number`	Yes ✔
`input type=range`	Yes ✔
`input type=color`	No ✘
`input type=checkbox`	Yes ✔
`input type=image`	Partial ○
`input type=file`	Yes ✔
`textarea`	Yes ✔
`select`	Yes ✔
`fieldset`	Partial ○
`datalist`	No ✘
`keygen`	Yes ✔
`output`	Yes ✔
`progress`	Yes ✔
`meter`	Yes ✔
Fields
Field validation	Yes ✔
Association of controls and forms	Yes ✔
Other attributes	Yes ✔
CSS selectors	Yes ✔
Events	Yes ✔
Forms
Form validation	Yes ✔

Drag and drop
User interaction	37
Attributes	Yes ✔
Events	Yes ✔
HTML editing
Editing elements	Yes ✔
Editing documents	Yes ✔
APIs	Yes ✔
Spellcheck
`spellcheck` attribute	Yes ✔

History and navigation	5
Session history	Yes ✔

Microdata	0/15
Microdata	No ✘

Web applications	18/20
Application Cache	Yes ✔
Custom scheme handlers	Yes ✔
Custom content handlers	No ✘
Custom search providers	Yes ✔

Security	5/15
Sandboxed `iframe`	Yes ✔
Seamless `iframe`	No ✘
`iframe` with inline contents	No ✘

Various	4/6
Scoped `style` element	No ✘
Asyncronous script execution	Yes ✔
Runtime script error reporting	Yes ✔
Base64 encoding and decoding	Yes ✔

related specifications

Location and Orientation	20
Geolocation	Yes ✔
Device Orientation	Yes ✔

WebGL	25
3D context	Yes ✔
Native binary data	Yes ✔

Communication	37
Cross-document messaging	Yes ✔
Server-Sent Events	Yes ✔
XMLHttpRequest Level 2	Yes ✔
WebSocket	Yes ✔

Files	20
FileReader API	Yes ✔
FileSystem API	Yes ✔

The Web SQL Database specification is no longer being updated and has been replaced by IndexedDB. Because at least 3 vendors have shipped implementations of this specification we still include it in this test.
Storage	20
Session Storage	Yes ✔
Local Storage	Yes ✔
IndexedDB	Yes ✔
Web SQL Database	Yes ✔

Workers	15
Web Workers	Yes ✔
Shared Workers	Yes ✔

Local multimedia	0/20
Access the webcam	No ✘

Notifications	10
Web Notifications	Yes ✔

Other	7
Page Visibility	Yes ✔
Text selection	Yes ✔
Scroll into view	Yes ✔

experimental

Audio	4
Web Audio API	Yes ✔

Video and Animation	4
Full screen support	Yes ✔
`window.requestAnimationFrame`	Yes ✔

id: 1340703277922_c2df