CSS margin style property not working

By admin, on November 15th, 2011%

Rating 3.00 out of 5

There’s a weird characteristic of margin style property. Instead of adding two margins together, a web browser applies the larger of the two margins. This is called colliding margins.

For example, if there an unordered list tag above a paragraph tag. The list tag is assigned with the bottom margin of 20 pixels . . . → Read More: CSS margin style property not working

Leave a comment   All, CSS, HTML

HTTP Authentication in URL not working in IE

By admin, on August 27th, 2010%

Rating 2.00 out of 5

IE (Internet Explorer) doesn’t work with user names and passwords in Web site addresses URLs (HTTP/S).
Though, IE versions 3.0 to 6.0 support this.

The following URL syntax may not work in Internet Explorer or in Windows Explorer,
http(s)://username:password@mydomain.com

Reason:
Such URL syntax is used to automatically send username/password to a Web site which requires basic authentication.
A . . . → Read More: HTTP Authentication in URL not working in IE

Leave a comment   All, HTML, Web Master, Windows

Parse XML or HTML

By admin, on August 8th, 2010%

Rating 2.50 out of 5

Here’s a simple XML parser, with DOM Object, which can fetch values digging deep but in a few lines of code.
It uses namespace functinality(XPATH). The XML document must have defined namespaces.

<?php
$xml = <<<EOT
<?xml version=”1.0″ encoding=”UTF-8″?>
<entry xmlns=”http://www.w3.org/2005/Atom” xmlns:other=”http://other.w3.org/other” >
        <id>uYG7-sPwjFg</id>
        <published>2009-05-17T18:29:31.000Z</published>
</entry>
EOT;
$doc = new DOMDocument;
$doc->loadXML($xml);
$xpath =  DOMXPath($doc);
$xpath->registerNamespace(‘atom’, “http://www.w3.org/2005/Atom”);

$xpath_str = ‘//atom:entry/atom:published/text()’;

$entries = $xpath->evaluate($xpath_str);

print $entries->item(0)->nodeValue .”\n”;

?>

You . . . → Read More: Parse XML or HTML

3 comments   All, HTML, PHP, XML

A simple AJAX tutorial

By admin, on August 7th, 2010%

Rating 2.00 out of 5

AJAX powered webpages have an edge when response time and resource usage is the matter of concern. AJAX shows quick results within a blink of an eye. And the best part is user never gets to see the whole page refreshed again for simple responses.

Lets create a simple AJAX implemented webpage. and see how it works.

Create an . . . → Read More: A simple AJAX tutorial

2 comments   All, HTML, Javascript, Js-AJAX

CSS font-size property not working in Internet Explorer

By admin, on July 28th, 2010%

Rating 3.00 out of 5

CSS (Cascading Style Sheete) font-size property does not work properly in Internet Explorer (IE) if spcified in this way,

font-size: small

or

font-size: medium

In mozilla firefox, it works fine.

Workaround:

Use em to specify the font size e.g.,

<style  type=”text/css”>
body {font-size: 0.75em;}
</style>

 

Inheritance can cause problems, for nested tags, when em or % sizing of the text is used. For example, if you . . . → Read More: CSS font-size property not working in Internet Explorer

3 comments   All, CSS, HTML

Button tag inside anchor not working in IE

By admin, on July 28th, 2010%

Rating 3.50 out of 5

HTML button tag might not work as expected when put inside anchor tags.

<a href=”http://www.expertsguide.info/”><button type=”button”>Click Me to go to Experts Guide</button></a>

I works well in Mozilla Firefox but in Internet Explorer (IE) nothing happens on clicking it.

Workaround:

Put some javascript event inside onclick event handler. Redirect (or open a new window) in javascript to required . . . → Read More: Button tag inside anchor not working in IE

5 comments   All, HTML, Javascript

How to access elements having some Class using Javascript?

By admin, on July 27th, 2010%

Rating 3.67 out of 5

How to manipulate objects of all tags (suppose div) having some class name?

It can be achieved by first fetching all the div tags (or whichever you want) using function getElementsByTagName()
and then check their class name using another function className().  
It gives us more flexibility apart from getElementsByID() and getElementsByName().

<head>
<script type=”text/javascript”>
var allDivs = new Array();

// pass . . . → Read More: How to access elements having some Class using Javascript?

One comment   All, HTML, Javascript

How to show or hide text using javascript?

By admin, on July 27th, 2010%

Rating 3.00 out of 5

<head>
<script>
function showhide(id)
{
if (document.getElementById)
{
obj = document.getElementById(id);
if (obj.style.display == “none”) //check if already hidden, if yes make it appear
. . . → Read More: How to show or hide text using javascript?

5 comments   All, HTML, Javascript

Access Form objects in case of multiple forms

By admin, on July 19th, 2010%

Rating 4.00 out of 5

How to access form objects in case of multiple forms, using JavaScript?

Assume, we have a form with the id “myform”, then form can be accessed by:

var oForm = document.getElementById(‘myform’);

This method can only be used only when the <form> tag has an id attribute.

Another way to do it without id attribute set . . . → Read More: Access Form objects in case of multiple forms

8 comments   All, HTML, Javascript