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 Experts,

        I have a html5, css3, javascript, jquery, bootstrap4 application running on bright sign media player. Windows server serves these web pages.   on click event I do location.href to home page.   It takes long time nearly 5 seconds to go to home page.  This happens only with the home page.   Since it takes long to go to home page, user is clicking the button several times, to go home page.  Now the screen becomes blank. and loads home page after 5 seconds.  If the button click is done once, then after 4-5 seconds it goes to home page without blank screen.   I had even tried creating a separate java script function for click event and also tried disabling the button once clicked.  Situation remains the same.  Why it is taking long to go to home page and why the blank screen appears if clicked more than once.   Please help me in resolving this issue.

With many thanks,

Bharath AK
0
Cloud Class® Course: Python 3 Fundamentals
LVL 12
Cloud Class® Course: Python 3 Fundamentals

This course will teach participants about installing and configuring Python, syntax, importing, statements, types, strings, booleans, files, lists, tuples, comprehensions, functions, and classes.

I have some changes I made to an existing program. It's php, it shows the lovely blank screen. I looked at the source (from view source in Firefox), this code is the VERY last code in the source:
				<div class="row">
			<div class="col-sm-7 col-xs-7" style="font-size:16px;padding-bottom:5px;padding-left:20px;">Grooved Coupling Spools</div>
			<div class="col-sm-5 col-xs-5 text-right" style="font-size:16px;padding-bottom:5px;">$352.00</div>
		</div>
			
				
																		<div class="row" style="padding-top:5px;">
			<div class="col-sm-7 col-xs-7" style="font-size:18px;padding-bottom:10px;"><b>Total Markup Price</b></div>
			<div class="col-sm-5 col-xs-5 text-right" style="font-size:16px;padding-bottom:10px;"><b>$15,163.00</b></div>
		</div>

Open in new window


My guess is nothing displays because there are at least two unclosed <div>'s and there is no </body> or </html>.

The php source, right after the view code stuff (just a few lines) looks like this:

