HTML

59K

Solutions

30K

Contributors

HTML (HyperText Markup Language) is the main markup language for creating web pages and other information to be displayed in a web browser, providing both the structure and content for what is sent from a web server through the use of tags. The current implementation of the HTML specification is HTML5.

Share tech news, updates, or what's on your mind.

Sign up to Post

Hi
My breakthrough mutalisk flyer app project is simply a muta that flaps its way from top left to bottom right.
It will change the industry.

requestAnimationFrame() is super.
I'd like to put it up online. It acquires the muta.gif from my webspace, no file needed.
Is my only option to put the HTML on my webspace? Can I make it into a downloadable app of any kind? Doesn't that require a mac developer membership?
What about other devices? I'd like to know all the problems, workarounds, mistakes before I get too far in.

If this is my content container, how do I make it fullscreen on all devices, not known dimensions only? Slither.io goes browser size in a browser.
Right now, it is all in one HTM file, the HTML javascript and css
The entire HTML is down below
#contentContainer {

      width: 550px;
      height: 350px;
      border: 5px black solid;
      overflow: hidden;
      background-color: FFFF00
    }

Open in new window


Thanks

entire mutalisk flying HTML:
<!DOCTYPE html>
<html>

<head>
  <title>Mutalisk mutalisk</title>
  <style type = "text/css">
    body {
      background-color: #FFF;
      margin: 30px;
      margin-top: 10px;

    }

    #contentContainer {

      width: 550px;
      height: 350px;
      border: 5px black solid;
      overflow: hidden;
      background-color: FFFF00
    }

    #mutalisk {
      position: relative;
      left: :1725px
      top: 11750px
    }mutalisk
    </style>
  </head>

  <body>
    <div id = 

Open in new window

0
Ensure you’re charging the right price for your IT
Ensure you’re charging the right price for your IT

Do you wonder if your IT business is truly profitable or if you should raise your prices? Learn how to calculate your overhead burden using our free interactive tool and use it to determine the right price for your IT services. Start calculating Now!

Hello, I have the following Iframe code.

When I view this on a smart phone it does not automatically adjust to fit the screen – is this possible?

<iframe src="//abc.gettimely.com/book/embed?" scrolling="no" id="timelyWidget" style="width:480px;height:600px;border:none"></iframe>

Thanks.
0
I am trying to create a popup when a user clicks the save button & that should have 2 options (Yes or No button). Popup should look similar to below screenshot.

I am using html & angularJS in my web application. How do i achieve this?

popup.jpg
0
The HTML5 canvas is an element that can generate graphics on the fly with JavaScript.

An example of it being used to graph equations can be found here: http://matt.might.net/articles/rendering-mathematical-functions-in-javascript-with-canvas-html/

I'm trying to figure out what math I will need to take to use the canvas to create interactive applications.
0
Hi,

