You should add the target=”_blank” and rel=”noopener noreferrer” in the anchor tag. For example: <a target=”_blank” rel=”noopener noreferrer” href=”http://your_url_here.html”>Link</a> Adding rel=”noopener noreferrer” is not mandatory, but it’s a recommended security measure. More information can be found in the links below. Source: MDN | HTML element <a> | attribute target About rel=noopener Opens External Anchors Using … Read more
For dropdown options you probably want something like this: var conceptName = $(‘#aioConceptName’).find(“:selected”).text(); The reason val() doesn’t do the trick is because clicking an option doesn’t change the value of the dropdown–it just adds the :selected property to the selected option which is a child of the dropdown.
This is quick, easy, to the point and doesn’t require any third-party script: <embed src=”http://example.com/the.pdf” width=”500″ height=”375″ type=”application/pdf”> UPDATE (2/3/2021) Adobe now offers it’s own PDF Embed API. https://www.adobe.io/apis/documentcloud/dcsdk/pdf-embed.html UPDATE (1/2018): The Chrome browser on Android no longer supports PDF embeds. You can get around this by using the Google Drive PDF viewer <embed src=”https://drive.google.com/viewerng/ … Read more
Most of the roles you see were defined as part of ARIA 1.0, and then later incorporated into HTML via supporting specs like HTML-AAM. Some of the new HTML5 elements (dialog, main, etc.) are even based on the original ARIA roles. http://www.w3.org/TR/wai-aria/ While the First Rule of Aria states: If you can use a native … Read more
Here’s your example in the “one” line. this.$OuterDiv = $(‘<div></div>’) .hide() .append($(‘<table></table>’) .attr({ cellSpacing : 0 }) .addClass(“text”) ) ; Update: I thought I’d update this post since it still gets quite a bit of traffic. In the comments below there’s some discussion about $(“<div>”) vs $(“<div></div>”) vs $(document.createElement(‘div’)) as a way of creating new … Read more
Just create a wrapper <div> with a percentage value for padding-bottom, like this: .demoWrapper { padding: 10px; background: white; box-sizing: border-box; resize: horizontal; border: 1px dashed; overflow: auto; max-width: 100%; height: calc(100vh – 16px); } div { width: 100%; padding-bottom: 75%; background: gold; /** <– For the demo **/ } <div class=”demoWrapper”> <div></div> </div> It … Read more
Cookies and local storage serve different purposes. Cookies are primarily for reading server-side, local storage can only be read by the client-side. So the question is, in your app, who needs this data — the client or the server? If it’s your client (your JavaScript), then by all means switch. You’re wasting bandwidth by sending … Read more
Relative+absolute positioning is your best bet: #header { position: relative; min-height: 150px; } #header-content { position: absolute; bottom: 0; left: 0; } #header, #header * { background: rgba(40, 40, 100, 0.25); } <div id=”header”> <h1>Title</h1> <div id=”header-content”>And in the last place, where this might not be the case, they would be of long standing, would … Read more
Unicode arrows heads: ▲ – U+25B2 BLACK UP-POINTING TRIANGLE ▼ – U+25BC BLACK DOWN-POINTING TRIANGLE ▴ – U+25B4 SMALL BLACK UP-POINTING TRIANGLE ▾ – U+25BE SMALL BLACK DOWN-POINTING TRIANGLE For ▲ and ▼ use ▲ and ▼ respectively if you cannot include Unicode characters directly (use UTF-8!). Note that the font support for the smaller … Read more
You don’t need any plugins to do this. Just select all lines (CTRL+A) and then from the menu select Edit → Line → Reindent. This will work if your file is saved with an extension that contains HTML like .html or .php. If you do this often, you may find this key mapping useful: { … Read more