We help IT Professionals succeed at work.

HTML

60K

Solutions

31K

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.

Hi Experts!

How do you update the Input element to accept multiple files?

This is in the view:
@Html.TextBoxFor(Model => Model.Something, new { @type = "file",@id= "js-spec-file_", @class = "js-spec-file form-control", @accept = ".pdf, .doc, .docx, .jpg, .jpeg, .png"})

Open in new window

This is what's returned from the browser:
<input accept=".pdf, .doc, .docx, .jpg, .jpeg, .png" class="js-spec-file form-control" id="js-spec-file_0" name="Something" type="file" value="">

Open in new window

To update the input to accept multiple files we'll need to add "multiple" to the Input as in the example:
https://www.w3schools.com/tags/att_input_multiple.asp
<form action="/action_page.php">
  <label for="files">Select files:</label>
  <input type="file" id="files" name="files" multiple><br><br>
  <input type="submit">
</form>

Open in new window

Have tried adding the word "multiple" and it would fail:
@Html.TextBoxFor(Model => Model.Specialty.Something, new { @type = "file",@id= "js-spec-file_", @class = "js-spec-file form-control", @accept = ".pdf, .doc, .docx, .jpg, .jpeg, .png", "multiple" })

Open in new window

error
TIA
0
I'm trying to use CSS to edit the text in HTML.

I'm using a third-party add-in to Shopify and rather than correcting the grammar for me, they've told me to update the CSS code.

Here's a portion of the HTML code (let me know if you need more info than this):

      <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" id="page-heading">
                                          <span>Feedback</span>&nbsp&nbsp&nbsp                        
                              <div>Here are your feedbacks.</div>
        </div>

Thank you in advance!! Appreciate the help.
0
Hi,

I need to convert this html file attached to classic asp. Please advise how I go about doing so. Thankyou.
sample.txt
0
deleting a space in html  for email in vba outlook

mybody4 = "<p style='font-size:18pt; font-family:calibri;'>Skus unable to escalate.<p>"
mybody4 = mybody4 & "<p style='font-size:18pt; font-family:calibri;'>Please Review.</p>"

this keeps creating a line between the 2 statements:  .i.e.
Skus unable to escalate

Please Review

Need:
Skus unable to escalate
Please Review

Thanks
fordraiders
0
I have a web site where the labels on each of the data entry fields on the data entry screens have an HTML link to a help pop-up with information about that particular data entry field. The pop-ups need to be non-modal and the pop-up mechanism needs to allow multiple pop-ups to be open at the same time and not necessarily within the parent viewport. The site is a Classic ASP application which runs under Windows on as variety of web browsers.

The site works fine with IE and Firefox. However, with Microsoft Edge, the pop-up window is about 400 pixels wide (instead of the specified 240 px) and cannot be made smaller by grabbing the right edge of the window and trying to resize it. With Google Chrome, the pop-up window is about the right size, but has scroll bars.

Yeah, I know that each browser's rendering engine is different, but why are the pop-ups for Edge and Chrome not behaving per the HTML spec, which says the minimum window with allowable is 100 px and a window calling parameter string specifying 'no scrollbars'.

What am I missing here? Do I need to build my pop-ups using jQuery UI?

Here is a VB Script code snippet for the typical situation:

<td height="17" valign="middle" class="formlabel">
      <a href="javascript:;" onClick="openBrWindow('../../popups/results_pop/summaryselect_co.htm' ,'', 'top=100,left=550,width=240,height=300,scrollbars=no)">
      Number of Selected Companies</a>:&nbsp;</td>

and here is the JavaScript code to open the window:

      function …
0
jquery Click to Show Content element - Needs to work independent of each other when there are 2 on the same page - Currently they hide items  on the other section when clicked

I have two scripts in the header - one for each section of the home page https://guardianman.wpengine.com/ 

This is my existing code

<script>
jQuery(document).ready(function($) {
   // Code that uses jQuery's $ can follow here.
	$('[data-switch]').on('click', function (e) {
		var $page = $('.awesome'),
			blockToShow = e.currentTarget.getAttribute('data-switch');

		// Hide all children.
		$page.children().hide();

		// And show the requested component.
		$page.children(blockToShow).show();
	});	
});
</script>	

Open in new window


<script>
jQuery(document).ready(function($) {
   // Code that uses jQuery's $ can follow here.
	$('[data-switch]').on('click', function (e) {
		var $page = $('.awesome2'),
			blockToShow = e.currentTarget.getAttribute('data-switch');

		// Hide all children.
		$page.children().hide();

		// And show the requested component.
		$page.children(blockToShow).show();
	});	
});
</script>	

