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

How to make html div always stay at the bottom of the mobile or desktop device? And make the width auto ?
Inside the div we will put jsignature pad for signature
0
The Ultimate Tool Kit for Technolgy Solution Provi
The Ultimate Tool Kit for Technolgy Solution Provi

Broken down into practical pointers and step-by-step instructions, the IT Service Excellence Tool Kit delivers expert advice for technology solution providers. Get your free copy for valuable how-to assets including sample agreements, checklists, flowcharts, and more!

Disable client-side caching in all browser. We are using Angualrjs.
For disabling the cache, I used HTML meta tags:-
    <meta http-equiv="cache-control" content="no-cache" />
    <meta http-equiv="EXPIRES" content="0">
    <meta http-equiv="PRAGMA" content="NO-CACHE">
but need a best solution
i.e.: http://www.i18nguy.com/markup/metatags.html
0
I have a mailto link in a PDF form. I want to have the generated message include (by default) both delivery & read receipts. What header/value pairs do I need to set in the mailto link to have that happen?
0
How do I get Visual Studio 2017 to validate <script> tags in source code with CORS attributes?

Okay, this is an annoyance rather than a life or death problem!  I am working on a website which uses externally hosted scripts in some of its pages.  The script tags have CORS attributes (integrity and crossorigin).  Visual Studio is validating the code against the HTML5 schema.  So Visual Studio is picking these up as warnings in its error list and underlining the code with green squiggly lines.

I know I can just ignore them, or turn validation off.  I'd prefer to have them recognised as valid markup.  Is there any way that I can do that?
0
Hi All,
I am using VS2017  MVC C#.
My requirement is generate pdf file from cshtml page. The format in pdf and html is different.

for example

cshtml
======
Enter name       txtName
Enter Address    btnAddress   txtAddress

PDF format:
=========
[txtName] is living in [txtAddress] is requesting so and so information.....


I can't convert html to pdf directly since pdf has it's own format. Any suggestions is helpful but if there is any direction to perfect solution would be great. Also please assist me how to deliver the pdf with some examples...
Please help.

Kind regards,
Pooja
0
Maybe some developers experienced or encountered this.
I have 5 tabs on a page. If I clicked save, and the page refreshes, the page stays on same tab and not to tab1
Can someone post a solutionkk
0
i'm looking for a way to web scrape a simple web page by taking a csv list as my parameter and retrieving the html table on the next page through SSIS
The webpage is http://p2web.energy.dla.mil/pls/p2wp/dfsc_pkg.df_contract

so in the contract textbox i would put contract number item in my csv and retrieve the following html element

table
not wanting to use Zappysys. wondering if there are other tools out there that are free.
0
On my page Default.aspx

I have a asp button like this:

<asp:Button ID="Button2" runat="server" Text="Button" />

On this page Default.aspx.cs

The server side click event for the button is this:

protected void Button2_Click(object sender, EventArgs e)
{

}

If I have a html button like this on this page Default.aspx

<input id="Button1" type="button" value="button" />

How do I call the Server-Side click event for it?
0
I have a div and on its blank state, I will like to hide it. However, there are spaces in the div and
div:empty { display: none;}

Open in new window

is not working.

Do you have any suggestions on how to hide the div on its empty/blank state?

Thank you all in advance.
0
Array =

"<select style ='width:100%;' class='formInput' name='property'2527'' id='property'2527''><option value=''>- select -</option>"
1
:
"<option value='test1' >test1</option>"
2
:
"<option value='test2' >test2</option>"
3
:
"<option value='test3' >test3</option>"
4
:
"</select>"

Open in new window


so i then append to my html

$("#custom-properties").append(properties.custom);

Open in new window



but the output structure is incorrect ?

html structure
any hints
0
Cloud Class® Course: Microsoft Azure 2017
LVL 12
Cloud Class® Course: Microsoft Azure 2017

Azure has a changed a lot since it was originally introduce by adding new services and features. Do you know everything you need to about Azure? This course will teach you about the Azure App Service, monitoring and application insights, DevOps, and Team Services.

Quite a puzzling issue,  so i am trying to get the inputs of checkboxes, which works fine but when i want to get a 2nd check from a different div it cannot be found but can later down the line.

code -

