hide element based on URL href

I need to hide an element based on the window.location.href object. My approach is below: $(document).ready(function() { var windowURL = window.location.href; if (windowURL.indexOf('stackoverflow') > -1) { $('#hide-this').css('dis...
more »

2017-07-18 16:07 (2) Answers

jQuery Target classes separately

I have a HTML code like this. <!-- Every time string is different --> <span class="time_string">123456789</span> <span class="time_string">981251100</span> <span class="time_string">051036626</span> <sp...
more »

2017-07-18 15:07 (6) Answers

CSS animate border in and out

I'm using the following css to animate a border on hover: .item { height: 250px; width: 250px; display: block; background: orange; -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } .item:hover { border: 8px ...
more »

2017-07-18 15:07 (6) Answers

Randomly add class to two divs

I have a two column red/black grid 50/50% and height 100% and had a script to randomize the appearance of both when loading the page, so left or right. I changed the code behind the two column grid a bit going from relative position and float left of...
more »

2017-07-18 13:07 (3) Answers

Outline not working properly on Firefox

I am trying to put some custom outline in order to reach some web accessibility suggestions. But I can't make with Firefox. This is how it looks on Chrome: And that icon is actually an anchor. On Firefox, it is only outlining the whole document,...
more »

2017-07-18 06:07 (0) Answers

How to count visible 'li' on a search list

The code below is for a simple search. Im trying to count the visible 'li' on the list and display the total in a div "totalClasses". and then when the user search for a class update the total with only the visible classes(li). I have tried doing th...
more »

2017-07-17 21:07 (8) Answers

Dim entire screen except a fixed area?

I want to create a tutorial which will lead the user exactly where to click. I'm trying to cover the entire screen with a <div> which will dim all elements except a specific region which is in a fixed width, height, top and left. The problem i...
more »

2017-07-17 14:07 (6) Answers

Navigating Next and Prev Post By Label In Blogger

I wrote a code for navigating next and previous posts which are under the same label. My blog is http://www.rawdevart.com/ All the posts in this blog will always be under 1 label only. The blog is for a japanese comic (Manga) hosting, so the chapte...
more »

2017-07-17 09:07 (1) Answers

Leave dot onclick on image

I would like to leave a dot on my grid image based on wherever I click. I've got the general concept down but unfortunately my dot keeps appearing slightly higher than where I click. How would I go about adjusting this? https://jsfiddle.net/dr0emvkr...
more »

2017-07-16 23:07 (2) Answers

Can't get data from an api

I want to build a website which displays the local temperature, using the browser's navigator feature to get the coordinates, but it seems that, when I call the weather api, I don't get any data. The api that I used is this one: https://fcc-weather-a...
more »

2017-07-16 15:07 (2) Answers

How to refresh image automatically on webpage

I'm trying to get a image (from a ipcam) on a webpage and automatically refresh it. I have made a backend that has a function that reads a image and returns it. this works and looks like this: [System.Web.Http.HttpGet] [System.Web.Http.Route("dummym...
more »

2017-07-16 14:07 (1) Answers

iOS Safari Scrolling issue with CSS

I'm currently working on a Web-App. In one case a user can pick some content and put it into a overview. Once this content is there he should be able to scroll through it. This div has the correct parameters for all browsers except for the iOS Safar...
more »

2017-07-15 22:07 (0) Answers

iFrames not loading on mobile or tablet

I haven't been able to find an answer that works. I have an iframe (yes, I have to use an iframe on this occasion) that works fine on PC, but won't load on mobile or tablet at all. There is some Javascript on the page but removing it doesn't fix the...
more »

2017-07-15 13:07 (0) Answers

"Show More" Button after X buttons

Here is fiddle and this is my code: $(document).ready(function(){ $( ".keywordsdiv" ).each(function(){ $(this).children(".keywords").eq(3).after('<a href="" id="playtrailershowmorebuttons">....Show More</a>');//add a unique...
more »

2017-07-15 10:07 (2) Answers

Google's Open Sans font weight

I am using Google Open Sans fonts in an html page via: <link href="http://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet" type="text/css"> Only the font-weight: 600; makes the font bold. Other values don't seem to make a differen...
more »

2017-07-15 05:07 (1) Answers

Partial Password Masking on Input Field

So I need to mask a SSN# input field, lets say the ssn is 123-45-6789, I need to display ***-**-6789 (real time as they enter each digit) but I still need to retain the original value to submit. I got to the point where I can do that if the user st...
more »

2017-07-15 02:07 (2) Answers

CSS reserves an unknown space in box model

I created a <div> with some text. I set the width and padding of the <div> and the font-size of the text inside it. Below is a snippet summarizing the conflict: .container { width: 300px; padding: 10px; font-size: 16px...
more »

2017-07-15 01:07 (2) Answers