Open in new window


So currently if I click on one item the content gets hidden in both sections - I only want the content in each section to be hidden and shown on click but not have the the other section affected.


HTML for each of the two sections -

--Section 1 --

<div id="awesome" class="who-icon-wrapper"  >
	
	
	
		<button class="icon-one" data-switch="#ico-one">
			

Open in new window

0
I've been unable to find where the white space is coming from under the header on this page: https://shop.netherbymeats.co.nz/about-us/

Other pages in the site don't have the gap, and the dev tools in Chrome and Firefox don't appear to shed any light on why it's there, as far as I can tell.

This site is built with the Elementor plugin in WordPress.
white-space-under-header.jpg
0
CSS Text area.   Is it possible to add css to the actual text area rows?  Meaning, if I have a text area in a form that has three rows, can I underline each row so all three have an underline?
0
Hello,
I have a wordpress site going and was wondering if there is a way via wordpress or something else to make item's on an image clickable.  See attached, each round circle I have a doc for. I'd like to link the circle to the doc's but not sure how to go about this. Thank you!A.M-HW-SOLUTIONS-Healthy-Lifestyle-M.png
0
Hi,
I've been doing work in Javascript this week, and I don't want to end up using inferior packages.

I'm using CSS and HTML to put up a chess board now. Are the javascript primitives for drawing not quite as solid as Phaser?
I've also been watching the Udemy javascript lectures. I'd like to use its apparent effectiveness (made by gamers for gamers?)

I like the preload, create, update .. interface for the various components of the project.
It does sound, in addition.

Any insights or experience concerning this assessment? Do all devices support Phaser?

Thanks
0
Hello experts,

I have attached the following svg image.

20200322_145606-screenshot.png
I was wondering which approach can I adopt to change the color of image from black to grey.

I tried ifranview tool but the output quality is not as expected.

I would like to know if I can directly modify the code or using another tool.

Thank you in advance for your help.

Regards,
Luis.
battery1_test.svg
0
Hi Experts,

I have a primary domain with WordPress, that is mainly content. Now I am building a custom PHP application in a subdomain, and I need to show a form from the subdomain in the primary one, with all includes, etc.

Is it possible to have a iFrame in WP (or anywhere for that matter), so it does not have scroll bars, but actually have a natural flow, sort of  overflow visible?

Any help will be appreciated.
0
div tag is not working , please refer to the attached jsp
div code is
<div id="confirmBox">
	<div class ="title"></div>
	<span class="yes">Yes</span>
	<span class="no">No</span>
</div>

Open in new window


and im getting error in below functioni.e var confirmBox =$("#confirmBox");  i. undefined property

function confirm(msg, yesCallBack, noCallBack)
	{
		var confirmBox =$("#confirmBox");
		confirmBox.find(".message").text(msg);
		confirmBox.find(".yes,.no").unbind().click(function()
		{
			confirmBox.hide();
		});
		confirmBox.find(".yes").click(yesCallBack);
		confirmBox.find(".no").click(noCallBack);
		confirmBox.show();
	}

Open in new window


please refer to the attached sample.jsp
sample.jsp
0
If a variable contains a string that is the same as the name of an object. Can you use that variable in place of the object name?

https://cit111byui.github.io/object.html

Line 58 inside of the showInfo function:

carInfo.textContent = carSelected.getInfo();

Does not work as it is referencing the variable carSelect, but if I replace it with car0 or any of the objects it works fine. But the idea is to show the info of the car that is clicked on.

How can I get this to work?
0
I have an html page and I want to use php includes in sections of it. Do I need to change the file extension from .html to .php for this to work?
0
form.php

Any example of modifying the PHP form such that when click different option of radio button, some of the HTML element will be changed, eg. Student ID will be changed to Customer ID, some HTML element will be hidden.

Thx
0
Hi Folks,

When printing an EE article, code snippets are jumbled up...they look like this:

print-bad
Gustav Brock submitted a bug report on this more than two years ago:
Code blocks of article print view are unreadable

The EE Mod at the time, Modalot, said this:
Ouch. That renders the printout almost useless. I've filed this internally as a major bug.
Not being aware of Gustav's bug report, I submitted one about two months ago:
Print feature at articles does not format code snippets properly

