Instagram

Okay, I posted above about a bookmarklet for reposting Instagram stuff onto the forum. It turns out I don't know anything about javascript and I can't be arsed to learn it.

Here's how far I've got based on copy/pasting shit from Stack Overflow:

javascript:function(){
    // to do... 
    var imgURL = document.querySelector('img.something').src;
    
    // Create new element
    var el = document.createElement('textarea');
    // Set value (string to be copied)
    el.value = "![]("+imgURL+")";
    // Set non-editable to avoid focus and move outside of view
    el.setAttribute('readonly', '');
    el.style = {position: 'absolute', left: '-9999px'};
    document.body.appendChild(el);
    // Select text inside element
    el.select();
    // Copy text to clipboard
    document.execCommand('copy');
    // Remove temporary element
    document.body.removeChild(el);
}

I am stuck now. I don't know how/where to find the Instagram image URL.

There is an extension that does something similar here:

https://github.com/odditive/instagram-image-url/blob/master/src/extension/content.js

However that just takes whatever you right click and uses that as the image URL through this:

    clickedEl = event.target.parentElement.childNodes[0].childNodes[0];
    ....
    url = clickedEl.src;

I could just add another context menu element thing to that extension, but then I have to learn how to write/add a Chrome extension and that's a pain in the arse.

Surely it's like a 5 minute job to get this working for someone who knows Javascript?

All my work is Fortran/Python, I'm got no idea with this sort of stuff