i am getting html response in below variable which is bold below line:
     success: function (response) {

i need help on how to bind this html response to DIV tag which is below:

Code:

  $.ajax({
                    url: '@Url.Action("CreateAndSubmitXML", "ExternalSubmission")',
                    data: JSON.stringify({
                        SelectedBusinessDate: selectedCobDate,
                        SelectedBusinessName: businessDatesText,
                        Reason: adjComments
                    }),
                    type: 'POST',
                    datatype: 'json',
                    contentType: 'application/json; charset=utf-8',
                    success: function ([b]response[/b]) {
                        //alert("show");
                        debugger;
                        alert(response);
                        $('#divtag').html(response);

Open in new window




tried with below but not working:
1.   $('#divtag').html(response);

2. $(".result").html(response);
$(".result").append(response);
$(".result").txtresult(response);
<div class="result">
0
Hi,

We have a contact form on our website that we are testing.

The form was created using HTML and I used PHP code to send the details through email.

I have it set that a person fills out the contact form, clicks on "submit" button and the details are sent as email to our Gmail address.

As emails kept going to spam, I set that contact form emails are sent from our domain email address to fix this.

These contact form emails sent successfully to our Gmail address but when sent to our domain email address, the email is not received and not in Junk folder (this email address receives and sends emails fine).

We would like to have contact form details sent to our domain email address.

What do we need to do to get this to work?

Thanks,
Robbie
0
Hi Experts,

I have the following code that prevents users from saving w/o entering all required fields.

// set required to true or false
function setRequired(flag) {
  if (flag == true) {
    // get the current sig, default = []
    var sig = $('input[name="output"]').val();
    $('#cb_sign_wrapper').signaturePad({drawOnly : true}).regenerate( (sig) ? sig : [] );

    $('.req').each(function() {
      $(this).closest('tr').next().find('input').attr('required',true);
    });

    $('.req').each(function() {
      $(this).closest('tr').next().find('textarea').attr('required',true);
    });

    $('.req').each(function() {
        $(this).closest('tr').next().find('select').attr('required',true);
    });
  } else {

    $('input:required').each(function() {
      $(this).prop('required',false);
    });

    $('textarea:required').each(function() {
      $(this).prop('required',false);
    });

    $('select:required').each(function() {
      $(this).prop('required',false);
    });
  }
}

Open in new window


This are the tags used for setting up something as required.
Shift From Hour <span class="req">*</span>
Shift From, Minute <span class="req">*</span>
AM/PM <span class="req">*</span>
Shift To Hour <span class="req">*</span>
Shift To, Minute: <span class="req">*</span>
AM/PM <span class="req">*</span>

Open in new window


Trying to figure out why are some passing thru w/o being filled in?
Capture.PNG
0
I use jdatatable on mvc razor page. When it is loaded, everything is working. But when I click on sort button e.g. state, bond  name and etc. the following html part  is disappeared.
do you know how  to fix it?
In javascript, i used innerhtml or append and it still does  not work. thanks


td = td + "<tr>";
        td = td + "<td>" + "guidKey" + "</td>";
        td = td + "<td>" + "guidKey" + "</td>";
        td = td + "<td>" + "guidKey" + "</td>";
        td = td + "<td>" + "guidKey" + "</td>";
        td = td + "<td>" + "guidKey" + "</td>";
        td = td + "<td>" + "01/01/2011" + "</td>";
        td = td + "</tr>";



<table id="datatable2" class="table display responsive nowrap">
                <thead>
                    <tr>
                        <th class="wd-15p">Applicant</th>
                        <th class="wd-15p">State</th>
                        <th class="wd-20p">Bond Name</th>
                        <th class="wd-15p">Bond Amount</th>
                        <th class="wd-10p">Action</th>
                        <th class="wd-25p">Created On</th>
                    </tr>
                </thead>
                <tbody id="bodyData">
                    <tr>
                        <td>Tiger</td>
                        <td>Nixon</td>
                        <td>System Architect</td>
                        <td>2011/04/25</td>
                        <td>$320,800</td>
                        <td>t.nixon@datatables.net</td>
      

Open in new window

0
I have 2 kendo Multiselect fields in my html page. After i select items from 1st multiselect & go pick items from second multiselect, 1st multiselect field becomes empty(meaning all the elements i select for first multiselect are removed). How do we resolve this issue??

Here is the angularJS Code

 $scope.select1Options = {
            placeholder: "Search Par...",
            noDataTemplate: 'No Partner&apos;s found',
            dataTextField: "Name",
            dataValueField: "Id",
            valuePrimitive: false,
            autoBind: false,
            //filter: "contains",
            //animation: {
            //    close: {
            //        effects: "fadeOut zoom:out",
            //        duration: 300
            //    },
            //    open: {
            //        effects: "fadeIn zoom:in",
            //        duration: 300
            //    }
            //},
            minLength: 3,
            dataSource: {
                //type: "odata",
                serverFiltering: true,
                serverPaging: true,
                pageSize: 10,
                filtering: function (e) {
                    var filter = e.filter;

                    if (!filter.value) {
                        //prevent filtering if the filter does not value
                        e.preventDefault();
                    }
                },
                transport: {

                    read: {
                        url: 

Open in new window

0
Health monitor alert is triggered identifying Transport rule failing to process on one message in particular. See below
2018-09-17 15:00:05 - Exchange 2016 Managed Availability HealthSet check run starting.
2018-09-17 15:00:07 - Checking Managed Availability
2018-09-17 15:07:39 - ERROR HealthSet: HubTransport
2018-09-17 15:07:39 - ERROR Subject: Alert: Transport rules engine failed to evaluate condition due to FIPS errors 3 or more times in the last 70 min. Failures ignored.
Microsoft.Exchange.MessagingPolicies.Rules.FilteringServiceFailureException: FIPS text extraction failed with error: ' STREAMS
0
Become a Certified Penetration Testing Engineer
LVL 13
Become a Certified Penetration Testing Engineer

This CPTE Certified Penetration Testing Engineer course covers everything you need to know about becoming a Certified Penetration Testing Engineer. Career Path: Professional roles include Ethical Hackers, Security Consultants, System Administrators, and Chief Security Officers.

hi,

The following page demos a simple API call and displays the result:

https://developer.waveapps.com/hc/en-us/articles/360018937431-API-Playground

I'd like to produce the same output on my own html page. How could I start?

Many thanks
0
I would like to find a tech who can do a remote login and walk me through applying css flexbox code into my web project. I have the website html. I do not understand how to apply the wholy grail template to my site and I would like the tech to show me how its done. I have the wholy grail template but i do not understand how to apply it to my code.

my website:

<html>

  <head>
    <title>TechnicalCafe - Home</titl
  </head>

  <body a link="black" vlink="black">

    <center><h1>TechnicalCafe.com</h1></center>

    <center><b>Home</b> |<a href="about.html">About</a> | <a href="news.html">News</a> | <a href="contact.html">Contact</a></center>
    <center><p>Welcome to TechnicalCafe.com! Please feel free to check out the web pages! Thank you for visiting!</p></center> 

  </body>

  </html>

Open in new window

~
0
What does it mean when you get an error in the console that looks like this:
Starts with a red X above the DOCTYPE
X
<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml" lang="en-US" style="font-size: 15.7466px;">

AND the error:
Failed to set referrer policy: The value '' is not one of 'no-referrer', 'no-referrer-when-downgrade', 'origin', 'origin-when-cross-origin', 'same-origin', 'strict-origin', 'strict-origin-when-cross-origin', or 'unsafe-url'. The referrer policy has been left unchanged.
0
Normally when I see a website using Bootstrap 4 I see the grid classes being used in the HTML. Recently I used a developer who has now managed to implement the grid glasses in the CSS. Is this normal practice and does it work out better?

I'm trying to understand if there are performance vs maintenance trade offs to consider as I'm finding it hard to understand the grid behaviour for HTML elements since the grid classes are not in the HTML. Is this related to Bootstrap Sass mixins?
0
I'm working on a script to pull various elements from our server environment.
For the sake of simplicity, I've removed a lot of what I'm retrieving from below.

Essentially, I'm extracting the appropriate data - writing that output, then pushing it through a function to compare against some thresholds to determine if it's a concern or not.
That in turns writes out a new object that is comprised of only strings (rather than the child objects produced initially).  In the end, I don't need to know what's working - but what is of a concern.  I.e - if I have 14 volumes, but 13 of them are in good shape, only report on the ones nearing capacity (and change the coloring for that field).

I've got all that working, and I end up just leaving a 'Pass' value if everything looks good.  If not, I prepend the field with Warn or Fail based on the logic I'm using.

Now I want to convert it all to a table and remove the 'Warn' and 'Fail' from the field, but I'm stuck because of my lack of knowledge at how to get at these values and manipulate the data, and have it hold.


Here's what's produced in my [xml]$html variable after running it through Convertto-html (would love to remove the colgroup, since I'm obviously not using that, but haven't found a way to do that either).

InnerText          : 
InnerXml           : <table><colgroup><col /><col /><col /><col /><col /><col /><col /><col /><col /><col 
                     

Open in new window

0
I have a data model like so:

using System;
using System.ComponentModel.DataAnnotations.Schema;

namespace CB_RepWebApp.Models.DataModel
{
    [Table("FreeStockView")]
    public class FreeStockView
    {
        [Column("ItemCode")]
        public string ID { get; set; }

        public string WarehouseCode { get; set; }

        public string UM { get; set; }

        public Decimal FreeStock { get; set; }
    }
}

Open in new window

And my Item.cshtml.cs page is like this:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Threading.Tasks;
using Microsoft.AspNetCore.Mvc;
using Microsoft.AspNetCore.Mvc.RazorPages;
using Microsoft.EntityFrameworkCore;
using CB_RepWebApp.Models;


namespace CB_RepWebApp.Pages.Inventory
{
    public class ItemModel : PageModel
    {
        private readonly CB_RepWebApp.Data.CRMContext _context;
        public ItemModel(CB_RepWebApp.Data.CRMContext context)
        {
            _context = context;
            _contextB = context;
        }

        public Models.DataModel.InventoryItem Item { get; set; }
        public Models.DataModel.InventoryItem I { get; set; }
        public Models.DataModel.InventoryItemPricingDetail ItemPricing { get; set; }
        public Models.DataModel.ItemCostPricesView_C ItemCosting { get; set; }
        public Models.DataModel.InventoryUnitMeasureBoxView_C IB { get; set; }
        public Models.DataModel.FreeStockView IFSWA { get; set; }
        public 

Open in new window

0
I am struggling a little bit with the tooltips on the quote form on this page. They are just fine at full size, but when you resize the viewport, they get cut off.

I need them to adjust to fit on the screen no matter the viewport size. Bootstrap does have built in tooltip defaults, but for these specific ones, I have some css in the head of this page to override those as so not to affect the rest of the site. So that's where I need to make the edits.

Thanks!

https://www.stadriemblems.com/products/ajax/custom-enamel-pins/
0
how to change the function without using javascript void 0?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>cool</title>
</head>

<body>
<a href="javascript:void(0)" onclick="alert('cool')">cool</a><br />
<a href="javascript:void(0)" onclick="alert('not so cool')">not so cool</a>
</body>
</html>

Open in new window

cool.html
0
Hello all!

I was wondering if someone could show me how to display my mysql query grouped by "nodeid"?  For example, I have some code (attached here) that pulls data from my database and shows me "nodes" that have "alerted" in the past 24 hours (pic attached).  What I'd like to do is display a separate table for each node and show each nodes alerts sorted by datetime.  I hope that makes sense.

Example:
TABLE 1
     Node 1
          All alerts from node 1.

TABLE 2
     Node 2
          All alerts from node 2.

Etc...

I'm hoping, since I'm still learning my coding, if you could show a working example.

Thanks all!
Eric :)



Current code output (Everything grouped together)


<?php

$conn=mysqli_connect("localhost","REMOVED","REMOVED","REMOVED");
if (mysqli_connect_errno()) {
    printf("Connect failed: %s\n", mysqli_connect_error());
    exit();
}

$sql = "SELECT config.nodeid, config.loc_city, config.loc_state, config.latitude, config.longitude, event_data.compass, event_data.heading, event_data.pressure, event_data.datetime, event_data.event_type FROM config INNER JOIN event_data ON config.nodeid = event_data.nodeid AND event_data.event_type = 'alertStart' AND event_data.datetime > DATE_SUB(NOW(), INTERVAL 1 DAY) ORDER BY `config`.`nodeid` ASC;";

$result = mysqli_query($conn, $sql);
$num_rows = mysqli_num_rows($result);

    $header ="From: REMOVED@gmail.com" . "\r\n";
    $email    = 'REMOVED@mac.com';
    $header .= "MIME-Version: 1.0\r\n";
    

Open in new window

0
OWASP: Threats Fundamentals
LVL 13
OWASP: Threats Fundamentals

Learn the top ten threats that are present in modern web-application development and how to protect your business from them.

Hi
 
I have two users who cannot forward the emails in HTML format. We have to change the format on forwarded message to Rich text manually to send it.
 
I have deleted the profile and old ost file but it has not make any difference. Outlook version is different for both.
I ticked ‘ Read all standard mail in plain text’ under option – Trust Centre- Email Security  but we loose images and signatures which are important.
I have changed ‘compose messages in this format’ to Rich Text. Outlook is opening new messages in Rich text but not the forwarded messages.
 
I have unticked Add-ins, but it has not made any difference.
 
 
Thanks in advance
0
CSS Issue.  I'm stuck.  There is a dropdown menu that works fine.  However, if the screen is less than 1250px wide, it changes to a hamburger menu.  When you scroll over, none of the child  menu choices show.  I actually want all menu choices to show and not be hidden. Any ideas?

https://corporatevisions(DOT)com/    Replace the (DOT) so the link works.
0
Hi
I am ready to get some of my javascript game code onto my phone.
I'm hoping it's relatively straightforward like simply making an HTML canvas and popping it in..
Too much to hope for?
This is some simple javascript showing object drawing on a scene. code in text area below, and the link

URL at javascript at the bottom of this page
 ...
var canvas = document.getElementById("game-layer");
var context = canvas.getContext("2d");

context.fillStyle = "gray";
context.fillRect(0, 0, canvas.width, canvas.height);

context.fillStyle = "red";
context.fillRect(5, 5, 10, 15);
context.fillStyle = "blue";
context.fillRect(25, 25, 20, 20);
context.fillStyle = "green";
context.fillRect(50, 50, 20, 40);

Open in new window


Thanks
0
Does anyone know of a tool that will recursively and automatically go to every page on a website and create a screenshot of the page?
0
I'm working on an old angular project,
in one of my HTML page I have  this,

<tr class="abc" data-ng-repeat="items in vm.products">

this iterates through the item in the product list , return by the rest call , by the looks of it. I wanted to sort it by a particular data field.

so if the rest calls return json data as such
{
   id: ...
   name : ...
   price : ...
   quantity : ...
...
}

to sort it by price, can just change the code to --> data-ng-repeat="items in vm.products | orderBy:'price' "

just adding this to HTML page, didn't work.

do i have to change any other code for this?
0
I have 3 radiobuttons; two have a corresponding textbox, and the last one has a fileupload. The two textboxes and fileupload have a total of 3 separate validators. When a radiobutton is selected, the other two textboxes/fileupload hide, so only one is shown at a time depending on what radiobutton is selected.

I've coded this so if you click a submit button, the only validator that matters is the one that's associated with the selected radiobutton, since I don't want the hidden forms to count. The issue I have is when you select a radio button, the validator error message immediately appears. I only want the error message to appear if the user clicks the submit button without filling out the textbox/fileupload that has been selected.

<asp:Content ID="Content1" ContentPlaceHolderID="HeaderContent" runat="server">
    <style type="text/css">
        .singlefield {
            margin-left: 12px;
            padding-right: 12px;
        }

        .radioButtonList label {
            display: inline;
        }

        .Hidden {
            display: none;
        }

        .Invisible {
            visibility: hidden;
        }
    </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">

    <div class="page-content">
        <div class="page-header">
            <h1>Create Campaign
            </h1>
        </div>
        <!-- /.page-header -->
        <div class="row">
            <div class="col-xs-12">
                

Open in new window

0

HTML

59K

Solutions

30K

Contributors

HTML (HyperText Markup Language) is the main markup language for creating web pages and other information to be displayed in a web browser, providing both the structure and content for what is sent from a web server through the use of tags. The current implementation of the HTML specification is HTML5.