2018-10-22         Pag

audio content type aacp

I have a problem with audio tag, that is that I'm trying to listen to a radio, but it doesn't work. I have this:<audio src="http://www.musicgoal.es/internet-radio/stream/1000057711/default.m3u?34098542444009535e54e4af54933128" id="audioPlayer"></audio>The content type is aacp and I read in internet that the problem is due to this type.Anyone can give me a solution for this?Maybe, I need to decode, right? You have two problems. The first is that you are trying to load a playlist instead of the audio stream itself. If you hit that URL with cURL or wget, you w...

 html5                     1 answers                     103 view
 2018-10-22         Carter

Why submit text direction with "dirname" attribute

Why submit the text direction with the "dirname" input attribute?Source:https://www.w3schools.com/tags/att_input_dirname.asp<form> <input type="text" name="myText" dirname="myText.dir"> <input type="submit" value="Submit"></from>The <input> element is extensively used in the creation of HTML forms. Using the dirname attribute with the input tag instructs the user agent to include text-direction info with its form-submission. Text-direction will be indicated by one of two possible results: ltr (left-to-right), or rtl (right-to-left). Here is a...

 html5                     1 answers                     21 view
 2018-10-22         Stanford

MathJax inside SVG

I'm doing some writing where I use MathJax to render the math. I also occasionally include SVG diagrams which are generated dynamically by javascript. Those SVG diagrams occasionally include math.I'd like the text elements in those SVG diagrams to be rendered using MathJax. I know how to cause the dynamic math to be rendered. However, the mathjax output is in <span>s which aren't valid SVG and don't show up.This persists when I configure MathJax to use SVG output mode, though this is perhaps due to an improper use of SVG output mode. I changed by MathJax CDN link to h...

 html5                     3 answers                     35 view
 2018-10-22         Aldrich

Call external svg in to another svg

I've got multiple inline svgs. In all of those there is a common path + an image. Usually this common part is supposed to change regularly.So if I save the common area as a separate svg file. Is it possible to call the common svg file in to another inline svg?E.g.:main.svg <svg height="130" width="500"> <defs> <linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="0%"> <stop offset="0%" style="stop-color:rgb(255,255,0);stop-opacity:1" /> <stop offset="100%" style="stop-color:rgb(255,0,0);stop-opacity:1" /> ...

 html5                     1 answers                     34 view
 2018-10-22         Owen

Rotation of div containing html5 elemets (e.g. SVG, canvas) in ie9 doesn't show div properly

I've tried using the filter attribute to rotate a div, this works well until the div is comprised of an SVG element, which results in a rotated div with the SVG not being shown (with the exception of images).e.g.style="filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.86602540, M12=0.50000000, M21=-0.50000000,M22=0.86602540,sizingMethod='auto expand');"Am I doing something wrong, or doesn't IE9 support this mix?Thanks in advance,Orenp.s. in case you were wondering why do I prefer to rotate the containing div, the answer is that the div contains more than just the SVG, ...

 html5                     1 answers                     38 view
 2018-10-22         Natalie

html5 Local Storage Across Different Browsers

I did my local storage using Chrome and then try to access it through Firefox. But it’s not there. Can somebody clarify that is it a valid test case to store and retrieve HTML5 local storage using different browsers? As per my understanding HTML local storage path is browser specific. So I assume that you need to use same browsers for both storage and retrieve belongs to a specific KEY. Is it a correct statement? Local Storage is "local" in that exact browser and ONLY in that browser. To retrieve something stored in Local Storage, you must use the same browser, the same...

 html5                     2 answers                     46 view
 2018-10-22         Elizabeth

Width of form input (using col-lg)

The width of the following form is not constrained properly when using Firefox. Instead it spans the whole screen although in Chrome it does not.<form class="form-horizontal" role="form"> <legend class="righter">Legend</legend> <div class="form-group"> <label for="title" class="col-lg-2 control-label">Title</label> <div class="col-lg-4"> <input type="text" class="form-control" id="title" placeholder="..." /> </div> </div> <div class="form-group"> <label fo...

 html5                     3 answers                     49 view
 2018-10-22         Dale

Newbie Questions About HTML5 Boilerplate and Bootstrap

I started to use Bootstrap 3 recently and I was thinking to set myself a workflow. To make my work faster I want to use HTML5 Boilerplate. I've found out that I can get a custom build of H5BP which comes with Bootstrap. This is kinda cool but I have a few questions about it:There isn't any license file in the file I downloaded. Not for Bootstrap, not for Normalzr, not even for H5BP itself. Considering I'm gonna use them in a commercial project, is this appropriate?Can I delete local Bootstrap files in H5BP and replace them with CDN?Is there something you would recommend to...

 html5                     1 answers                     50 view
 2018-10-22         Abigail

