JavaScript for Bookmark Login

Introduction

This code has been designed to list all the Tags on a web page that have an Id and then allow the user to select that element and enter a value that should be inserted into that element's value.  A JavaScript is then generated that can be pasted in to a bookmark URL to enable one click entry in to most websites.
Starting with a basic single entry code for updating the Username / ID, I have updated the code to allow multiple Input field updating and drilling down 2 layers of iFrame.  Tested on the Pizza Express Voucher entry field, I felt this addition to be of some benefit.

Background

As a lot of my time between contracts is spent job searching, I visit a lot of Job Search web sites. Some of my contracts span over 2 to 3 years and trying to remember all the Login Ids for all the websites can be a bit mind blowing.

In my recent job search activity, I have tried to protect my own software developments by limiting my PC's Internet presence and opting for the use of my iPhone and or iPad, with the occasional need of my Nokia N810 whenever a non image file needs to be uploaded.

Using the Code

The code below can be pasted into a browser bookmark using the following method:

• Create a bookmark to this page and give it a title like Login Script.
• Save the bookmark to where you feel it will be quickly accessed.
• Copy the script below.
• Edit the bookmark Login Script and delete the URL, then paste in the copied script.
• Click Done to finish editing and Save the bookmark.
• Go to the Login page of any website and click the Login Script bookmark (it usually makes it easier to identify the desired input box by entering some text. i.e 'aa').
• A prompt box will list all the Elements on that page that have an ID and if you have entered some text, that text will also be shown as the value.
• Enter the Number displayed for that element in the input field.
• If the element you select is an iFrame, the code will then generate another list of elements within that iFrame.  This code will allow you to go as deep as an iFrame within another iFrame.  You should ensure to to update all the Elements on the upper layers before drilling down in to any iFrames.
• A second input box will request the value you wish to assign to that element and you can enter anything such as an Email Address.
• A third input box will ask you if you wish to update any other elements within the layer you are in.  The code allows for anything up to 77 elements.
• The last input box will give you the script you need.  SelectAll and Copy the script given.
• Finally, create 2 bookmarks to the Login Page you are on and give the Second Title an ending of ID
• Edit the ID bookmark and replace the URL with the generated script you copied from the Prompt Box.

 
javascript:
    var a,b,c,d,e="",f,g="",h,i;
    a=document.getElementsByTagName('*');
    for(f=0;f<77;f++){
        getEl();
        if(c>0){
            d=prompt("Please give me the value for "+a[c].id+"!");
            g=g+e+"document.getElementById('"+a[c].id+"').value='"+d+"';";
            a[c].value=d;
            if(prompt("Update another Element in this selection?  Y=Yes, N=No!","n").toLowerCase()=="n"){
                prompt("Use this script!","javascript:"+g);
                f=77;
            }
        }
    } 
function fndEl(a){
    for(i=0;i<a.length;i++){
        if(!a[i].id||a[i].id==""){}
        else{
            b=b+i+") "+a[i].id+" = "+a[i].value+" "+a[i].tagName+"\n";
        }
    }
}
function getEl(){
    b="";
    c=0;
    d="";
    fndEl(a);
    c=prompt(b);
    if(a[c].tagName=="IFRAME"||a[c].tagName=="FRAME"){
        e="document.getElementById('"+a[c].id+"').contentWindow.";
        a=a[c].contentWindow.document.getElementsByTagName('*');
        b="";
        fndEl(a);
        if(b!=""){
            c=prompt(b);
            if(a[c].tagName=="IFRAME"||a[c].tagName=="FRAME"){
                e=e+"document.getElementById('"+a[c].id+"').contentWindow.";
                a=a[c].contentWindow.document.getElementsByTagName('*');
                b="";
                fndEl(a);
                if(b!=""){
                    c=prompt(b);
                }
            }
        }
    }
}

Please note that the 1st version of this code was written using the Note App on iPad and tested using the Safari iPad browser.  The current version has be written using the iPad App jsAny and again tested with the iPad Safari browser.
Please do not use this code to save passwords, as bookmarks do not encrypt the data!