Questions tagged [html5]

35778 questions
1

votes
1

answer
943

Views

Offline storage for mobile devices?

I am writing a mobile website that needs to store some data offline, and to sync that data when there is an internet connection. It is possible to use HTML5 Web SQL Databases, but there's a space limit of 5MB. I am wondering: Can I create multiple databases in HTML5 Web SQL Databases, so that the to...
HQXU85
1

votes
1

answer
4.2k

Views

Creating very large form elements with twitter bootstrap

I want to create a form for my front page that has very big elements, so I'm thinking I just define some custom css classes, but I'm struggling with how exactly I'm meant to scale everything up, eg padding, line height, etc. to match font size. I'm thinking of having a horizontal form with labels an...
Tesla
1

votes
1

answer
6.5k

Views

Display text over Canvas only onmouseover

I have created a triangle shaped image mask with the Canvas element. I have a field of text which I want to display at the bottom line of this triangle when mouse over. I can´t figure out how to make the text display only when hovering. I am a beginner at this... Any help appriciated! This is the...
Lisa
1

votes
2

answer
458

Views

Schema.org microdata type for computer and service daemon?

With the schema.org microdata vocabulary, what type of object is most appropriate for representing an instance of a computer (like a web server) and an instance of a daemon (ex. httpd, mysql, etc)? What I came up with is, a non-instance of a computer might be a Product (ex. Dell PowerEdge 1950), a s...
Preston
1

votes
7

answer
8.2k

Views

Charset UTF-8 not working on <?php contact form

I am trying to make utf-8 work when receives the email. When the form is filled up the characters shows as codes if is ç/Ç shows &$ Ex: Avançado shows Avan&$ado I Tried using the " header('Content-Type: text/html;charset=UTF-8'); " but still not working please help me thank you so much... This is...
Patrick Sterza
1

votes
1

answer
204

Views

Web Page: How to update a portion of web page when it changes?

I'm actually very new to Web Page Development and would like to have a simple (offline) HTML page displaying in a Control or Browser itself. Target is to make a log viewer page, which is constantly updating through another application, (which I'm writing in C# plus some Powershell coding). It might...
Farrukh Waheed
1

votes
1

answer
1.3k

Views

load image and then animate it with canvas/javascript

I'm completely new when it comes to canvas. I'm trying to draw an image onto the canvas and then animate it. Right now I'm having trouble drawing the image on screen. The image doesn't show at all. Here part of the code: var car = new Image(); car.src = "http://i.imgur.com/8jV4DEn.png"; car.x = 40;...
Nilzone-
1

votes
1

answer
1.4k

Views

motion tracking javascript = html5/canvas game input/control

motion tracking with camera with javascript???? = input for game. is there a framework or something that might have this? other words...besides, keyboard, mouse, touchpad, xbox/ps3/usb joystick input i am wanting to further dig into camera motion detection, as a form of input / control for the game...
Ryan Sanders
1

votes
1

answer
1.5k

Views

Trying to fill in two different colors in canvas fill()

I'm trying to draw a house using Canvas and Javascript. If you look at my drawHouse() method, I want to color the roof red, and everything else white. But only the white is filling in to color everything. Jsfiddle link My Site's Title var canvas = document.getElementById("myDrawing"); var ctx = ca...
user2923395
1

votes
2

answer
664

Views

html5 can't embed youtube video

I'm using Aptana studio 3, and i'm trying to embed a Youtube video. I've watched three Youtube tutorials all showing me the same method. But when I load the web page I get "the file or directory could not be found." where the video should be. The class "center" is just, .center{ text-align: center;...
Ryker Wells
1

votes
1

answer
4.2k

Views

Saving image in canvas to local storage

