FAQ Database Discussion Community


CSS drop down navigation

css,html5,css3,drop-down-menu,navigation
I'm sure this is something simple I'm missing... My drop down menu is opening within the main navigation, widening it. Here is a link to the page I'm working on. The issue is with the navigation below the App buttons. http://membershq.incentiveusa.com/AwardPages/GoalUp_Test2/index_test3.html# Here is my HTML: <div class="container-fluid"> <div class="section-title2 text-center">...

Uniquely identify an upload

javascript,html5
I'm uploading files using the following code: var xhr = new XMLHttpRequest(); xhr.upload.addEventListener("progress", uploadProgress, false); xhr.open("POST", requestUrl, true); xhr.send(f); Note that I'm attaching a listener to upload progress: function uploadProgress(evt) { // Which upload was it? } Here's the question, if I have multiple uploads happening at the same time,...

Redraw text over clearRect HTML5 Canvas

jquery,html5,canvas
I'm trying to draw text (HTML5 canvas) depending on what option is selected in a select element. It works correctly until there's 2 set of text that appears at the same place. It seems like the clearRect function is the issue. The text won't be redrawn over that cleared space....

Sending input data to a javascript file

javascript,jquery,ajax,html5,send
My following code is this: <form> <input class="inputField" type="text" required="required" pattern="[a-zA-Z]+" /> <input class="myButton" type="submit" value="Submit" /> </form> <script type="text/javascript"> $(document).ready(function () { $(".myButton").on("click", function () { var value = $(".inputField").val(); }); }); </script> I want to send to the file main.js the data after a user puts in some...

JSON.parse parsing a string into string

javascript,html5
I have confusion over the functionality of JSON.parse. I am writing code : dynamicMsgObj = '"rest, no disc"'; var jsonObj = {}; var isJsonString = function isJsonString(str) { try { jsonObj = JSON.parse(str); } catch (e) { return false; } return true; }(dynamicMsgObj); console.log(isJsonString);// returns true console.log(typeof jsonObj);//returns string How...

Having 4 images in each row in a div

html,css,html5,css3
I want to have 4 images in each row of my content div After I insert the first four images, they will be shown in the row one. If I add more images the will go to the next row until it reaches four numbers, then it will go to...

How to delete an
  • element by using ul li:before and clicking on the content?
  • jquery,html5,css3
    I have an <ul> element and within it some <li> elements. The list item contains some content before the actual item by removing the standard dot with an x using list-style-type: none; and :before HTML <ul id="list1" class="basic"> <li>space</li> <li>planet</li> <li>planet2</li> </ul> CSS ul li:before { content:"x"; position:relative; left:-25px; }...

    Unwanted Space Between
    and

    html,css,html5,whitespace,semantic-markup
    I have the following HTML5 code: <!doctype html> <html> <head> <meta charset="UTF-8"/> <meta name="viewport" content="width=device-width, initial-scale=1.0"/> <style> body { max-width: 960px; margin: 0 auto; font-size: 120%; } header, nav { margin: 0; padding: 0; border: 1px solid black; } header { border-color: red; } img.mainpicture { width: 100%; height: auto;...

    Jekyll and Liquid for-loop

    html5,for-loop,navigation,jekyll,liquid
    I want to create a little side navigation vor on-page navigation. The site contains multiple images one above the other, the navigation is inside every single image and is linking to the individual id's. I am using jekyll with the liquid templating engine. To not hard code every single element...

    HTML Mandarin isnt working

    html5
    Ive been making a website for a technology fair project, and it has come to a stage where I want to make it more universal. However when I try to add another language (Chines Mandarin as an example) It just converts the text to some wired english characters. Here is...

    validation of AngularJS direcrives

    angularjs,html5,html-validation
    I read on W3C School that to make a valid HTML page I have to add data before each angular directive in HTML file (e.g.: <p>The name is <span data-ng-bind="firstName"></span></p> or <div data-ng-app="" data-ng-init="firstName='John'"> Ok that's fine. I have two questions: Should this prefix be used only for ng- directives?...

    How to filter values in Multiple selection using textbox value

    javascript,jquery,html5,drop-down-menu,autocomplete
    I have a text box and multiple selection box. When ever I write something in text box it will filter that text in the multiple selection and show only matched value. <!DOCTYPE html> <html> <body> <select id="uniqueCarNames" name="cars" multiple> <option value="volvo">Long Distance Travel</option> <option value="saab">Amazing </option> <option value="opel">Excellent Travelling</option> <option...

    Building a digital signage platform in HTML5

    jquery,html5,actionscript-3
    I need some feedback! So if any help, Thank you! I'm a developer for a digital signage company. We built a platform in Flash (ActionScript 3) and it has been running really smooth for a few years now. We've been talking about trying to move to HTML5, JQUERY and PHP...

    Dropdown menu not working (tab focus)

    html,css,html5,twitter-bootstrap,bootstrap
    Im using a bootstrap example with a dropdown menu Here the live example: http://jsfiddle.net/p73vc8Lv/ what im trying to do is to display the dropdown menu when the user tab on the link, Im tried with css and javascript CSS: .dropdown-toggle a:focus > .dropdown-menu { display:block } is there a way...

    How to make my nav bar responsive

    html5,css3,media-queries
    I would like to use media query to make my navbar responsive. @media screen and (max-width: 600px) { .nav-wrap { position: relative; min-height: 40px; } .nav-wrap ul { position: absolute; } .nav-wrap li { display: none; /* hide all <li> items */ margin: 0; } .nav-wrap .current_page_item { display: block;...

    Set all selects lists by class

    javascript,jquery,html5
    I have several input type="select" with the same class. All with the same option values. I'm iterating through an array and checking if the option value is in it. If it is then I want all those relevant option values to be selected. I tried with this JQuery but it...

    Why does the box come out like this (padding/border/margin)?

    html5,css3,border,margin,padding
    So this is my first day learning HTML&CSS and I'm currently having a problem. Why does this block come out like this (on left is what I get & on right is what I'm trying to achieve): HTML: <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Temporary</title> <link rel="stylesheet" href="main2.css"> </head>...

    HTML - How to properly mark a phrase

    html5,semantics
    The <blockquote> tag demand a cite external source, but what if the only source is the name of the phrase author? The <cite> tag defines the name of a work (e.g. a book, a song, a movie, a TV show, a painting, a sculpture, etc.), so it's no suitable to...

    HTML5 & CSS - 2-Sided Box Shadow

    html,css,html5
    In CSS I know you able to do a four sided box-shadow. Just wondering whether you are able to select two sides. (Just the left side and the right side). I know there is a question already on this but it didn't provide any useful information. Thanks...

    Does localStorage.clear(); clear ALL from PC?

    javascript,html5,local-storage
    If I call the following: window.onbeforeunload = function() { localStorage.clear(); }; Does this clear all local storage from a user machine or just what my site has set?...

    how can I use 'localStorage' to store an entire page?

    javascript,html5
    I've been reading the book HTML in action and in chapter 5 it shows how to create a mobile application that can be runned even offline. My only doubt is: Can I do it for an entire page? and can you give me a simple but complete example on how...

    list checkboxes displayed horizontal

    html,css,html5,twitter-bootstrap,css3
    I have the following markup:- <div class="fil hori now"> <span class="label-new"> <ul class="ngc"> <li> <input class="any" id="any" name="any" type="checkbox"> <label id="any" for="any">Any</label> </li> <li class="new-select"> <input id="item1" name="item1" type="checkbox"> <label id="item1" for="item1">item1</label> </li> <li class="new-select"> <input id="item2" name="item2" type="checkbox"> <label id="item2"...

    enable a disabled select when choose a value in another select tag

    javascript,html,html5,disabled-input
    I have these two select tag: <select> <option value="car">car</option> <option value="truck">truck</option> <option value="moto">moto</option> <option value="none">none</option> </select> <select disabled> <option value="volvo">Volvo</option> <option value="saab">Saab</option> <option value="mercedes">Mercedes</option> <option value="audi">Audi</option> </select> As you can see, my second select have the disabled...

    maxlength not working in html form input field with bootstrap

    html5,forms,twitter-bootstrap,bootstrap,html-form
    I am using bootstrap and currently created form with 5 tabs in it. I have a form field called layer time in which I have 3 input fields namely hours, minutes,seconds. I want to set the maxlength of 2 for each field.But it is not working when I specify it....

    Using Aria to make a div table accessible

    html,html5,wai-aria
    Context: I have a div table that a client wants to be screen reader accessible like a regular html table is using the table commands Problem: Cant get aria to work to announce the header with the row value to keep the integrity intact with the data. Solutions: Only using...

    how to define html5 svg polygon points to create graphics

    html,html5,svg
    Hi i am trying to find out how to define the points for a polygon in HTML5 <svg width="300" height="200"> <polygon points="100,10 40,198 190,78 10,78 160,198" style="fill:lime;stroke:purple;stroke-width:5;fill-rule:evenodd;" /> </svg> this will end up creating a Star image. i tried to remove some points and add some arbitrary points and it...

    Why WebGL slower than Canvas?

    javascript,html5,canvas,webgl
    I am just started to play around with canvas and webgl, read some article, etc.. and as per my knowledge, WebGL should be much more faster than canvas, but in these following tests it is remarkably slower: http://jsperf.com/canvas-drawimage-vs-webgl-drawarrays http://jsperf.com/three-js-canvas-vs-webgl/2 I run them in Chrome and Firefox, in both browser the...

    Html5 input type number formatting

    android,iphone,html5,windows-phone-8,input
    I have this page where i use the input type number. so that it will show the numeric keyboard on wp, android and ios device . But my problem is that if the user use a culture info on the device for. lets say Denmark. the numeric keyboard shown use...

    Saving image to localstorage - canvas

    javascript,html5,html5-canvas
    I'm using html5 storage to store my image. It works great in chrome. In FireFox it works 8/10 times. function getBase64Image(img) { var canvas = document.createElement("canvas"); canvas.width = img.width; canvas.height = img.height; var ctx = canvas.getContext("2d"); ctx.drawImage(img, 0, 0); console.log("line 1 : " + img.src); var dataURL = canvas.toDataURL('image/jpeg'); console.log("line...

    jQuery & CSS only load after many refreshes

    jquery,css,html5,internet-explorer,internet-explorer-11
    If you open this page in IE11, the CSS and jQuery don't load: http://javasmart.gooberdev.com/ If you refresh the page once, maybe even twice, it still doesn't load. But if you hit F5 a bunch of times in succession, the CSS and jQuery finally load and the page displays correctly. This...

    Should a heading “Navigation” be above a following

    html,html5,accessibility,semantic-markup
    What is better: <h1>Navigation</h1> <nav> <ul> <li>...</li> </ul> </nav> Or: <nav> <h1>Navigation</h1> <ul> <li>...</li> </ul> </nav> Is there any significant difference?...

    How can you drop an image from your desktop into an editor and move it around?

    javascript,html5,contenteditable
    The default behavior when you drop something from your desktop to a textarea is that you will see the path to the image at the position where you dropped it. My end goal is to convert the local image as base64 and insert it at the drop position within the...

    How can I cache my website in the user's browser?

    javascript,html5,caching
    I've found many explanations about caching, some of them even have examples but, it is kind of foggy to understand it and how to use it. I've tried to use it many times, but I've failed (I want to improve speed, I want only the necessary to be loaded from...

    Show only the requested forms using JS

    javascript,jquery,html,html5,forms
    As the image below illustrates, I have two forms and two buttons. Currently all the forms are visible. How can I only show the requested form "according to the option they have selected (from the blue buttons on the top)"? So, if the user clicked on the "send an invite"...

    Can the ouput of a HTML5 FileReader.readAsDataURL be used to reference fonts?

    javascript,html5,fonts,filereader
    I have a HTML5 image editor that I'd like to enable custom fonts uploaded by the user. I'd like to use the HTML5 FileReader.readAsDataURL to store the font provided by the user in the database. After storing it in the db I'd like to be able to then reference those...

    Tagging values in HTML document for automated extraction

    html,xml,html5
    We have a series of documents that are being converted to HTML for web access. The documents are operating instructions that list actions people have to do as well as distinct requirements. We wanted to put a tag around each requirement so it can be automatically extracted using some code....

    add multiple rows in one column using angular ng-repeat

    javascript,json,angularjs,html5
    I want to generate table contents using json object. I am using ng-repeat to insert multiple rows in a table. But I have to generate table like the following. -------------- ID | subjects -------------- | S1 1 | S2 | S3 -------------- | S4 2 | S5 | S6 --------------...

    HTML vs. JavaScript form validation [duplicate]

    javascript,jquery,html,html5,validation
    This question already has an answer here: JavaScript: client-side vs. server-side validation 11 answers I am new to front end web development and am making a small application where I want to validate that the user has in fact entered a valid URL. At first thought I figured I...

    Retrive geolocation in real time (HTML5)

    javascript,html5,google-maps,gps,geolocation
    I have this code: var map; var geocoder; function initialize() { var mapOptions = { zoom: 18 }; map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions); // Try HTML5 geolocation if(navigator.geolocation) { navigator.geolocation.getCurrentPosition(function(position) { var pos = new google.maps.LatLng(position.coords.latitude, position.coords.longitude); var marker = new google.maps.Marker({ position: pos, map: map, title: 'Posizione Attuale' });...

    Place tables one under another forming columns

    jquery,html,css,html5,css-tables
    I'm trying to create different columns containing elements of different categories. Demo online I started working with lists, but I found out that tables seems to be best suited for this purpose and categories won't break into different columns. The problem I'm encountering now is that if I have a...

    Determine shape drawn on canvas from stored coordinates in an array

    javascript,html5,canvas
    I have startX,startY,endX,endY mousecoordinates using which I draw 3 shapes(a line,ellipse and a rectangle) on canvas.Now I store these coordinates(startX,startY,endX,endY) in a array(for each shape drawn) and draw it again on cleared canvas.Now,the problem is how do I determine from these coordinates stored in the array wheather the shape previously...

    PHP Form with Button

    javascript,php,html5
    I have some experience in JAVA GUI programming and I want to achieve the same in a PHP form. Situation: I want to have a php form with a submit button. When the button is pressed an ActionEvent should be called to update another part of the form. How to...

    how to add a message (memo / sticky note) on (top of existing) html page

    javascript,jquery,html,css,html5
    How do I achieve this: I have an HTML5 homepage and want to give the visitors a message (e.g. "dear visitor, I am on vacation from....") in the form of a memo/sticky note e.g. in the top right corner of the home page. Is there a neat and nice solution...

    Trying to get my home button image directly to the left of my logout button

    html,css,html5
    I can not get my home button image directly to the left of my logout button. I have changing the css all over. I also tried adding breaks and extra lines but that always gives an unexpected result. This is my HTML code. <!-- ============ HEADER SECTION ============== --> <td...

    Placeholder font-size bigger than 16px

    css,html5,placeholder
    I have read a couple of articles about styling the placeholder of an input field using ::-webkit-input-placeholder in HTML5. It works perfectly, except for one thing. If I try to increase the font-size to a value higher than 16px, the text gets "cut" at the bottom. This happens regardless of...

    Prevent bootstrap 3 tab from stacking when window is resized (made smaller)

    html5,css3,twitter-bootstrap-3
    I have two tabs and I do not want them to stack when the window is resized. How do I do so? As shown below this is the code I've used to create my tabs. I don't understand why they would stack up when my window is resized. HTML Tab...

    Creating a section with video as background HTML5

    javascript,css,html5
    I'm trying to imitate the front page of lumosity.com but I am unable to set a video background to the section. Here's what I've done so far: HTML <section id="banner"> <video id="videobcg" preload="auto" autoplay="true" loop="loop" muted="muted" volume="0"> <source src="https://static.lumosity.com/resources/home_page_templates/574/neuralnetwork.mp4" type="video/mp4"> <source src="movie.webm" type="video/webm"> Sorry, your browser does not support HTML5...

    How create shadow effect for div [duplicate]

    html,css,html5,css3
    This question already has an answer here: 3D Box Shadow effect 4 answers How can I set the shadow as in the picture using css? This is my current css code div{ -webkit-box-shadow: 76px 50px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 76px 50px 5px 0px rgba(0,0,0,0.75); box-shadow: 76px 50px 5px 0px...

    Set the margin-top of a div, relative to screen resolution

    javascript,jquery,html,css,html5
    I want a div to be positioned below the screen, but when you scroll it to appears. I can do this using margin-top but this requires a specific number whereas I want it to be relative to the screen it is on, so that it appears when you just start...

    DrawImage is not drawing in a canvas

    javascript,html5,canvas,drawimage
    Basically what I have been trying to do, is make a loop that will cycle through a tonne(only 36 atm) of tiles, and place them in order. While that part works, it doesn't actually load the images and display the images. Using console.log, I've narrowed the problem down to when...

    Custom Element extend from input type range

    javascript,html5
    I can't figure out how to retrieve the current attr. value of the input type range element. The attr. value seems not be the 'internal attr. value' which is changed during slides. Javascript 'use-strict'; (function(){ var fooProt = Object.create(HTMLElement.prototype); Object.defineProperty(fooProt, "bar", { value: {test: 1}, writable: false, enumerable: true });...

    html query string with blackberry

    javascript,html5,cordova
    My hybrid mobile app needs to work on blackberry devices as well. I noticed that a simple html query string such as http://example.com/over/there?name=ferret Works also this way using the anchor tag (even if it is not standard) http://example.com/over/there#name=ferret using Android and iOS. I don't have a blackberry to try but...

    customize the handler of input range

    css,html5,css3
    When we use input range <input type="range", there is a handler which is moveable as how we handle it. Now I need a help how to customize this handle, in this case I want to change the default handler with my own handler(image of button). Thanks for the help <input...

    How can I make a DIV element Fixed but non-Scaleable?

    html,css,html5
    Hopefully I'm asking this question right. Basically, I'm trying to implement a drop down menu into my design. I've been looking around for help coding it, since I'm still relatively new to HTML/CSS and found a few great tutorials that I have altered a bit to match what I have...

    What is the use of HTML5 pushState in Backbone History Start method

    javascript,html5,backbone.js
    I have a simple Backbone app. I am trying to understand the difference created by passing pusState: true when starting Backbone.History object. JavaScript var r = new (Backbone.Router.extend({ routes: { "users": "allUsers", "users/new": "createUser" }, allUsers: function () { v.render("showing all users"); }, createUser: function () { v.render("showing form for...

    How to read all video type in a video tag

    javascript,php,html5,video,codec
    I make a web interface for my server and I want to read all my video, but I have some problems: When I change the innerHTML (in javascript) of my video tag with a new source tag, it keep playing the previous video then I need to refresh the page...

    Regex not working in HTML5 pattern

    regex,html5
    So I have this regex intended to let pass all text but those that contain as initial chars the "34" sequence: ^(?!34)(?=([\w]+)) The regex is working fine for me in https://regex101.com/r/iN1yN3/2 , check the tests to see the intended behavior. Any Idea why it isn't working in my form? <form>...

    HTML5, geolocation in real time with marker

    javascript,html5,google-maps-api-3,marker
    I have this code: function startTracking() { var trackId = navigator.geolocation.watchPosition(successCallback, null, {maximumAge:1000, timeout:60000, enableHighAccuracy:true}); function successCallback(position){ map.panTo(new google.maps.LatLng(position.coords.latitude, position.coords.longitude)); var marker = new google.maps.Marker({ position: new google.maps.LatLng(position.coords.latitude, position.coords.longitude), map: map, title: 'Posizione Attuale' }); marker.setMap(map); }; } Now the app create a marker every time that I move. I...

    Getting input hidden value with JQuery

    javascript,jquery,html,css,html5
    I have a javascript snippet in which I'd like to retrieve the value of a hidden input located in the first column of selected row : var global_id = $(this).find("td:first").html(); console.log("value=" + global_id); I get as result : value =<input id="id" name="id" type="hidden" value="2"> When I try var global_id =...

    How can i select closest input value on href click

    jquery,ajax,html5
    How can I select the closest input value when I click on a link? I tried like this but I get undefined: $(".change").click(function(e){ e.preventDefault(); var qty = $(this).closest('input').val(); var href = $(this).attr('href'); alert(qty); }); fiddle here...

    Spring Mobile apps to be deployed in emulator

    javascript,android,html5,spring,spring-mvc
    I'm trying to develop an application based on Spring MVC for mobile device. Spring Mobile do provide such features to view our application in mobile browser. But how can I run/deploy the application in emulator since it's non-android based application? Also if can anybody tell me, how can I test...

    More modern image maps?

    javascript,html,css,html5
    With all the recent advances in JavaScript/HTML5 it would be nice to think there would be a more modern way of implementing an image map. I know you can set a map property for the tag but I don't think this supports nicely formatted tooltips on rollover (near the region)....

    How to get a deleted element in a contenteditable div?

    javascript,html,html5,javascript-events,html-select
    I set the root div to contenteditable, and it contains many img and video elements. So when a user edits it and presses backspace to delete one element, How can I get which one the user deleted and get the deleted element's attributes values?

    boostrap & Normalize.css: spacing problems

    html5,twitter-bootstrap,css3
    Boostrap normalize does not seem to remove top and left/right spacing from theme i am developing. Could somebody give hint where is the problem in my code. I have tried several reset css files also without any effects. Index <meta content="text/html;charset=utf-8" http-equiv="Content-Type"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- GOOGLE FONTS -->...

    onended audio event firing without playing the audio

    javascript,html5,audio,javascript-events
    I have multiple audio files that i need to be played. and only when all audio has been played completely the next section is supposed to show. the code that i've written fires automatically without playing any audio. how should i do it? here's my code <!DOCTYPE html> <html> <body>...

    can we use html button onclick event inside php?

    php,html,html5
    I am using an onclick event of a input button whose code is written inside php.. code is written below this select() function isn't calling when i'm clicking the button. even i tried to show alert message on button click .. it also not working. kindly help ... <?php echo"<td...

    Teechart HTML5, line color and thickness

    javascript,html5,teechart
    How do you change the line color and thickness of a series in Teechart HTML5. I have been looking through the examples, but i can't find anything describing that....

    Is there a way to make div render from right to left HTML

    javascript,jquery,html,css,html5
    I have a project(calendar) and I want to convert it to arabic. I don't know if render is the right term, but all I want to do is to show the div from right to left. I have a row(divs) with columns(divs). divs not texts Something like this div1 div2...

    How to handle form submission in HTML5 + Thymeleaf

    html5,forms,spring-boot,thymeleaf
    I have to submit a form with around 30 input parameters(text, select, datepicker ). The fields are mapped to two classes. How to map each field to get the value in the controller. HTML: <form id="searchPersonForm" action="#" th:object="${person}" method="post"> <input type="text" class="form-control" id="person_id" th:field="*{person_id}"></input> <input type="text" class="form-control" id="child_id" th:field="*{child_id}"></input> </form>...

    how to center big image in a small div?

    jquery,css,html5,css3
    I have a div with 264width/264height i need to put an image with 1600x1067 in the center of div i don't know what is the best prattice <div style="width:264px;height:264px"> <img> <!-- img with 1600px / 1067px --> </div> ...

    javascript select change field price with discount onchange [closed]

    javascript,php,jquery,html,html5
    I have a html form with price, discount and total price to submit, the select drop down have 5% 10% and 20% discount, another input text field get the price from mysql example: Discount: <select class="select" name="discount"> <option value="5" selected>5% discount</option> <option value="10">10% discount</option> <option value="20">20% discount</option> </select> Price: <input...

    why i don't get return value javascript

    javascript,jquery,html,json,html5
    When i debug my code i can see i have value but i don't get value to createCheckBoxPlatform FN function createCheckBoxPlatform(data) { var platform = ""; $.each(data, function (i, item) { platform += '<label><input type="checkbox" name="' + item.PlatformName + ' value="' + item.PlatformSK + '">' + item.PlatformName + '</label>' +...

    Should I use a cite attribute, at its current state?

    html,html5,attributes,cite
    So, the citeattribute is used with an URL as a value to indicate the source of a quote (for <q> and <blockquote>) or a page that can provide additional information (for <del> and <ins>). Because this URL isn't shown in any way to the end user by the browser, the...

    Server side vs client side website

    javascript,html,ajax,html5,seo
    We have to build a website and we have to chose where to manage the content, in the server (PHP or JSP) or on the client (JavaScript). This article: http://searchenginewatch.com/sew/how-to/2358775/seo-strategies-for-javascript-heavy-single-page-applications-or-ajax-sites enlighted me a bit but Im still doubting. Good SEO is the most important thing to achieve. Can anyone relate...

    change icon on collapse in Bootstrap 2.3 not in bootstrap 3

    javascript,jquery,css,html5,twitter-bootstrap
    I am using bootstrap 2.3 collapse in my project. I need to change icons on collapse means on show and hide I need to change icons. with bootstrap 3 some shown and hidden functions are showing in internet but I need with Bootstrap 2.3. Please let me know how to...

    Swap nav and div vertically uing CSS only

    html,css,html5,css3
    So I have a <nav> in my <header> tag and just below it I have a <div> which shows the date. Now the problem is, my design is in such a way that I cannot put the <div> for the date inside my <header>. However since I'm working with a...

    Common CSS in all HTML Files [on hold]

    javascript,jquery,css,html5
    Can I include all my css in my header.html and include that common header.html in all my files or i need to give reference to the same css in all my html files? I know i can include all my JS files in a common header.html because you can put...

    How to Detect that user have selected date from html input date [closed]

    php,html,html5,date
    i am new to html and p-h-p. what i am looking for is that i have provided user an input date calendar through html date input method. Now how can i detect that user have provided date or not ... if he didn't selected date from calendar he should be...

    Lock to diagonal movement

    javascript,html5,fabricjs
    How can I lock diagonal movement with FabricJS? I know it can be locked vertical and horizontal, but I can't find an easy way to lock diagonal. What I need is the ability to move one canvas group only in the same X axis or Y axis once a time....

    javascript onblur onMouseOver calculate tax and autofill form input

    javascript,php,html,html5,forms
    After 2 days searching I give up. I have a form and need to add (autofill) taxes to the input total price but in a easy simple way: <form name="form" action="go.php"> <input name="cost" type="text"> <input name="costplustax" type="text" value=" here we autofill cost +19%> <input type="submit" value="ready to mysql"> I can...

    JSON without keynames to ul li tag with jQuery [on hold]

    jquery,json,html5
    I've got JSON data = { "408": "NameSurname1", "415": "NameSurname2" } How i can parse it with jQuery to <ol> <li> <p>408</p> , <p>NameSurname1</p> </li> <li> <p>415</p> , <p>NameSurname2</p> </li> </ol> ...

    How to convert date into timeago

    javascript,html5,time,timeago
    I am trying to convert a date field in a "timeago" format using jquery.timeago.js $("time.timeago").timeago(); var userSpan = document.createElement("span"); userSpan.setAttribute("class", "text-muted"); userSpan.appendChild(document.createTextNode(message.usernameSender +" | ")); var timeTag = document.createElement("time"); timeTag.setAttribute("class", "timeago"); timeTag.setAttribute("datetime",document.createTextNode(message.date)); userSpan.appendChild(timeTag); This javascript will genearate the following code <span...

    HTML & CSS - Full Screen Image

    html,css,html5,google-chrome,website
    I'm working on a website where I want an image to straight away take up the screen. I want to make it take up the available screen but when you begin to scroll down I want a div to appear with the text and information. I do not mind if...

    How can assign a data-group value to an html element created in C#?

    c#,jquery,html5
    I have a scenario where I need to conditionally slide up (or hide) sets of controls/elements. I like the answer I found here from QBM5 about assigning data-groups to the controls that may be slid up (pardon my grammar) like so: <input data-group="1" type="text" /> ...but again, I am creating...

    javascript manipulating html elements in a php foreach

    javascript,php,html,html5,loops
    Consider the following: <? php foreach($queryResult as $res) : ?> // output all table columns <form onsubmit="return javascriptFunction(); " method="post"> <button id="b">edit</button> </form> <?php endforeach; ?> Obviously, when the javascript function is called, the id of the buttons are the same, so: document.getElementById(b).value; won't work as expected. Is it possible...

    What is the semantic HTML tag to display for URLs that are not links?

    html,html5,url,tags,semantics
    I have a search engine plugin that outputs results in a basic structure: <a href="page url"> <div class="searchResult"> <h3>Page title</h3> <p>Page url</p> <p>Page <meta> description</p> </div> </a> The plugin is designed to integrate into an existing website so it has no default styling. However, websites are supposed to be usable...

    HTML5 video/audio player control play & pause with angular Js

    javascript,jquery,angularjs,html5
    I want to control html5 audio/video player with angular js. I want to play & pause that player. I can do this using JQuery. But need to work with angular js very urgently.

    jQuery offset issues with div overflow: scroll

    javascript,jquery,html,css,html5
    I am writing an HTML5 board game and I am having issues with jQuery's offset(). The grid of DIVs that make up the game board reside within a wrapper DIV that has CSS that sets overflow:scroll/width and height:100%. The game board itself is quite larger, so the scroll can be...

    Angular get ng-model properties eg. minlength

    javascript,html,angularjs,html5
    I'm trying to make form validation in angular ( my 1st time ), and I got stucked in following moment: I've made template with validation messages: form_messages.html e.g. snippet from index.html <input type="password" name="password" ng-model="password" ng-minlength="6" required> <div class="form-error" role="alert" ng-messages="form.password.$error" ng-show="form.password.$invalid && form.$submitted || form.password.$dirty"> <ng-messages ng-messages-include="/path/to/form_messages.html"></ng-messages>...

    How to change my table based on screen size?

    javascript,html,css,html5
    I want to change my table so it would look nice on a mobile platform. All I want to do is change my table so it is two columns. I am using this code to send an email. So I cannot link a stylesheet to my html. It is recommended...

    CSS Style definition appears not to be respected when HTML 5 doctype is used

    html,css,html5
    I've started out trying to build a HTML 5 website but have ran into a problem with CSS. Below is a MCVE of the issue: <!DOCTYPE html> <html> <head> <title>Test</title> </head> <body> <style> body { font-family: Arial, sans-serif; margin: 0; padding: 0; } div.content { margin-left: auto; margin-right: auto; text-align:...

    Animate dots or points from an offset to their actual position

    jquery,html,css,html5,svg
    How can I do the animation by using SVG or CSS? Animation should be like below: Initially, only lines will be visible(picture 1), after 2 seconds dots (.) will come and join to the line curves(picture 2) with some animation to the dots. Online Example Please check the code below...

    How to display special chars in html [duplicate]

    php,html5,encoding,character-encoding
    This question already has an answer here: UTF-8 all the way through 14 answers I have a web page and suddenly it is displaying spcecial characters as asian characters like ñ is display as 帽 this is the head of my template <!DOCTYPE html> <html lang="es"> <head> <meta charset="utf-8">...

    How to scale an image down to fit inside a canvas, without distorting the image?

    html5,canvas,fabricjs
    I have a fabric js canvas that I allow users to add external images to. Often times the user adds images that are too large to fit the canvas and it's a little difficult for them to re-size them correctly. I'd like to automatically scale the larger images down so...

    How secure are HTML5 forms?

    html5
    <input id="user_lic" type="number" min="5" max="30" step="5" value ="5"/> Would someone be able to disable this min="5" statement and then submit the input with a negative value. Or for example bypass the type=number statement and enter a symbol...

    Parent container have children with different width

    css,html5,css3,jquery-ui
    I have used auto-complete J-query as the following shows : (function( $ ) { $.widget( "custom.combobox", { _create: function() { this.wrapper = $( "<span>" ) .addClass( "custom-combobox" ) .insertAfter( this.element ); this.element.hide(); this._createAutocomplete(); this._createShowAllButton(); }, _createAutocomplete: function() { var selected = this.element.children( ":selected" ), value = selected.val() ? selected.text() :...

    Javascript form sum of form inputs

    javascript,jquery,html,html5,forms
    I have this form working almost perfect. If I apply discount to default price is changes, if I apply taxes it autofills too. But the last field with the sum of price after discount plus taxes is not working. Any idea? Here is the code and a Fiddle <html> <body>...

    PHP mysql field 1 plus field 2 * 5 wrong result [closed]

    php,html,mysql,database,html5
    I have a table with 4 fields in MySQL. 1 is product price cost 2 is price we sell 3 is stock of products 4 is earning by unit. Example Cost of product for us 100, Selling price to customers is 120, Stock is 10 The follow code calculate the...

    mouse over of lower z-index is called even when its hidden behind the more z-index element

    javascript,css,html5,google-maps,google-maps-markers
    I've divs overlayed on google maps which have 2 views 1) normal view 2) enlarged view on hover normal view is shown at: (unable to attach image inline ) https://fbcdn-sphotos-e-a.akamaihd.net/hphotos-ak-xfa1/t31.0-8/11411745_872499649497061_676791784342303480_o.jpg When I hover on element1 it enlarges its view and I've set its z-index to high but another element which...

    Load javascript in consecutive order after browser load event

    javascript,jquery,html,html5,browser
    What am I trying to do? In an attempt to speed up my website I am loading non-essential javascript after the browser load event. (So the JS files are not render blocking) This is currently functioning correctly. What is the problem? The problem is sometimes the non-essential javascript depends on...