How not to validate HTML5 text box with required attribute

I have one HTML text box (for quantity) and two HTML buttons (Add, Cancel) inside my form.<form> <input type="number" min="1" max="100" required /> <button type="button">Add</button> <button type="button">Cancel</button></form>I do not want my second button (cancel) to validate the form when clicked.Is this possible? In ASP.NET, I can use CausesValidation="false" to not trigger the validation. Try this;<button type="button" formnovalidate>Cancel</button>I changed your code:What you want is that your form shou...

 html5                     6 answers                     60 view
 2018-10-22         Jacqueline

add link in legend text in fusion chart

How can I add link in legend text in fusion chart?I tried below code but it is adding link in chart not on legend's text:"data": [{ "label": "Workplace Services", "value": "24", "color": "#81cee3", "link": "http://google.com" // added this }] For adding a link to the legend you need to use FusionCharts legendItemClicked API event, to know more check this link - https://www.fusioncharts.com/dev/api/fusioncharts/fusioncharts-events#legenditemclicked-97Refer this snippet - "events": { "legendItemClicked": function(eventObj, dataObj) { ...

 html5                     1 answers                     100 view
 2018-10-22         Heloise

how to resize a button inside a div to 100% height with bootstrap

current statewanted stateHello, I wanted to ask how can i make the button inside a div styled with bootstrap4 to fill 100% height and the text to be centered vertically. Please see attached photos.My Attempts:I have a div inside the web page that i am modeling which contains couple of text areas and a button that is pulled to the right with the class "float-right". At first i tried to split it with the grid system splitting a row with two columns in a ratio of 11/1 and list the bootstrap classes "align-center center-text" but it didnt work and also i found out that i have a...

 html5                     1 answers                     23 view
 2018-10-22         Violet

Need help to understand. I can't totally control the transition property

Here is the deal. I'm trying to create a mobile first navigation bar using css3, html5 and transition properties. I've been successful so far but I am unable to control the transition for when I resize the window (using media queries min-width) from desktop view to mobile view. I've add a Toggle button in the mobile view to create a burger menu that disappears at 600px and vice versa. when the button is unchecked (menu not visible) and I resize the view from desktop to mobile there is a very fast transition that I don't want. I've tried so far so many variants and nothing s...

 html5                     1 answers                     84 view
 2018-10-22         Gail

Find and delete HTML5 data-* attributes with bs4

HTML5 files may contain custom data-* attributes. I want to find and delete all of these data-* attributes with bs4. According to the the bs4 documentation, it's possible to search for these attributes using the attrs property. For example:import refrom bs4 import BeautifulSoupdata_soup = BeautifulSoup('<div data-foo="value">foo!</div>')data_soup.find_all(attrs={"data-foo": "value"})However, the following line does not work:data_soup.find_all(attrs={re.compile('data.*') : True})What regular expression do I need to use find all data-* attributes (regardless of th...

 html5                     1 answers                     71 view
 2018-10-22         Burnell

PWA vs html5 webapp?

I know that the most Iconic feature of PWA areService Worker: which make user can use the app offline from cached resourcesAdd To Home Screen: With this feature, user can add a shortcut of the app on their mobile home screen, to get a experience like interacting with a Native App(But there still a huge different, in my opinion)etc.However, I can do like all of them on about 6/7 years ago by using the HTML5 technology at that time, I know that service worker comes recently but there also was "HTML5 App Cache, as well as the Local Storage, Indexed DB, and the File API specifi...

 html5                     1 answers                     68 view
 2018-10-22         Eden

Get video element in ts file

I'm new to Ionic and working on Ionic 4. I want to get frame thumbnail from video src. For that I have to get video element in my .ts file. I tried using ViewChild as shown in this link. But when I run it in browser, I am getting this error TypeError: Cannot read property 'addEventListener' of undefined. Is there anything which I'm missing? I got the element of Canvas also in same way and I think its working. But its not working for video tag. export class UploadvidPage implements OnInit { @ViewChild('myVideo') myVideo: ElementRef; @ViewChild('myCanvas') myCanvas: Element...

 html5                     1 answers                     92 view
 2018-10-22         Dora

Focus on the block in IE 11

I have 3 blocks.block1 { width: 600px; height: auto;}.block1 *:focus { box-shadow: 0 0 10px red;}.block2 { width: 500px; height: 400px;}<div class='block1'> <span>Block1</span> <div class="block2"> <span>Block2</span> </div> <div class="block2"> <span>Block2</span> </div></div>Change this to your code and check once..block1 *:focus:not(.block2) { box-shadow: 0 0 10px red; border:1px solid red;} [XXX]

 html5                     1 answers                     94 view

Page 1 of 189  |  Show More Pages:  Top Prev Next Last