html

Load iframe links into parent window?

by

Yes, you can use target=”_parent” to achieve this. “target=”_parent” opens the linked document in the parent frame.” Example: <a target=”_parent” href=”http://example.org”>Click me!</a> Edit: If that’s not working, you can try _top: <a target=”_top” href=”http://example.org”>Click me!</a> Or base target: <base target=”_parent” /> Or window.top.location in JavaScript: window.top.location = “http://example.com”;

How to make the long text to fit inside a small div?

by

All you need is word-wrap: break-word; .limit{ width:50px; word-wrap: break-word; } <div class=”limit”> <p>fasfhfhsjdhkjhdkjhfjkhdsfjkhdfjhdfiuhadfhjdfhjadskf kjahsdjfahdfuahsdf dhsf</p> </div> Demo On the other hand, if you are not looking to break the sentence, you can also use overflow property set to auto or overflow-x: scroll; – Demo

Angular 5 file upload: Failed to set the ‘value’ property on ‘HTMLInputElement’

by

In my case I just removed the formControlName: <input type=”file” (change)=”onFileChange($event)”> And .ts: onFileChange(event) { const reader = new FileReader(); if (event.target.files && event.target.files.length) { const [file] = event.target.files; reader.readAsDataURL(file); reader.onload = () => { this.data.parentForm.patchValue({ tso: reader.result }); // need to run CD since file load runs outside of zone this.cd.markForCheck(); }; } }

JQuery Autocomplete Where the Results are Links

by

This is simple. Change your source to an array of objects, such as: var source = [ { value: “www.foo.com”, label: “Spencer Kline” }, { value: “www.example.com”, label: “James Bond” }, … ]; The just use the select method to redirect to the ‘value’, e.g.: $(document).ready(function() { $(“input#autocomplete”).autocomplete({ source: source, select: function( event, ui ) … Read more

CSS custom cursor doesn’t work in FF/Chrome

by

The problem is not just with your css code lacking second argument but with the image file. If you simply resize, make it smaller (i tried 32px for testing purposes) it works like a charm. You might also want “pointer” rather than auto, judging by the look of the image; cursor: url(‘http://anuary.com/dev/hp/pad3/public/images/hand-cursor.png’), pointer; EDIT: i … Read more

Custom scrollbar only in one div

by

#boardslist { &::-webkit-scrollbar { width: 0.5em; height: 0.5em; } &::-webkit-scrollbar-thumb { background-color: rgba(255,255,255,.1); border-radius: 3px; &:hover { background: rgba(255,255,255,.2); } } } Check this out http://codepen.io/tholman/pen/tldwm