Skip to main content

NsYta 's Library tagged bookmarklets   View Popular

jslets--Only For opera

  • Here you will find various bookmarklets for webpages, which can be very useful when you want to manipulate pages or extract specific information about it :) (Note: Bookmarklets with a ~^ near them open up new windows.)


    Page info -- This Shows the page information related to the page, shows amount of a specific element too and lists link element source, in an alert



    Document Info -- This shows list of cookies, url,images,frames,last modified info in a popup window.


    Create Linked-- Creates a window where all links from the current page opens in that window,to emulate Opera's "Create Linked" feature in a tab.


    Increase Font-Size -- This increases the overall font-size by 2px increments


    Decrease Font-Size -- This decreases the overall font-size by 2px increments

    Go to disabled url , undefined ~^ -- This converts text selected disabled urls in forums posts like hxxp:// or h**p:// or f*p:// or fxp:// to the right address and goes to the page


    Back is close Does alternate things when back is no longer available,closes the page or it searches for the previous page that opened the page(and closes the page if possible), or goes up a directory or goes home if no tabs opened


    Top Goes to top level of site


    Show resources , undefined ~^ Shows all resources as links, enabling you to download them or examine the pages

    Search resources Opens a window that allows you to search through particular resources using the dropdowns or to search all with regular expressions, this is like the tag and attribute grabber script, but it only mainly does resources

    - nsyta0309 on 2008-01-04

Bookmarklet to view forms properties and elements. - Operaised -- The blog - by Simon Houston

  • Here is a bookmarklet that lets you debug forms more accurately.

      javascript:
    (function ()
    {
    var s = "<title>Forms list</title><i>No action attribute usually means its pointing to the page's url and that something else is submitting the form</i>";
    var f = document.forms;
    for (var i = 0;i < f.length, t = f[i];i++)
    {
    var g = "";
    g += "<fieldset><legend>Form: " + i + "</legend>";
    for (var z = 0;z < t.attributes.length, x = t.attributes[z];z++)
    {
    a = x.name.toLowerCase();
    a = a.substr(0, 1).toUpperCase() + a.substr(1);
    if (g.indexOf(a + ": " + x.value) == - 1)
    g += x.value != "" ? a + ": " + x.value + "<br/>" : "";
    }
    for (var ty = 0;ty < t.elements.length, yu = t.elements[ty];ty++)
    {
    fg = yu.tagName.toLowerCase();
    fg = fg.substr(0, 1).toUpperCase() + fg.substr(1);
    g += "<fieldset><legend>" + fg + ": " + ty + "</legend>";
    for (var mx = 0;mx < yu.attributes.length, my = yu.attributes[mx];mx++)
    {
    hg = my.name.toLowerCase();
    hg = hg.substr(0, 1).toUpperCase() + hg.substr(1);
    g += my.value != "" ? hg + ": " + my.value + "<br/>" : "";
    }
    g += "</fieldset>";
    }
    g += "</fieldset>";
    s += g;
    }
    var y = window.open();
    y.document.write(s);
    y.document.close();
    }
    )();


    It shows the all elements inside a form and the attributes attached to those including the attributes of the form itself.
    Hope this helps out with form debugging on difficult pages.
    UPDATE: Updated layout a little.
    - nsyta0309 on 2008-01-04

