Question

Bookmarklets.. but how can we make these ourselves ?

  • 19 May 2023
  • 2 replies
  • 211 views

Userlevel 3
Badge +6

Attending a webinar regarding Document Managament where Bookmarklets were presented …

How can I make them myself ? 


2 replies

Userlevel 7
Badge +30

Hi Heidi,

Thanks for asking here, it will benefit others as well.

I wrote about this some time back:

https://community.ifs.com/framework-experience-infrastructure-cloud-integration-dev-tools-50/aurena-landing-page-bookmarklet-9137

In the post above you can learn how to add these bookmarklets (which are "bookmarks with code") to your web browser.

Once you know how to add them, the world is your oyster 🙂

Just kidding... Depending on what you want them to do, they could be very easy or very hard to develop. There are limitations on how advanced you can make this but especially the page you want them to work on something sets the limits.

Below I'm including the ones I showed in the webinar (I lost some of them...) The code for each bookmarklet should be on one line only.

Fuzzy document title search

javascript:window.location.href="/main/ifsapplications/web/page/DocumentTitles/List;$filter=%2528contains%2528tolower%2528Title%2529,%2527" + prompt("Part of title:") +  "%2527%2529%2529"

Send link to this page by e-mail

javascript:window.open("mailto:?subject="+document.title+"&body="+encodeURI(document.location.href))

Search on exact document number

javascript:window.location.href="/main/ifsapplications/web/page/DocumentRevision/Form;$filter=DocNo eq '" + prompt ("Document number:") + "'"

Fuzzy title search on selected text

javascript:var text = "";if (window.getSelection) {text = window.getSelection().toString();} else if (document.selection && document.selection.type != "Control") {text = document.selection.createRange().text;}window.location.href="/main/ifsapplications/web/page/DocumentTitles/List;$filter=%2528contains%2528tolower%2528Title%2529,%2527" + text.toLowerCase() +  "%2527%2529%2529"

Find document with a certain Doc No that is selected on the screen

New bookmarklet added on 2023-08-18

javascript:var text = "";if (window.getSelection) {text = window.getSelection().toString();} else if (document.selection && document.selection.type != "Control") {text = document.selection.createRange().text;}window.location.href="/main/ifsapplications/web/page/DocumentRevision/Form;$filter=DocNo eq '" + text + "'"

If you want to get an idea on what can be done, searching for "bookmarklet" on the internet will give you an idea. Many will not be relevant to be used in IFS, but some will (I got some ideas from there). You can always ask here if we think a certain thing will be possible to do or not.

Please note that these are only sometimes a replacement for a proper modification or configuration. But sometimes you are lucky and can create a nice bookmarklet that does what you want to do.

Good luck!
 

Badge

Pick a code manager: Utilize a word processor or code proofreader of your decision, like Scratch pad, Grand Text, or Visual Studio Code, to compose your bookmarklet code. Compose your JavaScript code: Begin by composing the JavaScript code that will characterize the usefulness of your bookmarklet. This code ought to play out the ideal activity when the bookmarklet is clicked. For instance, if you need to feature every one of the headings on a page, your code could be:

javascript javascript:(function() { var headings = document.querySelectorAll('h1, h2, h3, h4, h5, h6'); for (var I = 0; I < headings.length; i++) { headings[i].style.backgroundColor = 'yellow'; } })();

In this model, the code chooses every one of the headings on the page and sets their experience tone to yellow. Convert the code to a bookmarklet: Whenever you have composed your JavaScript code, you really want to change over it into an organization that can be saved as a bookmarklet. To do this, you really want to eliminate line breaks and spaces from the code and prepend it with the javascript: convention. For the model over, the bookmarklet code would be:

css javascript:(function(){var headings=document.querySelectorAll('h1,h2,h3,h4,h5,h6');for(var i=0;i<headings.length;i++){headings[i].style.backgroundColor='yellow';}})();

Ensure there are no line breaks or spaces in the code. Make a bookmark: Open your internet browser and make another bookmark. You can for the most part do this by right-tapping on the bookmarks bar or the bookmarks menu and choosing "Add Page" or a comparable choice. Alter the bookmark properties: Give your bookmarklet an expressive name in the "Name" or "Title" field. Then, glue the bookmarklet code into the "URL" or "Area" field. Save the bookmark: Snap the "Save" or "Alright" button to save your bookmarklet. It ought to now show up in your bookmarks bar or bookmarks menu. Test your bookmarklet: Explore to a website page where you need to utilize the bookmarklet. Click on the bookmarklet you made, and it ought to execute the JavaScript code and play out the ideal activity on the page.

Reply