I'm trying to save my drawn circles on my canvas to the localstorage, but I just can't get it to work, at all. So far this is my save-code in JS. function saveCanvas() { var canvas = document.getElementById("imgCanvas"), doomslayer = canvas.toDataURL(); if (typeof (localStorage) !== "undefined") { l...
Davy Karlsson
1

votes
2

answer
3.8k

Views

How to get MJPG frames in HTML5 using VLC streaming server?

I have VLC streming server, on which I started two streams: vlc -vvv -d http://*camera_adress* --sout '#transcode{vcodec=theo,vb=800,acodec=vorb,ab=128}:standard{access=http,mux=ogg,dst=*server_name*:20000}' vlc -vvv -d http://*camera_adress* --sout '#standard{access=http,mux=mpjpeg,dst=*server_name...
m.aibin
1

votes
2

answer
1.8k

Views

JS data in localStorage only being kept in one key, value pair

I am trying to write a simple app in an attempt to learn about HTML5's localStorage. I (thought I) had successfully created a form to take data and store it in localStorage (with JSON.stringify) and then display it on the page (after JSON.parse). I then moved on to how to delete specific items and r...
tehaaron
1

votes
1

answer
2.3k

Views

Add magnifier icon to kendo autocomplete widget

Is it possible to add a magnifier icon to the kendo autocomplete widget? http://demos.kendoui.com/web/autocomplete/index.html By default there is no icon displayed. Only when the user enters a text and the widget performs an server-lookup a search-icon is displayed until the data was returned from...
anagelcg
1

votes
1

answer
562

Views

Blend VS2013 missing HTML Option

I just installed VS2013 Pro in Office, mostly because of Blend and its HTML Option. Maybe im blind but i cannot find any way to start an application with html like its shown in multiple videos. I must confess that i wanted to "abuse" blend to create prototypes with html. There are plenty of nice loo...
dichterDichter
1

votes
2

answer
1.4k

Views

Canvas Bar Graph Animation

I'm trying to get up to speed on the canvas tag and I'm getting stuck when it comes to basic animations. I've searched around and I can get most of the tutorials I've found working, but I've had some trouble translating that into what I'm trying to do. I have a bar graph that I'm building for my por...
Joe Burton
1

votes
2

answer
255

Views

Why does contenteditable=“true” generate dirty html

When I enable contenteditable like this: Hello world The content added to it by just typing and using Enter generates bad/ dirty HTML: Hello world How are you doing. I am doing just fine! New line of text As you can see for every page break there is a used with a inside. Why is this, and is this c...
botenvouwer
2

votes
4

answer
64

Views

How to save JSON data to a variable in JavaScript

I'm trying to display ping information in a html page that is presented in JSON format. I have some what achived it but i can't figure out how to print it out in an ordered way. JS Script function scanner() { var evilscan = require("evilscan"); var options = { target: "10.0.0.161", port: "21-23", st...
Christophermp
1

votes
3

answer
1.2k

Views

Make canvas image point towards mouse while following

I have a rocket that is following the mouse with a slight delay in my canvas, and I want it to point towards the mouse while it's traveling around. I have almost gotten it, as you can see in my fiddle HERE. My problem is that the rotation is kind of opposite of the direction I want it to be, and it'...
Oscar Apeland
1

votes
1

answer
414

Views

Is the use of the null entity (e.g �) valid in HTML5?

I believe the null entity (�) is officially invalid in XML. But I have encountered it when processing HTML. (Perhaps to represent a kind of zero-width character?) But is it valid markup and will browsers freak out?
Nic Cottrell
0

votes
1

answer
15

Views

HTML5 & CSS Header banner image and text alignment

I've been trying to put a banner image behind a text in the top header but the formatting just doesn't seem to work out. I also tried background-image: url(/imgs/header_pic.jpg); in the stylesheet but that way it doesn't even show up. Currently it shows up, behind the text, image can't be centered o...
Greg H.
1

votes
2

answer
11

Views

Audio is blocked for 'autoplay' after clicking play?

I'm building a Vue app that plays music. Here is the relevant HTML And here is the method to play music. The source of the audio is correctly set in an earlier function. togglePlay(update) { if (this.isLoaded != true) { return; } if (this.isPlaying == true) { this.audioDOM.pause(); this.isPlaying...
Tips48
-1

votes
2

answer
27

Views

Position Elements in CSS3

I'm trying to create a simple layout with HTML5 + CSS3 as pictured below, for a high school job, however, I'm not aware of programming and I'm having difficulty with placements in CSS3, this is the codepen I'm doing, and that's the layout image how do I need to stay, can you help me? Thank you =) My...
Allison1
2

votes
1

answer
24

Views

Javascript alert block audio loop only in chrome

i'm having a very strange issue here i want to display an alert with javascript with an audio looping on the background i managed to do it but it won't work in Chrome it works perfectly in Firefox, Edge, IE but not Chrome -_- in chrome the audio is looping only when you clic OK on the alert Here is...
Gaston
0

votes
0

answer
2

Views

html5 video thumbnail not showing up in Facebook webview App

I can not see a thumbnail of my video on a mobile for an mp4 html5 tag. I click from Facebook and it opens in their html webview app and I it shows up gray with an ugly box like it's missing. It still works, just no thumbnail like when I open it in any other browser. Any idea how to fix this? He...
Papa De Beau
1

votes
3

answer
4k

Views

Check if DIV is visible or not using javascript

I have a div name uploadBiodata_manual_+(count).within that div i have a file type input with id 'file_uploadBiodata_manual_+(count)'.Here how to check div is visible or not.?and if div is visible how to check the file type input has file?
user3789344
1

votes
1

answer
1k

Views

Text Lay Over Header Image

I have the following HTML, but can't seem to get the text to LAY OVER the image. I'd like the h1, h2, and ul li tags to LAY OVER the image. I know I can put the image in CSS, I just need to know how to edit the CSS (or HTML?) so the text will LAY OVER the image. ![enter image description here][1]...
Val Sedano
1

votes
1

answer
444

Views

<video> tag for MPEG 4 Visual for firefox and Chrome

I am trying to play different types of MP4 videos on different browser using HTML5 video tag. MPEG-4 Visual is creating problem in chrome and Firefox. Its working fine in Safari. Its showing black screen with some audio. Why ?? Your browser does not support HTML5 video. I am using this code. This v...
Sajid
1

votes
2

answer
4.3k

Views

Centering SVG horizontally

I don't have a lot of experience using SVG on the web. I am working with a bit of SVG that is, essentially, uploaded via a CMS, so I have no control over it. I have a bit of demo SVG code I am working with, but I am unable to center (horizontally) it! svg { margin:0 auto; } The code above does not w...
peduarte
1

votes
1

answer
1.3k

Views

IndexedDB - Can't pass variable after onsuccess when opening database

I have been looking for assistance with setting up an IndexedDB for web storage, and I have run into a problem that I cannot find a good answer to. After I have successfully setup/opened the database I am having trouble passing the variable that contains the database information to access it later....
Scottagecheeze
1

votes
3

answer
20

Views

Weird random periods/dot in my responsive timeline

So I copied this responsive timeline from codepen because I am lazy to create an entire responsive timeline. I modifed it to what I need for my website. Although there is just one very annoying minor problem that I want to get rid of and that is there is this period on the left column in the last li...
Azazel
1

votes
1

answer
1.7k

Views

How do I get Photoswipe to recognize entire gallery from list of thumbnail images

I've set up my Photoswipe 4 thumbnails using Zurb Foundation 5 block grid format, but when a thumb is clicked on, only that one images loads in photoswipe. Is there a way to get photoswipe to recognize that the gallery of images is all of those contained within the ul grid of thumbnails? Image capti...
hubbell
1

votes
1

answer
1.8k

Views

HTML5 javascript paint brushes

Hello maybe anyone know where i can found nice and smooth HTML5 brushes like a http://muro.deviantart.com/ i try to find in but all brushes only in photoshop or desktop applications.
Your choice
1

votes
1

answer
261

Views

Rotating multiple texts in canvas

I am trying to create graph in a HTML5 canvas. But text in the x axis is overlapping. I am trying to rotate it so it looks neat. Example jsfiddle: http://jsfiddle.net/67tddgcj/1/ I tried to save, rotate, and restore like below c.save(); c.rotate(-Math.PI/2); c.fillText(data.values[i].X, getXPixel(i)...
Vishnu
1

votes
2

answer
2.1k

Views

React, page is refreshing constantly

I was playing around with react for my first time and ran into some issues. I am creating 3 buttons with values and then executing a function when they're clicked that sends a post request and gets back data which is displayed to the user. For some reason, the _postURL function is being executed inf...
user3716926
1

votes
1

answer
227

Views

Safari createPattern fails with SVGs: suggestions for alternatives?

I am using an SVG image as a background pattern for an HTML5 canvas element, using the following syntax: var img = new Image(); img.onload = function() { var pattern = badge.createPattern(img, 'repeat'); badge.fillStyle = pattern; // draw 'badge' shape badge.fill(); }; img.src = '../flags/iso/'+co...
stml
1

votes
2

answer
156

Views

CSS3 backface visibility on grand children of rotating element

Note: CSS is in the codepen examples CONTEXT: I want to rotate a set of elements (lets call them parents) aligned as a column. Each parent has 2 children (2 faces: front and back). The animation is going to be added later in time with JavaScript and for the purpose of the question, lets say that th...
pgarciacamou
1

votes
1

answer
1.5k

Views

Can m3u8 files have mp4 file urls?

I am in a situation where I have my flv video converted to mp4 and then I am streaming this as http url using my nginx server. For multibitrate supoport on html5 I have created a m3u8 file like this : #EXTM3U #EXT-X-STREAM-INF:PROGRAM-ID=1,BANDWIDTH=200111, RESOLUTION=512x288 http://streamer.abc.co...
89n3ur0n
1

votes
1

answer
170

Views

paper-header-panel - assigning handler to event content-scroll manually

Using polymer 1.1, I don't want to make a custom element or template for paper-header-panel. How can I assign a handler on the scroll event? I tried: bob = Polymer.dom(document).querySelector('paper-header-panel'); bob.scrollHandler = function() { console.log('ssssssss'); } To no success. https:/...
dman
1

votes
1

answer
577

Views

Restrict input string with the help of html pattern

I want to add disallow user to submit form if the user input contains 'xyz.co.in' in the input fields but this should be done with html5 pattern, I do not want to do it with jquery or javacript. Can anyone please help me with what should be its respective pattern, I mean what should go in pattern fi...
Arpita

View additional questions