JavaScript

Enabling people with disabilities access Google Blogger Service

<p><p class="MsoNormal"><span style="font-family: Calibri; mso-ansi-language: EN-US;" lang="EN-US"><span style="white-space: pre;"> </span>Web accessibility means that people with disabilities can use the Web. More specifically, Web accessibility means that people with disabilities can perceive, understand, navigate, and interact with the Web, and that they can contribute to the Web. Web accessibility also benefits others, including older people with changing abilities due to aging [1].</span></p><p class="MsoNormal"><span style="font-family: Calibri; mso-ansi-language: EN-US;" lang="EN-US"><span style="white-space: pre;"> </span>Nowadays social networks become more and more important in our ordinary life, especially life of youngsters. Millions of Internet users read or either write blogs, they share feelings, emotions, thoughts, information, video and much more.</span></p><p class="MsoNormal"><span style="font-family: Calibri; mso-ansi-language: EN-US;" lang="EN-US"><span style="white-space: pre;"> </span>That&rsquo;s why it was decided that it would be unfair to deprive blind people and people with low eyesight of such an interesting part of nowadays life. So it was decided to create easy implementing tool to provide access to blogs for disabled people with low eyesight. As a platform Google Blogger was chosen as far as it provides a lot of possibilities to manage the structure of the blog.</span></p><p class="MsoNormal"><span style="font-family: Calibri; mso-ansi-language: EN-US;" lang="EN-US"><span style="white-space: pre;"> </span>Exisiting solutions include contrast schemas and voice generators. But the major problem in using the voice generators is that they do not structure the information, namely the order of the information that is read out-loud is usually not the right one, so person gets into a chaos of information and he\she has to understand on his own, what is realtions between pieces of information he received.&nbsp;</span></p><p class="MsoNormal"><span style="font-family: Calibri; mso-ansi-language: EN-US;" lang="EN-US">References:<br />[1]&nbsp;<a href="http://www.w3.org/WAI/intro/accessibility.php">http://www.w3.org/WAI/intro/accessibility.php</a></span></p><p class="MsoNormal" style="margin-left: 35.4pt; text-indent: -17.4pt;"><span style="font-family: Calibri; mso-ansi-language: EN-US;" lang="EN-US"> </span></p></p>

tinymce init options

tinyMCE.init({
...
force_br_newlines : true,
forced_root_block : '' // Needed for 3.x
});

or use css to set margin and padding:

p {margin: 0; padding: 0;}

Taggings:

Usage of gwt-fx with not mozilla based browsers

<p>Assuming we want to move a specified element from point A to point B, where A and B are absolute positions relative to aparent -element described within a linked css-style sheet;</p><p>(e.g. elementStatA{position:absolute;top:0;left:0}</p><p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; elementStatB{position:absolute;top:10;left:10}</p><p>&nbsp;NmorphStyle will accept the two selector-names as parameters and interpolate the values so that a smooth transition can be displayed; however the whole undertaking will fail (without notification what so ever) if the browser of choice is ie8 (or less), and the html is rendered in strict mode.</p><p>&nbsp;</p>

Create a popup window using Javascript

<p>Implement a website popup window plugin so that rich media can be embedded to it. The plugin should be able to be capable of embedding external flash videos, images like JPG, html elements. Images that are grouped together should be shown as gallery.</p>

tinymce custom buttons

a newsletter application which uses tinymce for content creation. it should be possible to add a custom button to the tinymce toolbar which inserts custom tags into the text, which later will be replaced be data from a database. e.g. Good morning <?last name?>,

tinymce

in tinymce wrapping everything in <p> tags can be very annoying and is often an unwanted behaviour. how can you force tinymce to use <br /> instead of <p> tags?

JavaScript makes it possible

after looking for some information I found a short JavaScript code in internet. javascript:alert(document.lastModified)  You just copy and put it into the adressbar. After click to enter you get a popup with the date of the last updating.

Taggings:

when has the website been updated last

<p>I was looking for something in the web. When I found and read it, I found out that the information was not actual. Maybe the admin forgot to update the website. But how could I see when the website has been updated last time?</p>

How to convert XML to JSON by using JavaScript or Java?

<p>&nbsp;</p><p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica;">Over the last years the simple data format JSON had a great inpetus in the service-oriented architecture and especially in the area of internet services. It is widely used because of its compactness and easy understandability.</p> <p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica; min-height: 14.0px;">&nbsp;</p> <p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica;">JSON is lightweight and was used for several of my projects. However, the convertion by hand (Or by an own routine) is an unacceptable quality problem.</p> <p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica; min-height: 14.0px;">&nbsp;</p> <p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica;">A transformation could look like the this example:</p> <p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica; min-height: 14.0px;">&nbsp;</p> <p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica;">The&nbsp;<strong>XML </strong>of image xml.png&nbsp;<span style="font-family: 'Trebuchet MS', sans-serif; font-size: 13px;">should be transformed to the&nbsp;<strong>JSON</strong> representation of image json.png.</span></p> <p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 13.0px 'Trebuchet MS'; min-height: 15.0px;">So to a simple representation using curly braces.</p> <p style="margin: 0.0px 0.0px 0.0px 0.0px; line-height: 21.0px; font: 13.0px 'Trebuchet MS';"><span style="font-family: Helvetica, sans-serif; font-size: small;"><span style="font-size: 12px;"><span style="font-family: 'Trebuchet MS', sans-serif; font-size: small;"><span style="font-size: 13px;"><br /></span></span></span></span></p><p style="margin: 0.0px 0.0px 0.0px 0.0px; line-height: 21.0px; font: 12.0px Helvetica;">JavaScript could be used to convert the data before it is passed on to the Java application. The conversion could also be done in Java itself.</p><p>&nbsp;</p>

Simile timeline

http://simile.mit.edu/timeline/
Timeline is a DHTML-based AJAXy widget for visualizing time-based events
It provides bifocal-view, with variable granularity of the detail view (within one timeline!). User navigates intuitively by panning horizontally over one of the two time-ribbons. It requires zero installation, data input is simply by pointing to a xml file.
Drawback: In some cases it would be nice to be able, to connect events, to express some kind of relation.

Taggings:

Pages

Subscribe to JavaScript