May I know?

How to modify xml data using php - Part 2

2011-10-13T08:47:00.000-07:00

Use the following code to update the submitted value from modify.php into xml:
<?php

function update_book_id($id, $filename = 'loaned.xml')

{

$data = simplexml_load_file($filename);

for($i = 0, $length = count($data->resource->book); $i < $length; $i++)

{

if($data->resource->book[$i]->ID == $id)

{

$btitle = $_POST['btitle'];

$bdate = $_POST['bdate'];

$bookrentdate = $_POST['bookrentdate'];

$booksid = $_POST['booksid'];

$data->resource->book[$i]->title = $btitle;

$data->resource->book[$i]->date = $bdate;

$data->resource->book[$i]->retdate = $bookrentdate;

$data->resource->book[$i]->SID = $booksid;

break;

}

file_put_contents($filename, $data->saveXML());

//echo $deletingbook." Deleted !!!";

}

//SAMPLE USAGE

$updatingbook = $_POST['bid'];

echo $updatingbook;

update_book_id ($updatingbook);

header("Location:index.php");

//delete_book_id('Book 1');

How to modify xml data using php - Part 1

2011-10-13T05:14:00.000-07:00

In modify.php add the following code:

<?php

$modifybook = $_GET['bid'];

$doc = new DOMDocument();

$doc->load( 'loaned.xml' );

$booklist = $doc->getElementsByTagName( "book" );

foreach( $booklist as $book )

{

$bookids = $book->getElementsByTagName( "ID" );

$bookid = $bookids->item(0)->nodeValue;

if($bookid == $modifybook){

$booktitles= $book->getElementsByTagName( "title" );

$booktitle = $booktitles->item(0)->nodeValue;

$dates= $book->getElementsByTagName( "date" );

$date= $dates->item(0)->nodeValue;

$retdates = $book->getElementsByTagName( "retdate" );

$retdate = $retdates->item(0)->nodeValue;

$sids = $book->getElementsByTagName( "SID" );

$sid = $sids->item(0)->nodeValue;

echo "<tr>

<td colspan=\"2\" class=\"labelcell\"><label for=\"btitle\">Book Title:</label></td>

</tr>

<tr>

<td colspan=\"2\" class=\"labelcell\"><label for=\"bdate\">Book Issue date:</label></td>

</td>

</tr>

<tr>

</td>

</tr>

<tr>

</td></tr>

</td>

</tr>";

}

</table>

</form>

Then on submit of above form, it will call the update.php where we should use following code:
Click here to read for How to modify xml data using php - Part 2

How to delete xml node using php

2011-10-10T05:59:00.000-07:00

Create delete.php file and add the following code

<?php

function delete_book_id($id, $filename = 'loaned.xml')

{

$data = simplexml_load_file($filename);

for($i = 0, $length = count($data->resource->book); $i < $length; $i++)

{

if($data->resource->book[$i]->ID == $id)

{

unset($data->resource->book[$i]);

break;

}

file_put_contents($filename, $data->saveXML());

echo $deletingbook." Deleted !!!";

}

//SAMPLE USAGE

$deletingbook = $_GET['bid'];

delete_book_id ($deletingbook);

header("Location: {$_SERVER['HTTP_REFERER']}");

//delete_book_id('Book 1');

How to add new content in XML using php

2011-10-10T05:57:00.000-07:00

In index.php add the following form for inserting new data in xml using php

<table>

<tr>

<td colspan="2"class="labelcell"><label for="btitle">Book Title:</label></td>

</tr>

<tr>

<td colspan="2"class="labelcell"><label for="bdate">Book Issue date:</label></td>

</td>

</tr>

<tr>

</td>

</tr>

<tr>

<td colspan="2"class="labelcell"><label for="booksid">Student Name ID :</label></td>

</td>

</tr>

</table>

</form>

Then create booklistaction.php and add the following code in this file:

<?php

$book = array(

'bid' => $_POST['bid'],

'btitle' => $_POST['btitle'],

'bdate' => $_POST['bdate'],

'bookrentdate' => $_POST['bookrentdate'],

'booksid' => $_POST['booksid'],

);

echo $book["bid"];

$doc = new DOMDocument();

$doc->load( 'loaned.xml' );

$booklist = $doc->getElementsByTagName( "book" );

foreach( $booklist as $book1 )

{

$bookids = $book1->getElementsByTagName( "ID" );

$bookid = $bookids->item(0)->nodeValue;

}

echo "<b>$bookid<br>";

$bookid=$bookid+1;

$book["bid"] = $bookid;

echo "<b>$bookid<br>";

$doc->formatOutput = true;

$r = $doc->getElementsByTagName("resource")->item(0);

$b = $doc->createElement("book");

$bid = $doc->createElement("ID");

$bid->appendChild(

$doc->createTextNode( $book["bid"] )

);

$b->appendChild( $bid );

$btitle = $doc->createElement("title");

$btitle->appendChild(

$doc->createTextNode( $book["btitle"] )

);

$b->appendChild( $btitle );

$bdate = $doc->createElement("date");

$bdate->appendChild(

$doc->createTextNode( $book["bdate"] )

);

$b->appendChild( $bdate );

$bookrentdate = $doc->createElement("retdate");

$bookrentdate->appendChild(

$doc->createTextNode( $book["bookrentdate"] )

);

$b->appendChild( $bookrentdate );

$booksid = $doc->createElement("SID");

$booksid->appendChild(

$doc->createTextNode( $book["booksid"] )

);

$b->appendChild( $booksid );

$r->appendChild( $b );

$doc->save("loaned.xml");

header("Location: {$_SERVER['HTTP_REFERER']}");

</body>

How to display XML content using php

2011-10-10T05:51:00.000-07:00

This is the sample XML structure,

<?xml version="1.0" encoding="utf-8"?>

<?xml-stylesheet type="text/xsl" href="loaned.xsl"?>

<book>

<title>Art of living</title>

<SID>Chandresh</SID>

</book>

<book>

<title>Experiment with Truth</title>

<SID>Dipender</SID>

</book>

</resource>

</catalogue>

Code to display XML using php:

<?php

$doc = new DOMDocument();

$doc->load( 'loaned.xml' );

$booklist = $doc->getElementsByTagName( "book" );

//$len = $musiclist->length;

foreach( $booklist as $book )

{

//$sno = $song ->index[];

$bookids = $book->getElementsByTagName( "ID" );

$bookid = $bookids->item(0)->nodeValue;

$booktitles= $book->getElementsByTagName( "title" );

$booktitle = $booktitles->item(0)->nodeValue;

$dates= $book->getElementsByTagName( "date" );

$date= $dates->item(0)->nodeValue;

$retdates = $book->getElementsByTagName( "retdate" );

$retdate = $retdates->item(0)->nodeValue;

$sids = $book->getElementsByTagName( "SID" );

$sid = $sids->item(0)->nodeValue;

echo "<b>$bookid - $booktitle - $date - $retdate - $sid - <a href=\"delete.php?bid=$bookid\">X</a> - <a href=\"modify.php?bid=$bookid\">Modify</a>\n</b><br>";

}

Popup blocker detection in Google Chrome using Javascript

2011-10-02T21:45:00.000-07:00

Hey guys,

If you all are looking for popup blocker detection in Google Crome then use this code, This code will work on all Google Crome versions. I have tested in 4.0.2 and above versions.

function IsPopupsAllowed()

{

var w = window.open('blank.htm','popup',"width=1,height=1,toolbar=no, top=3000px,left=3000,menubar=no,scrollbars=no,resizable=0");

var mybrsAgent=navigator.userAgent.toLowerCase();

if (w)

{

if ((mybrsAgent.search(/chrome\//) !=-1) )

{

w.onload = function(){

setTimeout(function(){

if (w.screenX === 0) {

returnCromeValue(false);

} else {

w.close();

returnCromeValue(true);

}

}, 0);

};

}

var allowed = "Blocked";

function returnCromeValue(arg)

{

if(arg==true)

{

allowed = "Allowed";

}

else

{

allowed = "Blocked";

}

alert(allowed);

return allowed;

}

For more reference refer this url :

http://stackoverflow.com/questions/668286/detect-blocked-popup-in-chrome/4125979#4125979

Solutions for Popup blocker detection in Opera, window.open in opera

2011-09-22T02:40:00.000-07:00

window.open in Opera browser resume the javaScript execution, even if we are detecting popup blocker in Opera, then we need to use following function,

function CheckPopupBlocker()

{

var allowed = "Blocked";

var mywindow = window.open('','mypopup');

if(mywindow) {

try{

mywindow.close();

allowed = "Allowed";

} catch (eOpera) {

// It won't close a window if it didn't open; hence it was probably blocked.

return allowed;

}

return allowed;

}

Reference url:

http://forums.mozillazine.org/viewtopic.php?f=25&t=486198&start=15

URL Decoder/Encoder : Replacing % characters with actual symbol

2011-08-01T22:11:00.000-07:00

If you get decoded url like this:

http%3A%2F%2Fitpotlifbapp.com%2Fuk_tabs%2Fimages%2Fsuccesss_story%2Fheader.jpg%3Fv%3D1

and want to see its normal form like this:

http://itpotlifbapp.com/uk_tabs/images/successs_story/header.jpg?v=1

then you can use this url to encode and decode:

http://meyerweb.com/eric/tools/dencoder/

Show color code in ms word document.

2011-07-29T04:32:00.000-07:00

Download and install Notepad++ and do the following:
Paste your code in the window;
Select the programming language from the language menu;
Select the text to copy;
Right click and select Plugin commands -> Copy Text with Syntax Highlighting;

Paste it into MS Word and you are good to go!

Access facebook profile picture publically

2011-07-25T00:59:00.000-07:00

If you are looking or want to use your current facebook profile picture in any other location and want to update automatically as you change the profile picture in facebook, you need to access the picture in following url format:

Syntax :
http://graph.facebook.com/[your profile id]/picture?type=large

For e.g my facebook profile id is "chandresh.kesri" so my image profile will be look like:

Large: http://graph.facebook.com/chandresh.kesri/picture?type=large

http://graph.facebook.com/chandresh.kesri/picture?type=large

Small : http://graph.facebook.com/chandresh.kesri/picture?type=small

Normal : http://graph.facebook.com/chandresh.kesri/picture?type=normal

Share any link with custom message on Facebbok

2011-07-22T10:09:00.000-07:00

Facebook link sharing allows us to share any type of link with our custom message. use the below code to share your link:

http://apps.facebook.com/itpotli/?ref=bookmarks

< ?php
$title=urlencode('Title of Your iFrame Tab');
$url=urlencode('http://apps.facebook.com/youriframetab');
$summary=urlencode('Custom message that summarizes what your tab is about, or just a simple message to tell people to check out your tab.');
$image=urlencode('http://www.yourdomain.com/images/share-thumbnail.jpg');
? >

< a onClick="window.open('http://www.facebook.com/sharer.php?s=100&p[title]=< ?php echo $title;? >&p[summary]=< ?php echo $summary;? >&p[url]=< ?php echo $url; ? >&&p[images][0]=< ?php echo $image;? >', 'sharer', 'toolbar=0,status=0,width=548,height=325');" target="_parent" href="javascript: void(0)" >Insert text or an image here. < /a >

Note Just remove the extra spcaing before < and > brackets.

DEMO link : http://apps.facebook.com/itpotli/?ref=bookmarks

for more information please visit:
http://www.daddydesign.com/wordpress/how-to-create-a-custom-facebook-share-button-for-your-iframe-tab/

PDF form validation using javascript

2011-06-14T21:31:00.000-07:00

Step-1- Go to Forms menu- Choose Add or Edit fields

Step-2- Double click to open the dialogue box of Properties of the selected Field.

Step-3- Tooltip- give the name here of the selected field and then * (for ex- Full Name*) then click on Close.

[NOTE- Here this is compulsory to write the ‘*’ after the field name]

This step will be done separately and repeated as same for all the fields in the form.

Step-4- Then select the button (Print button), right click on it.

Step-5- Go to Action Tab-

Delete the existing Action from the Actions, and

Add an Action-

· Select Trigger- Mouse up

· Select Action- Run a JavaScript (from the dropdown arrow)

· Then click on Add- (a dialogue box will be opened)

Write here - validateFields();

· Then click on OK.

· Then close this box.

Step-6- Now go to Advanced Menu- select the Document Processing- then select JavaScript Editor – firstly clear all the existing text or history.

and paste here- (paste the below text which is marked by yellow color)-

//-------------------------------------------------------------

//-----------------Do not edit the XML tags--------------------

//-------------------------------------------------------------

//validateFields

/*********** belongs to: Document-Level:validateFields ***********/

function validateFields()

{

//a counter for the number of empty fields

var flg = 0

// count all the form fields

var n = this.numFields

//create an array to contain the names of required fields

//if they are determined to be empty

var fArr = new Array();

//loop through all fields and check for those that are required

// all fields that have a '*' in their tool tip are required

for(var i = 0;i

var fn = this.getNthFieldName(i);

var f = this.getField(fn);

//tool tip is the fields\'s 'userName' property;

var tt = f.userName

//test for the '*';

if(tt.indexOf('*')!=-1 && f.value == f.defaultValue){

//increment the counter of empty fields;

flg++;

//add the fields userName (tool tip) to the list of empty field names;

fArr[fArr.length] = tt;

}

//now display a message if there are empty fields

if(flg>0){

app.alert('There are '+flg+' fields that require a value\n\n'+ fArr,3)

}

else{

this.print();

}

//Print:Annot1:MouseUp:Action1

/*********** belongs to: AcroForm:Print:Annot1:MouseUp:Action1 ***********/

validateFields();

Step-7-

After that again click on Advanced Menu- select the Document Processing- and then select Document JavaScript-

· Firstly, give the insert the name “Validate Fields” in the script name field.

· Click on Add – (a JavaScript editor dialogue box will be opened)

· then Clear all the existing history and then paste here (paste the below text which is marked by green color)-

function validateFields()

{

//a counter for the number of empty fields

var flg = 0

// count all the form fields

var n = this.numFields

//create an array to contain the names of required fields

//if they are determined to be empty

var fArr = new Array();

//loop through all fields and check for those that are required

// all fields that have a '*' in their tool tip are required

for(var i = 0;i

var fn = this.getNthFieldName(i);

var f = this.getField(fn);

//tool tip is the fields\'s 'userName' property;

var tt = f.userName

//test for the '*';

if(tt.indexOf('*')!=-1 && f.value == f.defaultValue){

//increment the counter of empty fields;

flg++;

//add the fields userName (tool tip) to the list of empty field names;

fArr[fArr.length] = tt;

}

//now display a message if there are empty fields

if(flg>0){

app.alert('There are '+flg+' fields that require a value\n\n'+ fArr,3)

}

else{

this.print();

}

Then click on OK.

And then close this box.

Then go to Forms Menu and select the 2^nd option “Close Form Editing”.

Then check it.

Interview questions and answers : JavaScript

2011-05-23T22:41:00.000-07:00

What’s relationship between JavaScript and ECMAScript? - ECMAScript is yet another name for JavaScript (other names include LiveScript). The current JavaScript that you see supported in browsers is ECMAScript revision 3.
What are JavaScript types? - Number, String, Boolean, Function, Object, Null, Undefined.
How do you convert numbers between different bases in JavaScript? - Use the parseInt() function, that takes a string as the first parameter, and the base as a second parameter. So to convert hexadecimal 3F to decimal, use parseInt ("3F", 16);
What does isNaN function do? - Return true if the argument is not a number.
What is negative infinity? - It’s a number in JavaScript, derived by dividing negative number by zero.
What boolean operators does JavaScript support? - &&, || and !
What does "1"+2+4 evaluate to? - Since 1 is a string, everything is a string, so the result is 124.
How about 2+5+"8"? - Since 2 and 5 are integers, this is number arithmetic, since 8 is a string, it’s concatenation, so 78 is the result.
What looping structures are there in JavaScript? - for, while, do-while loops, but no foreach.
How do you create a new object in JavaScript? - var obj = new Object(); or var obj = {};
How do you assign object properties? - obj["age"] = 17 or obj.age = 17.
What’s a way to append a value to an array? - arr[arr.length] = value;
What is this keyword? - It refers to the current object.

Solution : Php mail with attachment not sent using htmlMimeMail.php

2011-02-25T21:54:00.000-08:00

If you are trying to sent mail with attachment using php, check the following things:

[1].
Some times attachment is too much heavier to process so we need to set some settings on php initialization:

add the following code on your mail sent page:

< ? p h p
ini_set("memory_limit","24M");
ini_set("upload_max_filesize","5M");
? >

[2].
Increase the localhost mail sent size:
1. Goto your IIS
2. Right click on "Default SMTP Virtual Server"
3. Choose "Properties"
4. Select "Access" tab -->"Connection control" --> Click on "Connection..." button --> check "All except the list below" --> "OK"
5. Select "Access" tab -->"Relay restrictions" --> Click on "Relay..." button --> check "All except the list below" --> "OK"
6.Select "Message" tab --> Increase the "Limit message size to (KB)" as your mail+attachment required.
7. Click on "Apply" then "OK".
8. "Restart" your IIS.

That's it.

Solution : Symantec Email Proxy Error from php mail

2011-02-25T21:30:00.000-08:00

If you getting message like :

"Your email message was unable to sent because your mail server rejected the sender."

This message is appearing in my local machine when i am trying to send mail with attachment by using php.

Solution:
1. Goto your IIS
2. Right click on "Default SMTP Virtual Server"
3. Choose "Properties"
4. Select "Message" tab
5. Increase the "Limit message size to (KB)" as your mail+attachment required.
6. Click on "Apply" then "OK".
7. "Restart" your IIS.

That's it.

Detecting iPhone/iPad, OS version and more.

2011-01-19T22:19:00.000-08:00

Lets take and example of some user agent:

Mozilla/5.0 (iPad; U; CPU OS 3_2_1 like Mac OS X; es-es) AppleWebKit/531.21.10 (KHTML, like Gecko) Mobile/7B405

Mozilla/5.0 (iPad; U; CPU OS 3_2_1 like Mac OS X; es-es) AppleWebKit/531.21.10 (KHTML, like Gecko) Version/4.0.4 Mobile/7B405 Safari/531.21.10

Mozilla/5.0 (iPad; U; CPU OS 3_2_2 like Mac OS X; en-us) AppleWebKit/531.21.10 (KHTML, like Gecko) Version/4.0.4 Mobile/7B500 Safari/531.21.10

Mozilla/5.0 (iPad; U; CPU OS 3_2 like Mac OS X; en-us) AppleWebKit/531.21.10 (KHTML, like Gecko) Version/4.0.4 Mobile/7B367 Safari/531.21.10

Mozilla/5.0 (iPad; U; CPU OS 3_2 like Mac OS X; en) AppleWebKit/531.21.10 (KHTML, like Gecko) Version/4.0.4 Mobile/7B367 Safari/531.21.10

Mozilla/5.0 (iPhone; U; CPU iPhone OS 3_1_2 like Mac OS X; en-us) AppleWebKit/528.18 (KHTML, like Gecko) Version/4.0 Mobile/7D11 Safari/528.16

--X----X----X----X----X----X----X----X----X----X--

For both BlackBerry and iOS Device detect : /\([a-z]*;/i

O/P : "(iPad;", "(iPhone;", "(BlackBerry;"

Comment : just remove the "(" & ";" from the output and use it.

For MAC OS Detect : /\d_\d_?\d?/

O/P : "3_2_1" , "3_2"

For Version : /version\/\d.\d\S*/i

O/P : "Version/4.0.4", "Version/4.0", "Version/6.0.0.141"

For Browser Version: /safari\/\d.\d\S*/i

O/P : "Safari/531.21.10", "Safari/528.16", "Safari/534.1+"

For Language : /[a-z]{2}(-[a-z]{2})/i

O/P : en-es, en-us

For more help: http://rubular.com/

Create Facebook application and into Fan page

2010-12-29T04:29:00.000-08:00

1. Go to : http://developers.facebook.com/setup/

2. Enter following details :

a. Site Name : (e.g: eitpotli)

b. Site Url: (e.g: http://www.itpotli.com/)

3. Click on “Create App” button

4. Insert Captch Code then click on “Submit” button.

5. It will show you “Create an App” page.

6. Now click on “Developer Dashboard” link in this page in first paragraph.

7. You will see your application development dashboard page.

8. Click on “Edit Settings” link in right side of this page.

9. Now click on “Web site” link on left side of this page.

10. Enter the following details:

a. Site Url: (e.g: http://www.itpotli.com/)

b. Site Domain: (e.g: itpotli.com)

11. Click on “Save Changes” button.

12. Again click on “Edit Settings” link in right side of this page.

13. Now click on “Facebook Integration” link on left side of this page.

14. Enter the following details:

a. Canvas Page : (e.g: itpotli)
(note: word would be in small case and at least 7 character long )

b. Canvas URL: (e.g: http://www.itpotli.com/test/)

c. Tab Name: (e.g: Welcome)

d. Tab URL: (e.g: index.htm)

15. Click on “Save Changes”button.

16. Now go to your fan page and see this application already added.

ref link

Interoperable HTML Parsing in IE9

2010-11-19T02:05:00.000-08:00

Informative article about IE9 based web sites:

http://blogs.msdn.com/b/ie/archive/2010/09/13/interoperable-html-parsing-in-ie9.aspx

Check Javascript version supported by your Mobile Device?

2010-11-16T22:36:00.000-08:00

All modern browsers support JavaScript 1.5 at the least, most supporting 1.6 to 1.8.

That's not quite helpful enough though. To get the exact version, you could test for a single new feature in each version.

How can you do this? Create a test page to test the JavaScript version, and run it on the Android browser.

JavaScript 1.6 has a bunch of new Array functions. 1.7 introduces Iterator objects. JavaScript 1.8 introduces the reduce Array function. So we can test for these:

var jsVersion = 1.5;
if (([]).forEach) jsVersion = 1.6;
if (window.Iterator) jsVersion = 1.7;
if (([]).reduce) jsVersion = 1.8;

http://efreedom.com/Question/1-3510767/Javascript-Version-Android

Beyound Compare : Ignore File Extension option

2010-10-21T04:07:00.000-07:00

Beyond Compare 3 doesn't have the "ignore file extension" setting. It was replaced by the "Alignment Overrides" setting in BC3 Pro.

As an example, here's how to align .bmp files on the left with .jpg files on the right using BC3 Pro:

Select Session > Session Settings.
Go to the Misc tab.
Click New.
For "Align left file (or folder)" enter "*.bmp".
For "with right file (or folder)" enter "*.jpg".
Click OK until you're back to the main window.

BlackBerry simulator for mlearning development

2010-10-19T04:30:00.000-07:00

If your entire audience is using the same model of BlackBerry, you’re in great shape. If they’re using a variety of models, you’ll have a little more work to do. Start by downloading and installing the BlackBerry simulator(s) matching the model(s) of your users. Go to the BlackBerry Development Tools and Downloads page and click Download the BlackBerry Device Simulators. Fair warning, you may have to update your Java (JDK) version; the installer will prompt you if the update is required. Once you install the simulator, go ahead and open it and take a look around.

Here’s a screenshot of the BlackBerry Storm simulator:

Browsing the web using the BlackBerry simulator

In order to browse the web using your BlackBerry simulator, you’ll need to download and install the BlackBerry MDS Simulator. Go back to the BlackBerry Development Tools and Downloads page and click Download the BlackBerry Email and MDS Services Simulator Package. Install the software, and again, you may have to update your Java JDK.

Once you have the MDS Simulator installed, you should be able to follow these steps to browse web content on your BlackBerry simulator:

Start the MDS service by going to Start -> Programs -> Research in Motion -> BlackBerry Email and MDS Services Simulators 4.x.x -> MDS
Open the BlackBerry simulator by going to Start – Programs -> Research in Motion -> (Your model number)

That's It...

Information resource : http://elearningweekly.wordpress.com/2009/01/10/basic-mlearning-with-blackberries/

HTML table to Excel table using Javascript

2010-08-22T22:54:00.000-07:00

Convert HTML tabular date to Excel form using Javascript

Let try to generate html data to xml data by using code below:

< html >

< head >
< script type="text/javascript" >

function CreateExcelSheet()
{

var x=myTable.rows

var xls = new ActiveXObject("Excel.Application")
xls.visible = true
xls.Workbooks.Add
for (i = 0; i < x.length; i++)
{
var y = x[i].cells

for (j = 0; j < y.length; j++)
{
xls.Cells( i+1, j+1).Value = y[j].innerText
}
}

}
< /script >

< /head >

< body marginheight="0" marginwidth="0" >
< form >
< input type="button" onclick="CreateExcelSheet()" value="Create Excel Sheet" >
< /form >
< table id="myTable" border="1" >
< tr > < b >< td >Name < /td > < td >Age< /td >< /b >< /tr >
< tr > < td >Shivani < /td > < td >25< /td > < /tr >
< tr > < td >Naren < /td > < td >28< /td > < /tr >
< tr > < td >Logs< /td > < td >57< /td > < /tr >
< tr > < td >Kas< /td > < td >54< /td > < /tr >
< tr > < td >Sent < /td > < td >26< /td > < /tr >
< tr > < td >Bruce < /td > < td >7< /td > < /tr >
< /table >

< /body >

< /html >

CSS HACKS

2010-08-20T00:50:00.000-07:00

We have lots of ways to HACK CSS. However, these are the couple I find most useful.

Star-property Hack
*property: value;

Not sure on the name but I call this the star-property hack. This hack allows you to target IE7 and below.

Underscore-property Hack
_property: value;

This targets IE6 and below. Any styles will be applied to ie 6 and below.

!important Targetting

The !important at the end of a style, tells browsers that this property should override any other declarations of that property regardless of position. For example in this case:
width: 10px !important;
width: 80px;

Even though the 80px declaration comes second, Firefox 3 and IE7/8 will render this style as 10pixels. IE6 does not recognize the !important declaration and will apply an 80pixel width.

I prefer this method when I need to target IE7 and FF with one rule, and IE6 with the other. This is a valid method of feeding one rule to ie7/ff and another for ie6.

CSS Examples
div.test{
margin-top: 10px; //firefox
*margin-top: 15px; //ie7
}

div.test{
margin-top: 10px; //firefox
*margin-top: 5px; //ie7
_margin-top: 2px; //ie6
}

div.test{
margin-top: 10px !important; //ff and ie7
mragin-top: 2px; //ie6
}

NOTE: The star property hack and the underscore property hack are NOT valid css, but sometimes you need to get a little dirty to fix IE7 and IE6 issues. With the release of IE8, hopefully the inconsistencies of cross browser css will finally be ironed out, however people will still insist on using IE7...so knowing how to support it is important.

Hope you enjoyed with your hacked css.

contant reference : http://theinfiniteloopblog.com/tag/cross-browser-css/

CSS Conditional Statements or Comments

2010-08-20T00:44:00.000-07:00

Conditional comments
Implemented by IE to fix their retarded browsers, conditional comments can help you target different versions of IE.

< ! --[if IE 6] >
Any instructions in this comment will be parsed by IE 6.
< ! [endif] - - >

< ! - - [if IE 7] >
Any instructions in this comment will be parsed by IE 7.

<!--[if lte IE 7]>
Any instructions in browsers less than or equal to IE7 will
parse these comments.
< ! [endif] - - >

Example of using conditional comments:
< ! - - [if IE 7] >
< link href="styles/ie7styles.css" rel="stylesheet" type="text/css" / >
< ! [endif] - - >

reference link : http://theinfiniteloopblog.com/tag/cross-browser-css/

Looking for font resizing

2010-07-09T21:50:00.000-07:00

If you are looking for font resizing functionality in your website then you can find the solution at here :
http://www.dyn-web.com/code/fontsizer/

And if you want to crack its license file then you can contact me at: tiggem1993 at gmail dot com.

hint : http://www.dolcevie.com/js/converter.html