Mohamed Salem Korayem's Blog

I do a lot of technical reading and studying through PDF e-books. The problem is that, most of the time, the book doesn't contain an index (a.k.a. Bookmarks in Adobe Reader) with direct links to chapters so you can easily browse to your favorite destination. I usually had to do a search for, say, "Chapter 5" till I find it in the text! That's why I love CHM based ebooks over PDF, but that's another story.

But the real hassle is that whenever I close that specific book and re-open it later, I have to go through the same process again to pick up from where I've left. I sometimes try to remember the pdf page number I was last at, but in vain.

I said "why don't Adobe Reader remember that for me!? there must be a way, right?" Well, luckily there is. It's a hidden gem that is unfortunately disabled by default :(.

More...

I had a couple of div's that show their CSS styles according to an imported css file. However, during Javascript manipulation using jQuery, a lot of styles are attached in the 'style' attribute of the div and the latter overrides the CSS defined in imported file.

I wanted to clear all those styles defined as an attribute. The easiest way is to simply use the '*' as a means to choose all defined styles and set them all to an empty value of ''. Example:

 $('#myElem').attr('style', ''); //Select all '*' css styles defined as an attribute of #myElem's and set them to an empty value

 I was about to write a for-loop when I thought about this nifty solution.

NOTE: In case you're wondering what Javascript notation is that; I am using jQuery library. A similar method should be available in other Javascript Frameworks like prototype.