Googmarklets (Google Bookmarklets)

  • Googmarklets (Google Bookmarklets)
    By Ludwik Trammer



    Bookmarklets are short snippets of JavaScript code added to the
    browser as bookmarks. Every time you open such bookmark it executes its
    function, usually using information from the currently opened website.
    Bookmarklets can make daily browsing a lot easier by automating simple
    tasks. You can find many interesting bookmarklets on Squarefree.com.



    Google has an official bookmarklet
    itself. It's very simple – it displays a dialog box in which the user
    can provide search terms. It's a little outdated though, in the times
    when every browser has a search box right in a toolbar. Below you can
    find ten unofficial Google bookmarklets.



    Note: You can install a bookmarklet just by grabbing a
    link and draging it into your bookmarks toolbar. Those bookmarklets
    should work across many different browsers, however, they were tested
    in Firefox 2 and Opera 9 only. (Note that in case you're reading this
    from an RSS reader which strips JavaScript, you need to visit the
    original post.)



    1. Add to Reader

    Adds the current website's feed to Googe Reader/ iGoogle. Note:
    Site has to have RSS feed and support for feed autodiscovery (in other
    words a little RSS icon in the browser's address bar).



    2. Translate it

    Translates the current page into English using Google Translate.



    3. Search this domain

    Asks you for the search term and searches for it in Google within current website's domain only.



    4. Search within links

    Asks you for the search term and searches for it in Google within pages
    that are linked from the current page (using Google's new "On the Fly" feature).



    5. Show Cache

    Shows a version of the current page from the Google Cache.



    <!-- <p>. <a href="javascript:(function(){ document.location.href='http://www.google.com/search?q=info:'+escape(document.location.href) })();">Show page info</a><br/>
    Shows current page's summary from Google search.</p> -->

    6. Show similar pages

    Shows pages that Google considers similar to the current one.



    7. Show linking pages

    Shows pages that link to the current one (or rather, some of them).



    8. Domain's PageRank

    Shows the PageRank for the current domain (using prchecker.info)



    9. Send it with Gmail

    Opens a mail composing window in Gmail with the current page URL
    provided in the mail's body, and its title in the mail's subject.



    10. Add to search index

    Sends the current page's URL for googlebot to check.

    - nsyta0309 on 2008-01-04

Pimp My Safari: bookmarklets

Bookmarklets | HTML Source

  • Path // www.yourhtmlsource.com > Accessibility > BOOKMARKLETS



    Bookmarklets






    <!-- Intro -->

    Bookmarklets are simple little programs that you can integrate into your browser to make your coding, debugging and researching lives a whole lot easier. Best of all, they're easy to use and modify for your own use.






    This page was last updated on 2007-03-20







    <!-- Content Start -->



    Bookmarklets Explained



    Bookmarklets are a type of tiny, powerful, very clever program, written in JavaScript and added to your browser as the URL of a bookmark. “Bookmarks” (Firefox/Safari) and “Favorites” (Internet Explorer) are equivalent, and most bookmarklets will work in either browser, and across platforms. You just click the bookmarklet, and it can apply filters to the page you're viewing, open prompts for searches, or a host of other helpful features. They look like normal links but are in fact dynamic scripts that can perform different tasks depending on what page you're visiting, what text you have highlighted, etc.




    Browser Compatibility Note:



    Some of the following bookmarklets will not work in certain browsers. The best thing to do is to test them by clicking their links on the page here before adding them to your bookmarks folder.





    How they Work



    First, your browser will have to be IE5+, Firefox, Safari or Opera 5+. Then, you need to have JavaScript enabled in your browser.




    Then just add these links as favorites like you would any other. You can even add them to your Internet Explorer Links bar or Netscape Personal Bar for immediate access to the most useful ones. You may get a security alert when 'installing' the scripts, but don't worry, these are all perfectly » safe to use and do not change any settings on your computer.

        Once they're added you can use them straight away — just click their name in your bookmarks menu and the script will run.





    Let's see them



    Ok, I've organised these under headings; bookmarklets can help in a range of tasks. Remember, just click and drag any of the bookmarklet links below into your bookmarks menu.






    Validation




    Validate Markup with W3C Validator

    Opens up the W3C HTML validator with the current page as the subject. Great for simultaneous coding and debugging. The page will open in the same window as the source page.


    Validate CSS with W3C Validator

    The same as the one above, but this will validate any stylesheets linked or imported into the current document.


    Validate Recursive pages with WDG Validator

    Much the same as the W3C validator, but the Web Design Group's validator can follow links to other pages and validate them too.


    Verify Links with W3C Link-checker

    Checks that no links are broken on the page you're looking at. Source: » Favelets.com.



    Coding




    Toggle CSS Stylesheets

    Superb little script that will turn off any linked stylesheet at the touch of a button. Useful as much for coding as it is out of interest. This should really be a feature built-in to most browsers. Click it a second time to enable CSS again. Source: » Favelets.com.


    Zoom In / Zoom Out

    Zoom in and out of the current page in 50% increments — excellent for fixing pixel-level problems. Source: » Sam-I-Am.com.


    Resize to 800x580

    A simple code that resizes your window to the dimensions still most common among web surfers. If your page doesn't look good like this, you're boned. You can also resize to 640x460, 1024x748 or any other dimensions you want — just modify the short code. Note that the heights defined here are 20 pixels shorter than the corresponding monitor resolutions to take the Windows taskbar into account. There are more outlandish dimensions at » favelets.com.


    216 Websafe Color Chart

    Quickly draws a table of the websafe colour palette, in case you've forgotten the HEX codes. The reference page is generated entirely by the bookmarklet.


    Basic ISO Latin Characters

    Creates and displays a shorthand Latin special character reference. Source: » Bookmarklets.com.


    Page Weight

    Returns the combined filesize, in bytes, of the HTML file and all of its images. It doesn't include linked CSS code or scripts in the total however. There's also a utility that prompts you for a filesize in KB and returns the download time on a 56k modem. Source: » DanSays.com.


    Show Comments

    A clever, very cool-looking bookmarklet that adds an icon at each comment in a page's source code. Click the icon to see what the comment contains. Mostly useful out of interest. You need to be online for this to work, as it loads an external JS file. Source: » EndQuote.com.


    Choose Style sheet

    Since most browsers (most noticeably IE) lack support for choosing alternate stylesheets, this provides an interface for choosing an alternate style yourself, if one exists for a page. Source: » Favelets.com.


    Grayscale the Page

    Applies a filter over the page that takes all the colour away. Great, quick way of testing your page for legibility. Slows your machine down a fair bit though. Source: » 508 Compliant.


    IMGs missing ALTs

    Goes through your page checking if all your images have alt attributes. If not, it'll tell you which ones are missing them. Source: » 508 Compliant.


    General page Information

    Whips up a page of information pertaining to the current document, like the number of scripts, images and stylesheets; the creation and modification dates etc. Source: » Ian Lloyd.


    Meta Data

    Cleans up a page's meta data into a nice table for easy reading. Source: » Ian Lloyd.





    Writing




    Count Selected Words

    Counts the number of words in a block of selected text. Very useful. Only works in IE. Source: » DooYoo-uk.


    Look up word on Dictionary.com

    Very handy bookmarklet to have, just select the word you need help with and it'll open the corresponding Dictionary.com definition. There's also a synonym-finder through thesaurus.com. Source: » Blog of Francois.


    Page Freshness

    When you need to find out when a page was last updated, this bookmark will query the server and return the last modification date. If the server isn't configured right you may get some replies that are clearly wrong. Source: » Bookmarklets.com.




    Searching




    Google Search

    Searches Google for the words selected on the page. If you haven't selected anything, it brings up a prompt box to enter words into. Source: » Google.


    IMDb Search

    A personal favourite, I got sent this very useful modification of the Google bookmarklet above by a reader. It'll do a search on any words you have selected, or bring up a prompt for your input; and then search the » Internet Movie Database for you.




    Other Resources




    » Google Toolbar

    This isn't a bookmarklet, but a whole new bar for your browser that allows you to search Google from anywhere, and get a lot of information about a page through some great features like what's related, backward-links and cache-viewing. Excellent.


    » IE Web Accessories

    A really helpful group of new commands for your right-click menu in IE5+. You can generate a links lists (very helpful for checking how your link-text reads out of context), an images list or open frameset pages in a new window. Also there's an Internet Explorer utility that will toggle image loading on and off without having to go into your Internet Options. It's not a bookmarklet, but a small executable program. All in all, some rather essential utilities.













    - nsyta0309 on 2008-01-04

Bookmarklets - Tool Categories

  • Bookmarklet Tool Categories


    Bookmarklets







    Online/Offline


    Online only





    Page Data

      Freshness test, Links on Page, Page with Selected Text, tools to extract data from a webpage.


    Page Look

      Page Color, Auto-Scrolls, Zoom on Image, tools to change the appearance of a webpage.



    Search tools

      Search more quickly, more easily, and in new ways with these Search Bookmarklets. Home of the user-defined hyperlink. You can make your own!








    Navigation

      Back All Frames, Go To Random, Find Simultaneously, tools that affect navigation between pages.



    Windowing

      Resize, Center, Setup, tools that resize or reposition windows. Most Windowing tools require NS 4 or IE 4
















    Special Tools

    Calculate/Convert

      Various calculators and U.S.-International converters.

    Design

      Tools for people who make webpages or write scripts.





     

    What's New






    Miscellaneous

      Date, Tile, Toys - Tools that didn't fit into the other categories.










    About | Help | feedback | Ideas | Make | Links | Home
    - nsyta0309 on 2008-01-04

Useful bookmarklets - Asa Dotzler - Firefox and more

Stephen Ostermiller's Bookmarklets

  • Path // www.yourhtmlsource.com > Accessibility > BOOKMARKLETS



    Bookmarklets






    <!-- Intro -->

    Bookmarklets are simple little programs that you can integrate into your browser to make your coding, debugging and researching lives a whole lot easier. Best of all, they're easy to use and modify for your own use.






    This page was last updated on 2007-03-20






    <!-- Content Start -->



    Bookmarklets Explained



    Bookmarklets are a type of tiny, powerful, very clever program, written in JavaScript and added to your browser as the URL of a bookmark. “Bookmarks” (Firefox/Safari) and “Favorites” (Internet Explorer) are equivalent, and most bookmarklets will work in either browser, and across platforms. You just click the bookmarklet, and it can apply filters to the page you're viewing, open prompts for searches, or a host of other helpful features. They look like normal links but are in fact dynamic scripts that can perform different tasks depending on what page you're visiting, what text you have highlighted, etc.




    Browser Compatibility Note:



    Some of the following bookmarklets will not work in certain browsers. The best thing to do is to test them by clicking their links on the page here before adding them to your bookmarks folder.





    How they Work



    First, your browser will have to be IE5+, Firefox, Safari or Opera 5+. Then, you need to have JavaScript enabled in your browser.



    <script type="text/javascript">
    <!--
    //test for javascript
    document.write('<p>At the moment, you do have JavaScript enabled, so no worries there...</p>');
    //-->
    </script>

    At the moment, you do have JavaScript enabled, so no worries there...




    Then just add these links as favorites like you would any other. You can even add them to your Internet Explorer Links bar or Netscape Personal Bar for immediate access to the most useful ones. You may get a security alert when 'installing' the scripts, but don't worry, these are all perfectly » safe to use and do not change any settings on your computer.

        Once they're added you can use them straight away — just click their name in your bookmarks menu and the script will run.





    Let's see them



    Ok, I've organised these under headings; bookmarklets can help in a range of tasks. Remember, just click and drag any of the bookmarklet links below into your bookmarks menu.



    <!--

    -->


    Validation




    Validate Markup with W3C Validator

    Opens up the W3C HTML validator with the current page as the subject. Great for simultaneous coding and debugging. The page will open in the same window as the source page.


    Validate CSS with W3C Validator

    The same as the one above, but this will validate any stylesheets linked or imported into the current document.


    Validate Recursive pages with WDG Validator

    Much the same as the W3C validator, but the Web Design Group's validator can follow links to other pages and validate them too.


    Verify Links with W3C Link-checker

    Checks that no links are broken on the page you're looking at. Source: » Favelets.com.



    Coding




    Toggle CSS Stylesheets

    Superb little script that will turn off any linked stylesheet at the touch of a button. Useful as much for coding as it is out of interest. This should really be a feature built-in to most browsers. Click it a second time to enable CSS again. Source: » Favelets.com.


    Zoom In / Zoom Out

    Zoom in and out of the current page in 50% increments — excellent for fixing pixel-level problems. Source: » Sam-I-Am.com.


    Resize to 800x580

    A simple code that resizes your window to the dimensions still most common among web surfers. If your page doesn't look good like this, you're boned. You can also resize to 640x460, 1024x748 or any other dimensions you want — just modify the short code. Note that the heights defined here are 20 pixels shorter than the corresponding monitor resolutions to take the Windows taskbar into account. There are more outlandish dimensions at » favelets.com.


    216 Websafe Color Chart

    Quickly draws a table of the websafe colour palette, in case you've forgotten the HEX codes. The reference page is generated entirely by the bookmarklet.


    Basic ISO Latin Characters

    Creates and displays a shorthand Latin special character reference. Source: » Bookmarklets.com.


    Page Weight

    Returns the combined filesize, in bytes, of the HTML file and all of its images. It doesn't include linked CSS code or scripts in the total however. There's also a utility that prompts you for a filesize in KB and returns the download time on a 56k modem. Source: » DanSays.com.


    Show Comments

    A clever, very cool-looking bookmarklet that adds an icon at each comment in a page's source code. Click the icon to see what the comment contains. Mostly useful out of interest. You need to be online for this to work, as it loads an external JS file. Source: » EndQuote.com.


    Choose Style sheet

    Since most browsers (most noticeably IE) lack support for choosing alternate stylesheets, this provides an interface for choosing an alternate style yourself, if one exists for a page. Source: » Favelets.com.


    Grayscale the Page

    Applies a filter over the page that takes all the colour away. Great, quick way of testing your page for legibility. Slows your machine down a fair bit though. Source: » 508 Compliant.


    IMGs missing ALTs

    Goes through your page checking if all your images have alt attributes. If not, it'll tell you which ones are missing them. Source: » 508 Compliant.


    General page Information

    Whips up a page of information pertaining to the current document, like the number of scripts, images and stylesheets; the creation and modification dates etc. Source: » Ian Lloyd.


    Meta Data

    Cleans up a page's meta data into a nice table for easy reading. Source: » Ian Lloyd.





    Writing




    Count Selected Words

    Counts the number of words in a block of selected text. Very useful. Only works in IE. Source: » DooYoo-uk.


    Look up word on Dictionary.com

    Very handy bookmarklet to have, just select the word you need help with and it'll open the corresponding Dictionary.com definition. There's also a synonym-finder through thesaurus.com. Source: » Blog of Francois.


    Page Freshness

    When you need to find out when a page was last updated, this bookmark will query the server and return the last modification date. If the server isn't configured right you may get some replies that are clearly wrong. Source: » Bookmarklets.com.




    Searching




    Google Search

    Searches Google for the words selected on the page. If you haven't selected anything, it brings up a prompt box to enter words into. Source: » Google.


    IMDb Search

    A personal favourite, I got sent this very useful modification of the Google bookmarklet above by a reader. It'll do a search on any words you have selected, or bring up a prompt for your input; and then search the » Internet Movie Database for you.




    Other Resources




    » Google Toolbar

    This isn't a bookmarklet, but a whole new bar for your browser that allows you to search Google from anywhere, and get a lot of information about a page through some great features like what's related, backward-links and cache-viewing. Excellent.


    » IE Web Accessories

    A really helpful group of new commands for your right-click menu in IE5+. You can generate a links lists (very helpful for checking how your link-text reads out of context), an images list or open frameset pages in a new window. Also there's an Internet Explorer utility that will toggle image loading on and off without having to go into your Internet Options. It's not a bookmarklet, but a small executable program. All in all, some rather essential utilities.












    - nsyta0309 on 2008-01-04

Bookmarklets - www.docjavascript.com

Bookmarklets, Favelets and Snippets | Developer's Toolbox | Smashing Magazine

Micro Persuasion: Bookmarklets Every Blogger Should Have

  • Listed below are links to weblogs that reference Bookmarklets Every Blogger Should Have:








    » Essential Bookmarklets for Every Blogger from Technoogle

    Steve Rubel of Micro Persuasion has put together a list of essential bookmarklets that are used frequently among bloggers.
    Double check what you have and add what you’re missing.

    Technorati IceRocket Tags: Blogger, Bloggers, Steve Rubel, Es... [Read More]









    » Praktische Firefox-Bookmarklets from basimo.de

    Steve Rubel hat eine praktische Liste von Bookmarklets für Firefox zusammengestellt.
    [via lifehack.org]

    ... [Read More]









    » Bookmarklets from inedibleink.com

    Its a mighty-mite technology with a truly awful name. The bookmarklet. It doesnt mark anything. It would be sheer luck if it got within 50 feet of a book. The only redeeming syllable in the name is the suffix -let, becau... [Read More]









    » useful bookmarklets from Asa Dotzler - Firefox and more

    Steve Rubel, over at Micro Persuasion, has a nice list of useful bookmarklets. Check it out, and share any addional ones you use with the rest of the readers here.... [Read More]









    » Bookmarklets Every Blogger Should Have from The Lazy Genius

    Found a great list of Bookmarkets... little widgets that make broswing and blogging easy.

    Here's a bunch of bookmarklets that I use eve... [Read More]









    » Good Bookmarklets Are Easy To Find from Backwords

    Steve Rubel over at Micro Persuasion has this good post about bookmarklets that every blogger needs to have.
    Bookmarklets are little pieces of JavaScript code embedded inside a Bookmark/Favorite link, so that every time you press this link, the JavaSc... [Read More]









    » useful bookmarklets from Asa Dotzler - Firefox and more

    Steve Rubel, over at Micro Persuasion, has a nice list of useful bookmarklets. Check it out, and share any addional ones you use with the rest of the readers here.... [Read More]









    » How to promote your blog for traffic from Platinax Internet

    Whether used for Public Relations and customer communication, or for marketing your business and website online, blogs can be a useful business and marketing tool.
    However, its easy to become overwhelmed when faced with promoting your blog.
    H... [Read More]



    - nsyta0309 on 2008-01-04
    • Here's a bunch of bookmarklets that I use every day in Firefox. I highly recommend them. To use these, drag each one individually into your Favorites or Links toolbar (in IE), or your bookmarks folder/toolbar in Firefox. (Hint: in Firefox you can also assign a single keystroke to each. Then all you need to do is type that letter in the address field and hit enter and the bookmarklet activates.)



Some Good Bookmarklets - Lifehack.org

  • Steve Rubel in his blog has posted a set of great bookmarklets that preform a certain functions from your bookmark to the site you are visiting. Very handy tool. He introduced the follow bookmarklets with links:



    * Post this to del.icio.us - select some text first and it gets excerpted in the del.icio.us summary

    * Post this to del.icio.us and My Web - simultaneously send a link to Yahoo! My Web and del.icio.us

    * Subscribe to this site on Bloglines

    * Subscribe to this site on Newsgator

    * Subscribe to this site on Google

    * Wikipedia look-up - select some text and click this link and WIkipedia will look it up

    * del.icio.us look-up - tells you who has bookmarked a page you’re reviewing

    * Flickr look-up - search for multiple tags on Flickr, separated by commas

    * Alexa this - will look up any site you’re visiting on Alexa, a great resource for statistics

    * What’s similar? - searches Google for similar pages to the one you’re on

    * BugMeNot - for news sites behind a registration gate

    * TinyURL this - create a short URL for the page you’re visiting

    * Bloglines this - see who has linked to a page on bloglines

    * Technorati this - does the same for Technorati


    All you need to do is drag those link into your favorites or bookmark menu. Go to his site and get those.


    Bookmarklets Every Blogger Should Have - [Micro Persuasion]

    - nsyta0309 on 2008-01-04

subSimple Bookmarklets


    • The bookmarklets are divided into these categories:







      <!--
      <p>
      See also <a href='collection_others.asp'>other bookmarklets</a> made by other people than me.
      </p>
      -->


      The bookmarklets have been tested with various browser versions (Explorer 5.5, 6;
      Netscape 4.7, 6, 7; Opera 7), but only on Windows - not on Mac, Linux, or what have you.
      Report any errors to me.




      A NOTE ABOUT POPUPS: Some bookmarklets open new browser windows. If you're using a
      popup killer there's a chance those bookmarklets won't function properly.
      Likewise, if you're using Opera, your preferences must allow popup windows to be
      created for those bookmarklets to work. Netscape appears to be intelligent (or dumb)
      enough to handle the bookmarklets correctly regardless of your popup settings.
      If you use the Google toolbar as a popup blocker, you can press the Ctrl key
      while selecting a bookmarklet to allow it to create a new window.

    - nsyta0309 on 2008-01-04
1 - 20 of 26 Next ›
Showing 20 items per page

Highlighter, Sticky notes, Tagging, Groups and Network: integrated suite dramatically boosting research productivity. Learn more »

Join Diigo