In response to my bug report, the same Mod (Modalot) informed me that it is an old bug and is "still unresolved". Being more than 2-1/4 years old and filed as a "major bug" by a Mod who has been an EE member for more than 10 years, it seems to me that EE is either incapable of, or not interested in, fixing the bug. As a result, I'm looking to the experts here for a workaround. I want to use the workaround to "print-to-PDF" my 63 EE articles and the Steps at my 47 EE video Micro Tutorials. Although that's 110 publications, only some of them have code snippets, so while I would prefer as automated a solution as possible, having to do some manual effort on each one is fine. I'm also fine with a solution that requires other products, such as Microsoft Word, or other commercial software. Thanks for your ideas! Regards, Joe
0
I have a need to have HTML select options display on more than one line so the width is not super wide on smaller devices.

I have a great solution, a sample of it's usage is illustrated in the attached html.

I need a slight variation on this, in that the "real" program has several selects, I only want the one that limits the width to apply to ONE of the <select> elements in a specific html page.

I'm guessing I could somehow define the whole mechanism that wraps as a class & apply that class ONLY to the <select> element I need to use it on.

I'm not sure how to do that. Can someone advise?

Thank you
test_mline_select.htm
0
Hi Experts,

When you go to http://selfregistration.iwscc.ca/admin/login/ under Chrome inspector you will see an iFrame named blockbyte-bs-sidebar

Does anyone has any idea when this is coming from and is anyone experiencing this?
0
I have my page here:
https://torahmates.org/mileage/prizesDetailsTemp.php?cat=Electronics

It has a lot of LI in my UL

 I put a jquery sort function. If you click that orange button to SORT ASC.

You can see if you inspect element, that the LI all get sorted in point order.
But it is not updating in the DOM screen.

Any idea why?
0
What is an excellent testing  tool to view raw HTML code if it is working? I wanted to paste the code and view the result?
0
Simple question, but I'm having a hard time finding the correct code to adjust.

https://www.wovenpatches.com/webster/patch-borders.html

In the section with the thumbnail images, when you roll over them, a little icon appears that you need to click on to make the image bigger. But it's in a weird spot. I'd like it to be in the center of the thumbnail, or better yet, not exist at all so that you can click anywhere on the thumbnail image.

Thanks!
0
Trying to find a way to allow a <select> element to have <option> items span multiple lines.

Found this & it looks great: http://jsfiddle.net/ZTs42/2/

Can't get it to work on my situation.

In head section, I have these:

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery.selectboxit/3.3.0/jquery.selectBoxIt.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.selectboxit/3.3.0/jquery.selectBoxIt.min.js"></script>

and this css:

.selectboxit-container .selectboxit, .selectboxit-container .selectboxit-options {
                  width: 400px; /* Width of the dropdown button */
                  border-radius:0;
                  max-height:100px;
            }

            .selectboxit-options .selectboxit-option .selectboxit-option-anchor {
                  white-space: normal;
                  min-height: 30px;
                  height: auto;
            }

This in HTML: (first few options only shown)

<select name="sprop">
                        <option value="">--- Select a Property ---</option>
                                                      <option value="10644" >2300 East Valley Parkway, Space 152, Escondido, 92027-SN: 76018345, test date 02/22/2020</option>
                                                      <option value="10645" >2300 East Valley Parkway, Space 152, Escondido, 92027-SN: AB7593, test date 02/22/2020</option>
                                                      <option value="10647" >2300 East Valley Parkway, Space 152, Escondido, 92027-SN: 98765432, test date 02/22/2020</option>
                                                      <option value="10648" >2300 East Valley Parkway, Space 152, Escondido, 92027-SN: 123ABC465, test date 02/22/2020</option>
                                                      <option value="10646" …
0
I have a select element where options are built from parts of a database table rows. The content is typically up to 100 characters in length.

We are trying to build a responsive interface using bootstrap. On the phone version (class="col-xs-n"), the select pulldown extends FAR to the right of the viewable area; to see items requires moving to the right on the phone, a messy and non-professional look.

The customer requires that most of the content (at least 80%) needs to be in each <option>xxx</option> element.

I have tried inserting a line break (<br>) in the middle of the string, doing that only shows the portion AFTER the <br> in the option pulldown.

There must be a way to do this or another technique for showing a pulldown list with VERY lengthy option content.

Suggestions?
0
Not able locate SRM 8.2 Plugin in VCSA 6.5[HTM5] while it is showing there in depreciated client of Flex

What else need to be verified to get the same in HTML5
0

HTML

60K

Solutions

31K

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.