var propCheck = $('input', '#default-checked-list , #checked-list-container ').each(function(){}); // cannot find checked-list-container here
     var chkStateCollection = [];
       
       

    
      
    propCheck.on('change', actProp);

    function actProp() {
      
     var isChecked = $(this).is(":checked");
     var propChk = "#" + $(this).attr('name');
     var chkCon = "#" + $(this).attr('class'); 
     var chkState = $(this).attr('id'); 
     var getConID = "#" + $(this).val();
     
     
 
     if(isChecked) {  
        chkStateCollection.push(chkState); 
        var index = chkStateCollection.indexOf(chkState);
        console.log(chkStateCollection);
        console.log(index);
        var disProp = $('input', '#default-checked-list , #checked-list-container ').each(function(){}); // but can find checked-list-container here
         console.log(propCheck);
        console.log(disProp);
         
        
         
       $(propChk).fadeIn(1000);
       $(chkCon).fadeIn(1000);
       $(getConID).fadeOut(1000);
         
         console.log(getConID);
        
         

        $('#subaction').val("setChkState");
        
        
        
     //  var data = $('#subaction').serialize();

           $.ajax({
                type: "POST",
          

Open in new window

0
Im trying to go into a container and take the inputs and change their ids of all of them. but not sure how this is my first try.

if(properties.clientzone == "") {

         
            $("#default-location-props").append(properties.location);
            $("#default-personal-properties").append(properties.personal);

            $("#left-contact-list").append(leftFormProps);
            var testdata = $('input', '#left-contact-list').each(function(){});
            var testinput = testdata.attr("id");
            console.log(testinput);

            for(var b = 0; b < leftFormProps.length; b++){
                testdata.attr("id", "test");
            }
            console.log(testinput);

            $("#checked-list").append(properties.checklist);
            $("#custom-properties").append(properties.custom);
        } else {
    
            $("#default-location-props").append(properties.location);
            $("#default-personal-properties").append(properties.personalUS);
      
            $("#checked-list").append(properties.checklist);
            $("#custom-properties").append(properties.custom);
        }

Open in new window


leftFormProps is an array with the contents of the left form which is just labels and inputs and im trying to go into this container once populated and change the ids.
0
I would like to create a "sticky" header nav bar that will always be on the top of the page, when you scroll.

But I want the nav bar to animate by shrinking a little bit. Here is a perfect example of exacty what I am tring to do:

https://cmitsolutions.com/scottsdale-south/

I would like to have it work just like that, where the phone number and such reamains until you scroll, and then disappears and the menu logo actually shrinks a little.

Can anyone help me out with a tutorial or short example? I love this effect, and really want to learn it for my next project.

Thank you!
0
Best help desk with fully searchable
To find solutions  for issues
From previous  jobs that has been done


And as great  faq
And can grow with us

Please give reasons  for why


Ples
0
I have this code. The result is given in the attached image:
<div class="row">
	<div class="col-sm-4 col-xs-4 text-right" style="padding-top:10px; font-size:20px"><b>Change Flow Rate (Optional):</b></div>
	<div class="col-sm-6 col-xs-6" style="padding-top:10px; font-size:20px"><select name="cfr">
			<option value="JPX-0004/FLG" >JPX-0004/FLG -$3,750</option>
			<option value="JPX-0010/FLG" >JPX-0010/FLG -$3,240</option>
			<option value="JPX-0016/FLG" >JPX-0016/FLG -$3,115</option>
			<option value="JPX-0028/FLG" >JPX-0028/FLG -$3,520</option>
			<option value="JPX-0038/FLG" >JPX-0038/FLG -$3,595</option>
			<option value="JPX-0060/FLG" >JPX-0060/FLG -$3,770</option>
			<option value="JPX-0085/FLG" >JPX-0085/FLG -$3,855</option>
			<option value="JPX-0130/FLG" >JPX-0130/FLG -$4,690</option>
			<option value="JPX-0200/FLG" >JPX-0200/FLG -$6,410</option>
			<option value="JPX-0285/FLG" >JPX-0285/FLG -$9,005</option>
			<option value="JPX-0450/FLG" >JPX-0450/FLG -$11,150</option>
			<option value="JPX-0650/FLG" selected='selected'>JPX-0650/FLG -$12,230</option>
			<option value="JPX-1160/FLG" >JPX-1160/FLG -$14,975</option>
			<option value="JPX-1850/FLG" >JPX-1850/FLG -$21,220</option>
			<option value="JPX-2650/FLG" >JPX-2650/FLG -$33,765</option>
			<option value="JPX-4200/FLG" >JPX-4200/FLG -$53,710</option>
			<option value="JPX-6700/FLG" >JPX-6700/FLG -$85,345</option>
		</select>
	</div>
</div>

Open in new window


I have tried just the word selected after the option value & what you see above. Neither works (nothing is selected) in Firefox?

This is NOT the first time I have had this problem.

Why does the item specified as selected NOT appear selected?
0
Hello,
I have a php script which get images rows from database, and I want to display 3 images in a table row, and under each image 2 buttons.
Any idea on how can I do that?
Final output should be something like this
<table width=100% border=1>
<tr>
	<td> 
		<table width=100% border=1>
			<tr>image.jpg</tr>
			<tr>
				<td>Delete</td>
				<td>Edit</td>
			</tr>
		</table>
	</td> 
	<td> 
		<table width=100% border=1>
			<tr>image.jpg</tr>
			<tr>
				<td>Delete</td>
				<td>Edit</td>
			</tr>
		</table>
	</td> 
	<td> 
		<table width=100% border=1>
			<tr>image.jpg</tr>
			<tr>
				<td>Delete</td>
				<td>Edit</td>
			</tr>
		</table>
	</td> 
</tr>
<tr>
	<td> 
		<table width=100% border=1>
			<tr>image.jpg</tr>
			<tr>
				<td>Delete</td>
				<td>Edit</td>
			</tr>
		</table>
	</td> 
	<td> 
		<table width=100% border=1>
			<tr>image.jpg</tr>
			<tr>
				<td>Delete</td>
				<td>Edit</td>
			</tr>
		</table>
	</td> 
	<td> 
		<table width=100% border=1>
			<tr>image.jpg</tr>
			<tr>
				<td>Delete</td>
				<td>Edit</td>
			</tr>
		</table>
	</td> 
</tr>
</table

Open in new window

0
PHP Problem. I have a piece of script that wont work. The PHP is to add a class and it won't go past the 3rd iteration.
here:
         <?php elseif ($valuesNum == 3) : ?>solution-skills
              <?php else : ?>expand
If I add a fourth box, it gives it the class solution-skills and not expand.  I do not have a url for you to look at.  Is this something simple I am missing?

<div class="flipper effect__hover box box-solution box-solution-simple ripplelink" ontouchstart="this.classList.toggle('hover');">
      <div class="flipper__front box-<?php if ($valuesNum == 1) : ?>solution-messages
          <?php elseif ($valuesNum == 2) : ?>solution-content
          <?php elseif ($valuesNum == 3) : ?>solution-skills
          <?php else: ?>expand
          <?php endif; ?>">
        <span class="flipper__text">
                <span class="textline"><a href="<?php the_sub_field('value_link_url'); ?>"><?php the_sub_field('value_headline'); ?></a>&nbsp;</span>
                <span class="icon icon-arrow-right-knockout"></span>
            </h2>
        </span>
      </div>
      <div class="flipper__back box-<?php if ($valuesNum == 1) : ?>solution-messages
          <?php elseif ($valuesNum == 2) : ?>solution-content
              <?php elseif ($valuesNum == 3) : ?>solution-skills
              <?php else : ?>expand
                  <?php endif; ?>">
        <span class="flipper__text">
            <p><?php the_sub_field('value_content'); ?></p>
        </span>
      

Open in new window

0
is there any smarter way i can do this ?  -

$('#default-personal-properties').find('input, label').each(function(){
                   if($(this).val() == ""){
                       console.log("field is blank");
                       $(this).fadeOut();
                   } else {
                       console.log("field is not blank");
                   }
              });

Open in new window


what i am doing here is searching a container with inputs and checking if they have a value, if they dont i want them and their label to fadeout but the issue i am having is the label is hidden on those who do have values, ino why but i cant think of a way round it so when i hide blank fields the label dont fade on non blank fields .

html input setup -


<div id = 'firstname' class=' col-md-4'>
								<label class=' control-label' for='textinput'>First Name</label>                 
								<input id='contact-personal-fname' name = 'FIRST_NAME'  type='text' placeholder='First name'  class='form-control input-md no-border' value='".$v_item['FIRST_NAME']."' > 
								</div>

Open in new window


any tips ?
0
JQ onclick not triggering or any event on any inputs within this container.


So i have a container with inputs now im trying to test a click event on these inputs but it isnt working and no errors and i used click hundreds of times and never had this issue,


so really simple -

$(document).ready(function() {
    $("#contact-personal-fname").click(function () {
      alert("Hello!");

    });
  });

Open in new window


which refers to this one -

<div id = 'firstname' class=' col-md-4'>
                      <label class=' control-label' for='textinput'>First Name</label>                 
                      <input id='contact-personal-fname' name = 'FIRST_NAME'  type='text' placeholder='First name'  class='form-control input-md no-border' value='".$v_item['FIRST_NAME']."' > 
                    </div>

Open in new window


now this isnt hard coded in, it actually been passed from ajax and appended like so .

   var arrayJson = JSON.stringify(response);
        var properties = JSON.parse(arrayJson);
 $("#default-personal-properties").append(properties.personal);

Open in new window


how it looks in its array . -

personal
:
Array(16)
0
:
"↵								<div id = 'firstname' class=' col-md-4'>↵								<label class=' control-label' for='textinput'>First Name</label>                 ↵								<input id='contact-personal-fname' name = 'FIRST_NAME'  type='text' placeholder='First name'  class='form-control input-md no-border' value='Tim' > ↵								</div>↵						"
1
:
"↵↵						"

Open in new window

0
Cloud Class® Course: C++ 11 Fundamentals
LVL 12
Cloud Class® Course: C++ 11 Fundamentals

This course will introduce you to C++ 11 and teach you about syntax fundamentals.

I want to delete particular row when I click on delete icon ?
Append row working fine when I click on '+' sign


JavaScript Code :
<script type="text/javascript">
  var count=2;
  function addnewrow()
  {
    
    var div = '<div class="row col-md-12" id="row'+count+'">'+
    '<div class="col-md-2">'+
        '<div class="form-group">'+
          '<label for="p_type"><font color="red">*</font>Product Type</label>'+

          '<select id="p_type" name="p_type" onChange="getCatg(this.value,'+count+');" class="form-control" tabindex="1" required>'+
            '<option>Select Product Type</option>'+
            '<option value="Goods">Goods</option>'+
            '<option value="Service">Service</option>'+
          '</select>'+
        '</div>'+
    '</div>'+

    '<div class="col-md-3">'+
      '<div class="form-group">'+
        '<label for="c_name"><font color="red">*</font>Sub-Category</label>'+
        '<select name="c_id" id="c_id_'+count+'" onChange="getProd(this.value,'+count+');" class="form-control" required>'+
          '<option>Select Sub-Category</option>'+
        '</select>'+
      '</div>'+
    '</div>'+
'</div>'+

'<div class="col-md-12">'+
  '<div class="table-responsive">'+
'<table  class="table table-bordered table-hover">'+
          '<thead>'+
            '<tr>'+
              '<th width="20%">Item Details</th>'+
              '<th width="20%">Vendor Name</th>'+
              '<th width="20%">Quantity</th>'+
 

Open in new window

0
I am using some visual basic to email a report in a MS Access application.
Recent issues with the DoCmd.SendObject method is creating a runtime error that I cannot solve at the moment, so I'm using the vbMAPI add-in method to send them as recommended.

As I know absolutely nothing about HTML, I do not know how to incorporate the form field values into the HTML string that creates the email body.

With the DoCmd.SendObject method, my code was similar to:
DoCmd.SendObject acSendReport, sExistingReportName, acFormatPDF, [strEmailAddress], , , [strCompany] & " Purchase Order " & [strPONO] & " is now closed and a copy is attached.", False

Open in new window


I can add a new line to HTML like
"<p>Hi there. <br>Here is a new line</p>"

Open in new window

but don't know how to reference existing fields.

Any assistance appreciated.
0
I have this code:
function chk_vals() {
		if (ac == "c") {
			if (tp == "u") {
				document.st.action = "choose_cust.php";
			} else {
				document.st.action = "index.php";
			}
			return true;
		}
		if (document.st.firm.value == "" || document.st.faddr.value == "" || document.st.fcity.value == "" || document.st.fzip.value == "" || document.st.fst.value == "" || document.st.fphone.value == "" || document.st.pwd.value == "" || document.st.email.value == "" || document.st.pname.value == "") {
			alert("All form values required.");
			return false;
		}
		if (!document.st.agtc.checked) {
			alert("You must agreed to the terms & conditions before proceeding.");
			return false;
		}	
		if (tp == "u") {
			if (document.st.pwdr.value == "") {
				return true;
			}
		}		
		if (document.st.pwd.value != document.st.pwdr.value) {
			alert("Passwords do not match.");
			return false;
		}
		if(user == 2) {
			document.st.action = "testersn.php?tp=u";
		}	

		return true;
	}

Open in new window


and this:

<form method="POST" name="st" action="testers.php?tp=u" onSubmit="return chk_vals();">

The javascript variable ac (further up) is defined.

This is the form submit.
	<div class="row">
		<div class="col-xs-8 text-center col-xs-offset-2" style="padding-top:10px;"><input type="submit" value="Update Tester Data"><span style="padding-left:150px;"><input type="submit" value="Cancel" onMousedown="ac='c';"></span></div>
	</div>

Open in new window


The page displayed after submit is testers.php. I am trying to force it to testersn.php if the user is 2 (me).

Why does that part not work?

I can show the entire HTML page if need be, I'm trying to simplity things.

Thanks
0
Using ASP .NET Core 2 MVC, I have the following code in my .cshtml, but this datetime-local type is not cross browser compatible. I googled a few examples but can't seem to get them to work. Could someone direct me to or show me a good replacement example?

                <div class="form-group">
                    <label asp-for="StartTime" class="control-label"></label>
                    <input type="datetime-local" value="@DateTime.Now.ToString("yyyy-MM-dd HH:mm").Replace(' ', 'T')" asp-for="StartTime" class="form-control">
                    <span asp-validation-for="StartTime" class="text-danger"></span>
                </div>

Open in new window

0
Hi everybody.
I really don't understand how to change the overlay background color in this template: https://colorlib.com/preview/#amado.
I mean: if you hover the mouse on products, a dark semi-transparent overlay appears. The template uses a scss file. In the index a fiola called style.css is linked, but that file is empty and with developer tools I see all styles are set in  style.scss, but I'm not able to find the value that I have to change. I confess I'm totally new to sass, scss.
I post here the scss file:
@import 'theme_color';
@import 'variables';
@import 'mixin';
@import 'responsive';

/* [Master Stylesheet v-1.0.0] */

/* :: :: 1.0 Import Fonts */

@font-face {
    font-family: 'helveticaneuebold';
    src: url('../fonts/helvetica_neu_bold-webfont.woff2') format('woff2'),
    url('../fonts/helvetica_neu_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'helveticaneuemedium';
    src: url('../fonts/helveticaneue_medium-webfont.woff2') format('woff2'),
    url('../fonts/helveticaneue_medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* :: 2.0 Import All CSS */

@import '../css/bootstrap.min.css';
@import '../css/owl.carousel.css';
@import '../css/animate.css';
@import '../css/magnific-popup.css';
@import '../css/jquery-ui.min.css';
@import '../css/nice-select.css';
@import '../css/font-awesome.min.css';

Open in new window

0
Hello,

I want to send a form with two actions. Those actions are to send two different values to another (the same) page. As individual actions these send but it's when I try to combine thw two actions into one form that I have problems.  

Something like this -

<form action="<?php echo 'addfav.php?id='. $teacher['id'] ;?>" 
<form action="<?php echo 'addfav.php?ids='. $_SESSION['session_ids'];?>"  method="post">

Open in new window


However,  from a bit of googling, I understand that a form can only send one action. From a bit of a reading online I made a number of failed attempts along these lines using input type 'hidden':

<form id="form" name="form" method="post" action="addfav.php">
<input type="button" class="btn btn-info btn-sm" />

<input type="hidden" name="teacherid" id="teacherid" value="<?php echo $teacher['id'] ;?>">
<input type="hidden" name="studentid" id="studentid" value="<?php echo $_SESSION['session_ids'];?> ">

</form>	

Open in new window



And then tried to pick up the posted values in addfav.php with the following

<?php if ((isset($_POST['teacherid']) && $_POST['teacherid'] != "") && (isset($_POST['studentid']) && $_POST['studentid'] != "")){

$studentid = $_POST['studentid']; 
$teacherid = $_POST['teacherid']; 

}	
?>

Open in new window



This doesn't work - Nothing happens when I press the button.

Is it correct that a form can't sent two actions, and if so, is using  input type 'hidden' the correct method moving forward? I'm trying to stick to using php and avoiding javascript if possible.  Any help, advice greatly appreciated as always.

Many thanks for reading.

Adam
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.