• Activity
  • Votes
  • Comments
  • New
  • All activity
  • Showing only topics with the tag "javascript". Back to normal view
    1. Hey Tildes! I've got a static, basic website, HTML and CSS. It's one page only. But I'd like to create a second page with some more private content that is password protected. I know that I can...

      Hey Tildes!

      I've got a static, basic website, HTML and CSS. It's one page only. But I'd like to create a second page with some more private content that is password protected.

      I know that I can accomplish this via .htaccess but what I don't like about this method is that when the user navigates to the page, they get a pop up asking for a username and password. What I would like is having the user navigate to the page, and then they are met with a simple form asking for just a password (no username). After they enter the password, the "veil" lifts or the page forwards and they get the private content.

      Here's the thing... the content really only needs to seem private. It's not super secret, personal information. I don't want it indexed by search engines (nofollow), and I want it basically hidden, but the password is only there to make the user feel exclusive. If some tech-minded person encountered this page and jumped through a bunch of hoops to get in without the password, it's not a big deal to me. In reality, 99.9% of people accessing this page will not be able to bypass the password.

      I'm guessing this can be accomplished easily in Javascript, but I don't really know much Javascript apart from finding code snippets and plunking them in. I also want to be able to fully design the password entry page so that it looks branded, so a code snippet plunked down into my HTML doc would be great for this.

      If there is an easy way to actually protect the content behind the password, that would be excellent. In this case, I imagine it would be much like a news site with an ad-blocker-blocker. Just some kind of pop-up that blocks all the content. Enter the password, and you're in.

      Anyhow, I hope I've described what I'm looking for accurately enough. Anybody have any easy and quick ways to accomplish this?

      14 votes
    2. Right now google owned recaptcha literally looks at your browser history, data, including your google account, to determine whether or not you are human. This isn't what Tildes can or should use....

      Right now google owned recaptcha literally looks at your browser history, data, including your google account, to determine whether or not you are human.

      This isn't what Tildes can or should use.

      How can Tildes keep bot accounts out w/o additional javascript?

      22 votes
    3. Hello everyone! I've recently got an idea for a Database as a Service I'd like to create. The only issue is - I don't know how to create or host a database! I've only ever used Mongoose/mLab with...

      Hello everyone!

      I've recently got an idea for a Database as a Service I'd like to create. The only issue is - I don't know how to create or host a database!

      I've only ever used Mongoose/mLab with Javascript, and a minimal amount of Postgres with Python.

      If I'm looking to create a database that will, eventually, be able to store images, songs, and videos, where should I start my homework?

      I can create the backend and the frontend with no issue - just stuck on this part here. If it's of any relevance, I most frequently use the MERN stack.

      13 votes
    4. Hi, I looked through JS files and I noticed that all JS and CSS are called with weird parameter. tildes.css?aadf6c54 tildes.js?e6d30b42 third_party.js?4393e99 (I changed the string after ?) Does...

      Hi, I looked through JS files and I noticed that all JS and CSS are called with weird parameter. tildes.css?aadf6c54 tildes.js?e6d30b42 third_party.js?4393e99 (I changed the string after ?)

      Does anyone know why is it done and what does it mean?

      6 votes
    5. hey all! i made a post awhile back talking about how i was in a tech rut, and tired of creating the same things over and over again, working with the same libraries and the same frameworks. i was...

      hey all!

      i made a post awhile back talking about how i was in a tech rut, and tired of creating the same things over and over again, working with the same libraries and the same frameworks.

      i was bored of it!

      so last week i said hell with it and i spent more money than i should've on udemy courses, learned a lot about javascript and the mern stack (mongodb, express.js, react, node.js)

      then, after a few nights of staying up way later than i should have (i have presently been awake for 27 hours) i built this thing:

      https://dry-castle-80238.herokuapp.com/dashboard

      dev-connector.

      a small little social media site for the technically-minded.

      nothing groundbreaking or super fancy - just a basic social media site with posts, comments, user profiles and all that. but it's the first thing in awhile that i've actually finished and put into production on some capacity (even if it's just heroku)

      jump in, leave a few comments, and let me know what you think. :)

      passwords are hashed with bcryptjs, but i've been recommending everyone just use fake login info on sign up for safety's sake.

      12 votes
    6. I have knowledge of the basic concepts of programming in general and html and some very basic knowledge of javascript, but this specific task is proving a little beyond me. I'm actually using...

      I have knowledge of the basic concepts of programming in general and html and some very basic knowledge of javascript, but this specific task is proving a little beyond me. I'm actually using tampermonkey, in case that matters.

      www.bricklink.com is a site to buy Lego from private sellers. By default, when looking at a shop's listing of items, it shows 25 per page. I would like to automatically switch to 100 per page every time.

      Here's a randomly selected store page (no affiliation) at the default 25 per page:

      https://store.bricklink.com/TheBricky#/shop?o={"itemType":"P","catID":"18","showHomeItems":0}

      Now, same page set to display 100 per page. Note how "pgSize" is added to the url but doesn't appear by default:

      https://store.bricklink.com/TheBricky#/shop?o={"pgSize":100,"itemType":"P","catID":"18","showHomeItems":0}

      What I would like is for pgSize to be set to 100 only IF

      "shop" appears in the url

      AND

      "pgSize" does not appear in the url OR "pgSize" does appear in the url but does not equal 100.

      Since Bricklink remembers pgSize per shop page per session, once pgSize is set to 100 for a particular shop greasemonkey doesn't need to do anything. Intercepting the url before the page loads would be nice but unnecessary since loading is fast and I'm not worried about bandwidth.

      I tried making this but wasn't sure how to input what I'm trying to test for in the url. Of course now that I've thought about it some more it seems the task is more probably difficult than I thought it would be at first. Any help would be appreciated.

      EDIT: This comment below seems to be working, although the way Bricklink makes their urls feels funky at times.

      10 votes
    7. Hi, There's a certain site which hosts media files and has a player that depends on a lot of third-party resources to play, while browsers have native support for those file types. Those 3rd-party...

      Hi,

      There's a certain site which hosts media files and has a player that depends on a lot of third-party resources to play, while browsers have native support for those file types. Those 3rd-party resources are often blocked by ad blockers and I have no desire to white-list them. I would like to extract the direct link to the media file and make it playable on my custom web page.

      The link to the media file is present in the page source of each page, always on the same line. It's not anchored in HTML but present in the JavaScript for the player, like so:

          $(document).ready(function(){
            $("#jquery_jplayer_1").jPlayer({
              ready: function () {
                $(this).jPlayer("setMedia", {
                  [ext]: "https://[domain]/[filename.ext]"
                });
              },
      

      In this example it's on line #5. [ext] = the file extension.

      I want to build the following:

      • A web page with a form with a single input field meant to receive links from that specific file host
      • [Something] that extracts the file link from the source of the host's page
      • Present the linked file as playable in an embedded native player

      So far I've managed to create a form with an input box and a submit button, but it doesn't do anything yet. What is the best way to build the actual functionality? I know HTML/CSS. I have some rudimentary understanding of JavaScript/jQuery and Python3, so those would be my preferred tools.

      For those worried about piracy: The files in question are not copyrighted and I'm not looking to make copies. I just want to make them playable. This is for personal use.

      Thank you for reading this far. Any and all advice is welcome!

      10 votes