<div class="row" style="padding-top:5px;">
			<div class="col-sm-7 col-xs-7" style="font-size:18px;padding-bottom:10px;"><b>Total Markup Price</b></div>
			<div class="col-sm-5 col-xs-5 text-right" style="font-size:16px;padding-bottom:10px;"><b>$<? print number_format($ptot,2); ?></b></div>
		</div>
		<? // build markup pdf
		include "pdf_summary_markup.php"; ?>
		<? } ?>
	<? // Net Pricing
		if ($net_pricing) { 

Open in new window


So I suspected pdf_summary_markup.php.

|I have run it through http://phpcodechecker.com/. It finds no issues. The outer calling program (the one with includes "pdf_summary_markup.php" has an error_reporting(E_ALL); as the very first line.

I can show the entire code from pdf_summary_markup.php, it's kind of long. It basically builds a pdf document using fpdf.

I'm looking for suggestions as to how I can find the cause of the error.

Thanks
0
How to create a meta data dynamically onto HTML head with the customer name as the content?
I am using Magento 1.9
0
I recently came across this cool pure CSS based image slider that works in HTML emails (for some of the more noteworthy email clients, at least), and I was wondering what kind of modification I'd need to apply in order to have the slideshow loop infinitely .. instead of "re-winding" back to the beginning as it's currently doing.  Is that possible at all?  If so, how?

Also -- how would I need to update the CSS to be able to handle additional images?  I suspect that I'd need to modify this snippet, but I'm uncertain as to how:

  @keyframes slider-navigate {
    0%{ left: 0%; display: block; width: 400%; }
    12%{ left: 0%; }
    34%{ left: -100%; }
    46%{ left: -100%; }
    68%{ left: -200%; }
    80%{ left: -200%; }
    100%{ left: 0%;  width: 400%; }
  }

Open in new window


Lastly .. is it possible for me to add a pause of about 3 seconds in between each of the transitions?  If so, how would I do that?

Thanks,
- Yvan

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>

	<title>Slider</title>
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0" />
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    
	<!--[if gte mso 15]>
	<style type="text/css">
		table { font-size:1px; line-height:0; mso-margin-top-alt:1px;mso-line-height-rule: exactly; }
		* { 

Open in new window

0
Working with some cascading selects which are json populated.  I need set the select value with a previous selection which has been saved in a mysql table.  

I have found that I can load the select if I pause the page with a alert().


----------------------------------------------------
form1.finish.value="<?php echo $row_Quote['Hdw_finish']; ?>";                              // load the finish select

if ("<?php echo $row_Quote['Hdw_finish']; ?>" != "Select Hardware Finish") {          // trigger finish change  
      $("#finish").trigger("change");
}

alert("pause1");
 
form1.Pull_type.value="<?php echo $row_Quote['Pull_type']; ?>";                               // load Pull_type
if ((form1.Pull_type.value != "Select Pull Type")&&(form1.Pull_type.value != "")) {      // trigger Pull_type change
    $("#Pull_type").trigger("change");
}

alert(pause2);

form1.handle.value="<?php echo $row_Quote['Pull_name']; ?>";                               //  load selected handle

---------------------------------------------

This does set the selects correctly, but without the alerts() it doesn't.  There has to be a right way to do this and this isn't it.
0
Codes always show that it is unsuccessful. I suspect its my cascading delete problem?

cs code, with button @ html ->     <button type="button" style="margin-right:189px" class="btn btn-danger" runat="server" ID="btnDeleteInd" onserverclick="btnDeleteInd_ServerClick">Remove</button>
        protected void btnDeleteInd_ServerClick(object sender, EventArgs e)
        {
            foreach (GridViewRow gr in gvPerson.Rows)
            {
                int check = mem.DeleteIARecord(int.Parse(gr.Cells[0].Text));
                if (check == 1)
                {
                    ScriptManager.RegisterStartupScript(Page, GetType(), "AlertDisplay", "displaySuccess('Successfully Deleted Member:');", true);
                }
                else if(check == 0)
                {
                    ScriptManager.RegisterStartupScript(Page, GetType(), "AlertFailureDisplay", "displayFailure();", true);
                }
            }
        }

Open in new window


sql:
    public int DeleteIARecord(int personid)
        {
            int result = 0;
            List<SqlCommand> transcommand = new List<SqlCommand>();
            SqlCommand mycmd = new SqlCommand();
            string commandtext = "delete from membership.TBL_PERSON_PA where PERSON_ID=1;" + 
                                 "delete from membership.TBL_PERSONAL_ASSISTANT where PA_ID=(Select PA_ID from membership.TBL_PERSON_PA where PERSON_ID=1); " +
                                 "delete from membership.TBL_MEMBERSHIP where PERSON_ID=(Select PERSON_ID from membership.TBL_PERSON where PERSON_ID=1); " +
                                 "delete from event.TBL_EVENT_GUEST_INVITE where PERSON_ID=(Select PERSON_ID from membership.TBL_PERSON where PERSON_ID=1); " +
                                 "delete from TBL_PERSON where PERSON_ID=1; ";
            mycmd = dbhelp.CreateCommand(commandtext, CommandType.Text, "@1", personid);
            transcommand.Add(mycmd);
            result = dbhelp.ExecTrans(transcommand);

            return result;
        }

Open in new window

0
I can't seem to find the correct CSS to make the "Hi, Jaqueline" text stay in the navigation. I know it's something simple but it's driving me nuts. Can anyone assist me with fixing this?

URL: http://dev.ampplacement.com/services.html

Screen-Shot-2018-07-07-at-1.44.10-PM.png
0
hi,

This simple problem is driving me nuts. The hyperlinks in the following page should direct to rows within the page, but instead are just jumping to the top of the page. Something simple is wrong, any ideas?

http://enex.net/ee/SQUAD_SA.html

The HTML is generated, so any fault can be corrected easily. So i just need one example if there is a general fault.

Thanks!
0
I have this html:

<div class="col-sm-1 col-xs-1 text-right"><input type="radio" name="sepsys" id="sep" value="S" checked onChange="chk_nosep();"></div>

Open in new window


When the page is displayed, the radio button is NOT checked.

Why?

Thanks
0
I want to make my header mobile friendly -> which turns into those 3 lines when a user is on their phone, i found alot of sites that have examples, but the problem is some on my headers have dropdowns on their own, can anyone help?
Here is the code of the header
<div class='header'>
			<div style='float:left;margin-top:20px;padding-left:20px'>
    			<a class= "menuword" href= "../menu">
    				 <span class='text'>MENU</span>
    			</a>
    			<div class="dropdown" style="padding-bottom:10px">
    			<a class= "aboutword" style="cursor:pointer" >
    				<span class= "text">ABOUT</span>
    			</a>
    		<div class="dropdown-content1" style="width:300px; margin-top:10px">
				<span style="display:flex;" class="dropdown_text">
				    <a href="..">NEWS + INSIGHTS</a>
				    <a href="../faqs">FAQS</a>
				 </span>
				  </div>

    			</div>

			</div>

    			<img src= "http://blog.com/wp-content/uploads/2017/09/head2.png" style="cursor:pointer;margin-top:5px;    width: 195px;margin-left:420px;" height = "50px" onclick="window.location.href='/'">

			<div style='float:right;margin-top:20px;padding-right:19px'>
			<div class="dropdown" style="margin-right:27px;padding-bottom: 10px">
    			<a class="phone">
    				<span class= "text">CONTACT</span>
    			</a>
    			<div class="dropdown-content1 dropdown_text" style="margin-top:10px">
    			 <div style="width:5px;margin-top:5px"></div>
				    <a href= "../contact">CALL US </a>
				    <a href= "../contact">EMAIL 

Open in new window

0
Cloud Class® Course: Certified Penetration Testing
LVL 12
Cloud Class® Course: Certified Penetration Testing

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 Experts,

      I have standalone web application which is running only an Ipad.  It is supposed to only run on this ipad.  I want to enable autoplay audio for this ipad pro.  Please help me in resolving this issue.  In ipad I had tried chrome://flags/#autoplay-policy it is not found.  I had tried to enable autoplay through javascript but it didn't help.  I dont want auto play on all browser just on only one ipad.  I came to know from the previous questions it is not possible to make it on all browsers.  But I just want autoplay to be on one ipad

 $(function() {		  
		  $("a.active").find("h1").hide();
		  var adio;
		  adio = document.createElement('audio');
		  adio.src = "audio/Stolen - Audio - Marjorie Foster.mp3";
		  /*adio.pause;
		  adio.currentTime = 0;*/
		  adio.play();
		  adio.autoplay;
		  $("a.active div div").addClass("blinker");
		  
		  $('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {			    
			$("a.active").find("h1").hide();
			$("a:not(.active)").find("h1").show();
			switchAudio();
			$("a.active div div").addClass("blinker");
		  })
    
		  function switchAudio()
		  {
			var num = $("a.active").find("h1").text();
			stopAudio();      
			switch(num) {
			  case "1":				
				adio.src = "audio/Stolen - Audio - Marjorie Foster.mp3";				
				break;
			  case "2":				
				adio.src = "audio/Stolen - Audio - Barbara Raymond.mp3";				
				break;
			  case "3":				
				adio.src = "audio/Stolen - Audio - Charlie King.mp3";				
				

Open in new window

0
Why is image bouncing in mobile view?

I have two sites, not completely the same as I've made some changes to CSS in one.

magickitchen dot com is the one that's live.

dev2 dot magickitchen dot com is the one I'm having trouble with on mobile. You can log in using the attached credentials.

It's the photo and caption atthe top of the page that's causing me grief on dev2.

It starts out short, then gets taller. See attached screenshots.
mk-dev-for-outside.txt
start.jpg
nest-slide.jpg
0
I am showing and hiding multiple radio groups based on another radio  group selection. I am able to do this part.

But now I am trying to make the ONLY VISIBLE radio groups to be required, if they are not checked, then show an error message saying they are required.

Here is my JSFiddle

JSFIDDLE

The code I am using and that's not working is as below


$("#js-add-to-cart").click(function(e) {
var check = 0
$(":radio[name^=Product_Attribute]:visible").each(function() {

            if(!$(":radio[name^=Product_Attribute]").is(':checked')){
                check = 1;
            }


});

 if(check == 1){
         $(".error").show();
          alert('Please select one option in each question.');
         e.preventDefault();	return false;
           
        }

});

Open in new window


What am I missing?

Thanks
0
Enterprise system HTML can be modified ("hacked"), allowing a user to see data they shouldn't see, by inspecting the page.

I'm no web programmer but generally familiar with HTML. I was really surprised that the HTML could be modified so easily.

The HTML is generated from Oracle Designer, a really old tool that is outdated but we're still using it.

Isn't there some way to mask the code? or make it unchangeable? We've also had issues in the past where SQL code / values are exposed and were able to be changed. That too surprised me. That was fixed with some back-end programming (the HTML could still be modified).

In the screen shot, the ID # can be changed and so the user can see another user's info, by either guessing another's ID or sleuthing to find someone specific's ID.
Inspect-HTML-and-change.png
0
Hi Experts,

Bootstrap row is not starting on a newline.   It is starting at the end of the first row. Homepage button is not starting at the new row.  Please find the html and css below.

<!doctype html>
<html lang="en">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1 shrink-to-fit=no">
    <!-- Bootstrap CSS -->
	<link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/style.css">
    <title>Stolen Generations</title>
  </head>
   <body>
    <div class="banner container-fluid">
<div class="row">
<div class="col-md-12">
<div id="tabs">	
<ul class="nav nav-pills" role="tablist">
    <li class="nav-item">	    
        <a class="nav-link active tab-head" data-toggle="tab" href="#1" id="1" role="tab">
		<div class="detail-content" style="color:rgb(255,255,255);width:130px;text-align:center;margin:0 auto">
		    <div class="number">
			      <h1 style="text-align:center;margin-bottom:25px">1</h1>
			</div>
			Marjorie Foster</br>
			07:48
			
		</div>
		</a>
		
    </li>
    <li class="nav-item">
        <a class="nav-link tab-head" data-toggle="tab" href="#2" role="tab">
		<div class="detail-content" style="color:rgb(255,255,255);width:130px;text-align:center;margin:0 auto">
		    <div class="number">
			      <h1 style="text-align:center;margin-bottom:25px">2</h1>
			</div>
			Barbara Raymond</br>
			04:53
			
		</div>		
		</a>
 

Open in new window

0
How to make the code below that would be able to highlight to yellow the row when onkeydown press down or up. The code below is working on click, I want it works also in key-down press. Any Help Please!

<!DOCTYPE html>
<html>
<head>
<style>
.selected {
    color: red;
}
</style>

</head>
<body>
<table id="Tab-14">
<thead><th>ID8</th><th>Company</th></thead>
<tbody>
  <tr><td>100</td><td>Peter</td><td><input onkeydown="myIndex(this)" type="text"/></td></tr>
  <tr><td>101</td><td>John</td><td><input onkeydown="myIndex(this)" type="text"/></td></tr>
  <tr><td>102</td><td>Paul</td><td><input onkeydown="myIndex(this)" type="text"/></td></tr>
  <tr><td>103</td><td>Paul</td><td><input onkeydown="myIndex(this)" type="text"/></td></tr>
</tbody>
</table>


<script>
function highlight_row() 
{
	if (document.getElementById("Tab-14")) 
	{
    var table = document.getElementById('Tab-14');
    var cells = table.getElementsByTagName('td');

    for (var i = 0; i < cells.length; i++) {
        // Take each cell
        var cell = cells[i];
        // do something on onclick event for cell
        cell.onclick = function () {
            // Get the row id where the cell exists
            var rowId = this.parentNode.rowIndex;

            var rowsNotSelected = table.getElementsByTagName('tr');
            for (var row = 0; row < rowsNotSelected.length; row++) {
                rowsNotSelected[row].style.backgroundColor = "";
                

Open in new window

0
Hi Experts,

I am not able to align vertically middle.  I had tried margin: 0 auto, display:inline block, text-align:center, but not able align vertically center. It is not aligning center inside the row.  I am trying an application for ipad pro
Landscape version.  Hence I am trying the col-md-12.  Please find attached html and css.  Please help me in resolving this issue.

With Many thanks,

Bharath AK

<!doctype html>
<html lang="en">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Bootstrap CSS -->
	<link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/style.css">
    <title>Stolen</title>
  </head>
  <body>
    <div class="banner container-fluid col-mid-12">
    <div class="row" style="margin:0 auto;text-align:center; width:260px; height:70px"> 
       <span style="display:inline-block">	
         <button class="middle-buttons btn btn-primary-outline" type="button" onclick="location.href='screen2.html';">
			Listen  &nbsp;  &nbsp;  &nbsp;  &gt;					
		</button>
		</span>
	</div>
	</div> 
	<script src="js/jquery-3.3.1.min.js"></script>
    <script src="js/popper.min.js"></script>
    <script src="js/bootstrap.min.js"></script>	
  </body>
 </html>

Open in new window


css is

button {
    background: none;
    border: 1px solid white;
    position: relative;
    left: 150px;
    top: 80px;
	padding:15px;
}

Open in new window

0
Hi Experts,

In Ipad pro there is no zoom - 100% + option on chrome browser.    in safari also it is in maximized zoom level.  How can I set it to fixed 100% on ipad.   I have to use my fingers  to reduce the zoom on the browser screen to be in right size.  Please help me in resolving this issue.

With Many thanks,

Bharath AK
0
I have 3 radio groups which are product attributes of a product that are generated dynamically. They are namely collar width, collar size, collar leash size

Collar width radio group is as follows

<input name="Product_Attributes[1]:code" value="collar_width" data-attribute-type="radio" type="hidden">
<div class="form-row pc-form-row collar_width">
<legend for="l-collar_width" title="Width:" class="nm required">Step 1: Select Width:</legend>
<ul class="pc-ul noul pc-collar_width ">
<li class="pc-12w">
<label for="l-12w" title="1/2&quot; wide" class="show">
<input name="Product_Attributes[1]:value" value="12w" id="l-12w" data-attribute="collar_width" data-option-price="0" data-regular-price="" checked="" type="radio">
<span class="pc-label">1/2" wide</span>
</label>
</li>
<li class="pc-34w">
<label for="l-34w" title="3/4&quot; wide" class="show">
<input name="Product_Attributes[1]:value" value="34w" id="l-34w" data-attribute="collar_width" data-option-price="0" data-regular-price="" type="radio">
<span class="pc-label">3/4" wide</span>
</label>
</li>
<li class="pc-1w">
<label for="l-1w" title="1&quot; wide" class="show">
<input name="Product_Attributes[1]:value" value="1w" id="l-1w" data-attribute="collar_width" data-option-price="0" data-regular-price="" type="radio">
<span class="pc-label">1" wide</span>
</label>
</li>
</ul>
</div>

Open in new window


Collar size radio group is as follows

<input name="Product_Attributes[3]:code" value="collar_size" 

Open in new window

0
Cloud Class® Course: Microsoft Windows 7 Basic
LVL 12
Cloud Class® Course: Microsoft Windows 7 Basic

This introductory course to Windows 7 environment will teach you about working with the Windows operating system. You will learn about basic functions including start menu; the desktop; managing files, folders, and libraries.

I am trying to display a table of UPC codes, with child rows. Pictured below:



My question is , how do I take an object like this:

var items = [

{
   upc: " 5456456456456 2",
  serialNumber: [ "4234324","32432432","324235345"],
  name: "iPhone7"
},

{
   upc: " 9975567442",
  serialNumber: [ "12334","565555","66755565"],
name: "iPhoneX"
}

]

Open in new window


I need to display this information in a table, but each UPC has it's own child row of serial numbers. Just a simple HTML table will do.

Can anyone help me out?
0
How do I reduce the font size on each top and sub item in the top menu bar on my site... https://ccdenver.org ?
0
I am trying to print only the section called "barCodesWrapper" in my page. And after each SVG tag, I want a new page. So when they print this page, I want one bar code on each page ( should be 5 total pages in this example ).

Can anyone help me get this working?

<!DOCTYPE html>
<html>
<head>
        <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB" crossorigin="anonymous">
<script
  src="https://code.jquery.com/jquery-3.3.1.min.js"
  integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
  crossorigin="anonymous"></script>
  <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.bundle.min.js">
  </script>

  <style>
 @media print {
  body * {
    visibility: hidden;
  }
  #barCodesWrapper, #barCodesWrapper * {
                visibility: visible;
                page-break-after: always;
                page-break-before: always;
            }
                #barCodesWrapper svg {
                    page-break-after: always;
                    page-break-before: always;
                }
            #barCodesWrapper {
                position: absolute;
                left: 0;
                top: 0;
                page-break-after: always;
                page-break-before: always;

            }

            svg {
              page-break-after: always;
                

Open in new window

0
My web host's server is having trouble parsing php code within html pages, so I'd like to convert such a page to pure php.  I've tried various online, automated html-to-php converters, but the resulting page has no styling.  Please advise.
 contact.htm
0
Dear expert
Im trying to build a server rapport for uptime using the code below. In Powershell output, this code below work fine, now I want to convert the result into a html and show it there.
This is where I got my problem, it doesnt work as I want, I want it to show the write-output in the html file, anyone can help?
Thanks

function Get-SystemInfo 
{ 
$ServerNames = Get-Content c:\serverlistOP.txt
foreach($server in $ServerNames){
$system = Get-WmiObject win32_operatingsystem -ComputerName $server
$uptime = (Get-Date) - $system.ConvertToDateTime($system.LastBootUpTime)
Write-Output ("Server: " + $server)
Write-Output ("Last boot: " + $system.ConvertToDateTime($system.LastBootUpTime))
Write-Output ("Uptime: " + $uptime.Days + " Days " + $uptime.Hours + " Hours " + $uptime.Minutes + " Minutes") 
}}
Get-SystemInfo | convertto-html > C:\test\test.html

Open in new window

0
I've read that if I put a hidden text field on a form directly before a checkbox of the same name, it should provide a default "unchecked" value upon form submission.

However, when I test the output on a form action page, I get two values instead of just one as the if I check the box. I get just the hidden field if I leave the checkbox unchecked.

I want the hidden field or checkbox, but not both.

This is the recommended way to get a default value for the checkbox that is unchecked

<input type="hidden" name="foo" value="0">
<input type="checkbox" name="foo" value="1">
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.