ion-infinite-scroll firing extremely infrequently

I am trying to get ionInfiniteScroll to work - I have already gotten it to work in several other places in my app, and this page is actually almost identical to another page where it is working fine. When I scroll down nothing happens, no loading gra...
more »

2017-11-11 23:11 (1) Answers

Angularjs ng-init in select doesn't work

I have simple select tag: <select ng-model="newItem" ng-options="pr.id + ') ' for pr in products track by pr.id" ng-init="newItem=products[0]"/> I just want to preselect first value of products array, but it doesn't work. Ple...
more »

2017-11-11 20:11 (1) Answers

SVG Image map hover effect

I have been trying to solve this issue for days but cannot figure it out. It seems like it would be a very simple fix. I would like each area of the map to highlight when you hover over. Problem is when the cursor hovers over the text - the area rev...
more »

2017-11-11 01:11 (2) Answers

Chrome zoom level at 25% breaks some parts of page

First things first, I've read other similar posts. nothing helped. I have a pixel perfect website, without any percentages or so. when I zoom out it works just fine in Firefox and Edge, but in chrome, when it reaches to 25 percent, items don't fit i...
more »

2017-11-11 00:11 (1) Answers

CSS Grid - span rows

I want to place 2 column's grid divs positioned inline with the 2nd row of divs (see diagram). The total number of rows is dynamic. <div class='content'> <div class='left'></div> <div class='column-with-dynamic-content'>...
more »

2017-11-10 16:11 (1) Answers

Behaviour of last elements in grid

I have got a bootstrap grid with dynamically generated images. If the last element is alone in the row it should be centered. And if there are two elements in row, the second element should float right. This is what I want: Two elements in row: A...
more »

2017-11-10 11:11 (4) Answers

fontawesome user in placeholder

How To Put fontawesome in placeholder. Here is my code: <div class="form-group"> <input class="form-control" placeholder="username" id="inputdefault" type="text" /> <input class="form-control" placeholder="password" i...
more »

2017-11-10 09:11 (3) Answers

Lessen Space between content and footer

I am making a homepage for a press release. There is a big space between my content and my footer, which I don't want. I tried using margin-top: 0px in css, but that doesn't help. I also tried a lot of other margin and padding settings, but I just ...
more »

2017-11-10 07:11 (1) Answers

CSS menu moving contents on hover

I'm attempting to create a navigation menu that shows a border when an item is hovered over. While it currently looks fine, the other menu items are pushed out of the way when one item is hovered over. How would I go about making them stay put? I've...
more »

2017-11-10 00:11 (2) Answers

CSS Transform and Pseudo classes

Using :after, I'm trying to create brutalist pseudo 3D button. But the :after is showing above the intended element. What I'm Trying to accomplish What I'm getting Edit: Obviously the transform is getting in the way, research has yet to yield a wh...
more »

2017-11-09 22:11 (2) Answers

Show tooltip when mouse is near a line in D3

So I have a line chart in D3js. I've added svg circle on the points. If user hover over that circle they see a tooltip. https://jsfiddle.net/jhynag08/38/ But I want them to see tooltip when they are close to the circle(maybe in 5-10px range). I k...
more »

2017-11-09 15:11 (1) Answers

block radio button

I want to make block for radio This is my code. <label> Rating <input type="radio">great <input type="radio">wonderful </label> But it does not work correctly. ...
more »

2017-11-09 07:11 (5) Answers

CSS Animation Delay and Keyframe

I have a problem with animation delay on CSS Animation. I have 3 images and I want to make it slideshow. The illustrations is, image 1 to image 2 takes 15 seconds to change and image 2 to image 3 takes 15 seconds to change and image 3 back to image 1...
more »

2017-11-09 05:11 (1) Answers

Two functions on button clicks

function myFunction() { document.getElementById("tt").style.marginTop = "50px"; document.getElementById("tt").style.marginTop = "80px"; } <div class="switcher" style="margin-top: 30px;background-color: #430000;width: 300px;height: 30...
more »

2017-11-09 01:11 (4) Answers

Bookmarklet issue

I'm trying to get this bookmarklet running but I get this error (in Chrome): Uncaught SyntaxError: Unexpected identifier I don't get what's wrong with my JavaScript code in the href. I can't put it in a separate file; I need to get this running...
more »

2017-11-08 19:11 (2) Answers

get content of some tags inside a variable

var a = $('#txta').val(); console.log(a); result is complete html code from this url Now I want to get content of all #artikal-naziv tags (there are 96) var b = a.find("#artikal-naziv").text(); console.log(b); Result: Uncaught TypeError: a.f...
more »

2017-11-08 14:11 (5) Answers

Generating huge amounts of HTML

I am working on a browser game. I have lots of upgrades, crafting, planets, etc that I generate with jS (1 box (or square?) PER EACH item). Here is a mini snippet from my game, displaying my current method of generating HTML JSFiddle example I do a...
more »

2017-11-08 13:11 (1) Answers

Font looks weird on iPhone web

I am loading the Open Sans Google font using: <link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet"> It loads and looks greate on my PC, however, when I open the website on my iPhone using Safari the font looks very...
more »

2017-11-08 13:11 (0) Answers

Creating a custom filter for ng-repeat

I'm trying to create a filter inside an ng-repeat. What i'm trying to achieve is a list -> more information on button click combination. I'm using the prestashop webservice for retrieving data. All the data is pulled from a json object. So i did try...
more »

2017-11-08 13:11 (0) Answers

CSS - Why 3D Carousel is blurry?

I'm making a 3D Carousel. Here is my code : 3D Carousel. #wrapper{ width:420px; height:279px; position:relative; margin:40px auto 40px auto; -webkit-perspective: 800px; perspective: 800px; } .carrousel{ position:absolute; width:100...
more »

2017-11-08 10:11 (0) Answers