[Product update] Infrastructure Analysis Tool is now available with Business Accounts.Learn More

x

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 create sticky on the page?
Using CSS, HTML and JQuery.
My site is responsive.

Sticky should always be at the bottom left.

Please advise.

Regards
1
Determine the Perfect Price for Your IT Services
Determine the Perfect Price for Your IT Services

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

I have a small image on the right with scroll, when users click the small image, it will display a bigger image and when users click the big image, it will enlarge the image. When users click the large image. On the bigger image, there is a button link. When users scroll select the first image, the button link will direct the user to a new link page with this selected image.
Can someone give an example?
0
In C# I have a WPF textbox in my form, a added a contextmenu:
  <TextBox.ContextMenu>
            <ContextMenu>
                <MenuItem Header="Cut" Click="menu_cut"  />
                <MenuItem Header="Copy" Click="menu_copy"  />
                <MenuItem Header="Paste" Click="menu_paste"  />
            </ContextMenu>
 </TextBox.ContextMenu>
I have html table in browser that look as a picture "file1" in attachment
when I  copy to *.doc I got as a picture "file2"

If I use code:
 private void menu_paste(object sender, RoutedEventArgs e)
        {
            if (Clipboard.GetDataObject().GetDataPresent(DataFormats.Text) == true)
            {
                 memo_text.Text = memo_text.Text + Clipboard.GetText(TextDataFormat.Text);
               
            }
        }

I got a picture "file3"

If I use code:
 private void menu_paste(object sender, RoutedEventArgs e)
        {
            if (Clipboard.GetDataObject().GetDataPresent(DataFormats.Text) == true)
            {
                 memo_text.Text = memo_text.Text + Clipboard.GetText(TextDataFormat.Html);
               
            }
        }

I got a picture "file5"

when I use *.doc intermediately and  copy to textbox, result as picture "file4"
How can I get format as "file4" directly?
file1.JPG
file2.JPG
file3.JPG
file4.JPG
file5.JPG
0
We are looking for a contractor on an as-needed basis to work on our small team of developers to do programming:

ASP.NET framework
HTML5
Javascript
Web Services

I will be interviewing applicants with specific questions. Then we will discuss the specifics of the project.

The contractor doesn't have to be from the U.S. but we need a way to make payment via U.S. funds easily.

thanks!
0
I am new to Bootstrap and I have the following HTML code:

<div class="row">
    <div class="col-lg-1 col-md-1 col-sm-2 col-xs-2">
    </div>

    <div class="col-lg-5 col-md-5 col-sm-10 col-xs-10">
    </div>

    <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
    </div>

    <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
    </div>
</div>

Open in new window


As you can see, for SM and XS devices I have 2 and 10 columns for first 2 divs inside the row div, and 12 columns for divs 3 and 4. This means that the content will occupy 3 rows (inside the main row div). Content displayed in rows 2 and 3 start at column 1 and I want them to start at column 3 for both SM and XS devices.

How can I achieve this effect?

Sample what I need
Best regards,
Jorge Maldonado
0
I recently added a Google Translation widget to a website that I'm working on, and succeeded at applying some customization to it.  More specifically, I achieve the following:

1) I was able to customize the appearance of the dropdown by removing the google icon, and also changing some of the CSS properties (ie: removed border, changed background color, font, font weight and color, etc).  

2) I added some custom JavaScript that allows me to change the default text that's initially shown in the dropdown from "SELECT LANGUAGE" to "ENGLISH".

I'm running in to some problems, however, and am hoping someone here can help me fix them.  

1) I'm getting some JavaScript errors in the console .. namely "Too much recursion".. which I'd like to resolve/eliminate somehow.

2) If possible, I'd like to replace my custom JavaScript with some vanilla JavaScript (so I can eliminate the need to have to include the JQuery library).

3) Currently, once a different language is selected, .. the default text in the dropdown doesn't change to the selected language as it should (the language on the page changes -- but the word "ENGLISH" remains pre-selected in the dropdown).  Ideally, I'd like it so that when a user chooses "Spanish" from the list of available languages, .. the default text in the dropdown would change to "SPANISH" .. or to the uppercase version of whichever language was selected.

My code is below.  Note that it can be copied and pasted and that it runs just fine …
0
I have a script tag that is being inserted dynamically thru a plugin to which I don't have access too. When the site is converted to HTTPS this script tag is causing the issue of mixed content and displaying an insecure message.

The script tag is in the head tag like below

<head>
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?key=xxxxxxxxx"></script>
</head>

Open in new window



I am trying to change that

<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=xxxxxxxxx"></script>

Open in new window


Any advice is appreciated. The developer no longer supports the plugin so no help from that side. Also this is NOT a WordPress site

Thanks
0
When I click on "Make Payment" button then only ajax run but paypal sandbox not works.
There should be 1st paypal will open and then email send after registration.

Paypal_url = https://www.sandbox.paypal.com/cgi-bin/webscr.
ajax id = registerform.

HTML Code:
.
.
.
<form method="POST" class="dzForm paypal form-inline" action="https://www.sandbox.paypal.com/cgi-bin/webscr" name="registerform" id="registerform">
.
.
.
<input class="btn btn-medium btn-transparent-orange" type="submit" name="insert" value="Make Payment">

Open in new window

.
.
.
AJAX Code:
$("#registerform").submit(function(e) {
			e.preventDefault();
			$("#msg").html("");
			var name = $("#name").val();
			$("#submitbtn").prop('disabled', true);
			$.ajax({
				type: "POST",
				data: $("#registerform").serialize(),
				url: "php/register.php",
				cache: false,
				beforeSend: function (){
						$("#submitbtn").val('Sending..Please wait');
				},
				success: function (response) {
						if(response==1){
							$("#msg").html("Thank you "+name+" ! You have been registered successfully.");
							$("#submitbtn").prop('disabled', false);
							$("#submitbtn").val('Register Now');
							$("#registerform").trigger('reset')
						} else{
							$("#msg").html("<span style='color:red'>"+response+"</span>");
							$("#submitbtn").prop('disabled', false);
							$("#submitbtn").val('Register Now');
							$("#registerform").trigger('reset')
						}
				}
			});
			return false;
		});

Open in new window

0
hi,

How can i interrogate a webpage to find out what events are triggers when i interact with it?

I see that Chrome and Edge both have fancy looking Inspect features. How could i use these to find out what events are triggered when i click on, or hover over, nodes on the following fusion chart?

http://enex.net/autorecon/fusion/GC_network.html

This is an aside to:
https://www.experts-exchange.com/questions/29118086/How-to-listen-for-click-event-on-google-fusion-chart.html

Thanks
0
I am trying to click on a login button using vb6 with a webbrowser control


here is the html of where I think the button is
anyidea how to click it?
<input class="ui-btn-hidden" id="ui_login_signon_button" type="submit" value="Sign On" data-theme="b" data-mini="true" data-inline="true" data-disabled="false">

any ideas?
0
Fundamentals of JavaScript
LVL 12
Fundamentals of JavaScript

Learn the fundamentals of the popular programming language JavaScript so that you can explore the realm of web development.

i would like to present on a webpage some data from gsheets.

my files is at https://docs.google.com/spreadsheets/d/1iHktd327TyLslLNm1R4aLdwzf1MvWWZYCwirEZgmSxQ/edit?usp=sharing

i am after anything with todays date , and columns A,B,Cand F


i have looked at goole and to be honest got very confused
0
I have a simple table that which has the following HTML code:
Sample HTML used to create the table
But the table looks like:
Table as it is displayed
I cannot figure out why the column width in the header is not the same as in the body
0
hi,

I build one stateless session bean example with presentation tier html inddex page and web tier servlet within ejb web project then business tier in the ejb project


<!DOCTYPE html>
<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->
<html>
    <head>
        <title>TODO supply a title</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
    </head>
    <body>
        <form action="ConverterServlet" method="POST">
              <input type="number" name="value"></br>
              <select name="type">
                    <option value="C2F">celcius to fahrenheit</option>
                    <option value="F2C">fahrenheit  to celcius</option>
              </select></br>
              <input type="submit" value="Convert">
        </form>
            
    </body>
</html>

Open in new window


do i not need to add close tags for input html element
<input type="submit" value="Convert">

also do i not need to ad begin tag for </br>

please advise

/*
 * To change this license header, choose License Headers in Project Properties.
 * To change this template file, choose Tools | Templates
 * and open the template in the editor.
 */
package servlet;

import bean.ConverterBeanLocal;
import bean.ConverterBeanLocal.ConvertType;
import java.io.IOException;
import java.io.PrintWriter;

Open in new window

0
Hello experts,

Question on an issue: Outlook 2010 crashing when opening an email with html content. Event viewer is pointing to wwwlib.dll file.

Still no avail after
Disabling add ins - gui and registry (load behavior =0)
Uninstall and reinstall office
Opened outlook in safe mode
Deleted all the wwwlib.dll file and reinstalled office

One observation, same crashes in Outlook 2010 **and Outlook 365 --**corrected.


Any ideas? Thanks!
0
I have an website and I want to use bootstrap 4 to make it responsive, if possible.
I have current layout ( see at the bottom) , (example contrived for this question). there is standard header , footer and two column layout.
I have left side menu , which is 200px and next to it is main content div, which has certain width, let's say 800px for the sake of this example.
In addition,  in the main content area, I have several input fields with specific height and width.

Now, if I implement bootstrap in the current layout. how should I do it.
can i  create a row and col layout and put the current content inside these rows.
the side navigation menu has certain width which I would like to maintain , because of the content inside it.
how should i approach this?

<div class=container>
<div class=row>
    <div class= col-3>
         <div  class="site-navigation">side navigation menu</div>
    </div>
   <div class=col-9>
            <div class=site-content">
                .........main content.............
                <input type="text" height="30px" width="160px"/>  
            </div>
    </div>
   </div>
</div>  

------------------------------------------------------------------------------------------------------------------------------------------
.site-content {  width: 800px; }
.site-navigation  {  width: 200px; }

<div class="container">
    <div>Header </div>
    <div  class="site-navigation">side navigation menu</div>
    <div …
0
Hi Experts.

I am having the problem like this, I have a RTSP Stream which is redirect from a Ubuntu Server with Live555. This is the URL-liked:
rtsp://192.168.1.115:8900/proxyStream

So the question is, how can i put this stream directly on the Web Browser, which mean embed the RTSP stream to HTML, no need to convert it to HTTP.

I have found some solutions like activeX, NPAPI, but it does not support on today browser like Chrome anymore. Is there another solution for this problem?

Hope can hear some solutions soon.

Sincerely.
0
I have following markup, with everything wrapped in bootstrap container class.
In the main-content section. I have created 3 sections , with each set to float:left, so that they stack up on top of each other.
in the middle div, I want to have a table, such that the table is contained inside its border and any overflow is scrollable. so i have set the overflow property to auto. (see below)
the table is a bootstrap 4 striped table, but table appears or overflows outside the content area, it acually appears outside the main-content area. what am i doing wrong.



<div id="container">
      <div id="header"  style="height:120px"></div>
 
      <div id="main-content">
             <div id="content-header" style="float:left; overflow:auto">
             </div>

              <div id="content" style="float:left">
                   <table class="table table-striped">....
                   </table>
              </div>

              <div id="content-footer" style="float:left">
              </div>
        </div>
 
      <div id="footer" style="height:80px"></div>
</div>
0
Javascript Forms and Tables


Dear Experts,

I am looking for Javascript and HTML only exercises involving the creation of tables and forms. Please note that the table <tags> must be from HTML. Cannot be a loop that generates tables in Javascript. The Javascript will mainly serve as an arithmetic and function part that processes the input fields from the <td> and <form> fields to display in a table or another form. Must contain a submit and reset button. Buttons are to be centered if they are inside the last row of a table or on the document/web-page below the above.

Restrictions:
No Frameworks,Libraries,Plugins
No-pop-ups
No Javascript adding table rows or columns
Must be either and a table or form type.
0
I'm learning how to create HTML5 mobile applications. Got a book.

My question: I'm familiar with using ADO/SQL to connect to a SQL Server database hosted on the net. I can do that either from a web application or Excel. When I do that I connect with the IP Address of the SQL Server and login details. Ok.

Am I right in thinking that, to retrieve data from an hosted SQL Server a mobile app has to (instead of the above way) get it from a web service? ie. JSON or XML.
So I will need to set up a web service?
Can I connect directly like I do from Excel?

Thanks
0
Big Business Goals? Which KPIs Will Help You
Big Business Goals? Which KPIs Will Help You

The most successful MSPs rely on metrics – known as key performance indicators (KPIs) – for making informed decisions that help their businesses thrive, rather than just survive. This eBook provides an overview of the most important KPIs used by top MSPs.

Using jsp sessions HOW TO SWITCH / (SWAP) THE LEFT AND RIGHT BUTTON  WHEN THE CLICK BUTTON IS PRESSED.?  refer screenshot. need to swich tthe button on click of the click button.
0
<%@page import="myServletPakage.RanUtilities"%>
<%@page contentType="text/html; charset=ISO-8859-7" language="java" import="java.lang.*"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
</head>
<body>
<%!
int numberToGuess = RanUtilities.randomInt(100);
 %>
 <% boolean win = false;
      int numberOfTries = 0;

 while(win==false && numberOfTries<10){%>
 <form>
EnterNumber:<input type = "text" name = "number">
 </form>
 <%
 String value =request.getParameter("number");

    %>
 <%
 int yourNumber = Integer.parseInt(value ); %>
 <% if(yourNumber == numberToGuess){
            win = true;
            System.out.println("You win this Game");%>
            <P> Your number is <%= yourNumber %>
            <br> You Win This game!!!
            
            <%
      } %>
 <% numberOfTries++; } %>
</body>
</html>
0
I've included a file that has 2 "forms" both forms require the same information but post to different "leads" in a software platform. What I want is to combine the form and based on which button is clicked either Contact me or Sign Our waiver they post accordingly. So the contact me is without a waiver while the Sign our waiver
0
Hi, I have CSS built vertical tabs. I am new to accessibility. I would like to add accessibility to my vertical tab. Can some one help with that.

expectation:
-----------------
When a end user, tabs through the vertical tab, they should be able to use Enter/Space bar keys on the  tab title  to see the corresponding tab content.

Attached is a HTML to show the vertical tab.

Any help appreciated.
0
say, when there is a label/span/anchor next to an image/icon , what is the best way them to align them vertically, so that both are centered vertically.
for example , I have anchor tag and a input type of button next to each other in a div, like below, how can i align them vertically centered?

<div>
    <a href="" ...>
     <input type =button....>
</div>
0
At vultr.com I ne to lock UDP port 389... I guess they receive lots of static from hackers stealing information from there clients! I have the procedure to do this from Windows firewall but I want to use a 3rd party app. I need a xml script to change rules! I tried looking but everyone hates the block of MS's protocol but vultr loses money due to clients losing important information in the cache of the protocol. They want the port off...

I never wrote xml I have a layout for basic coding
<element>
 <![CDATA[-XML CODE HERE
 <script>a=1;</script>]]>
</element>

I have a convert from html to xml as well.
<element>
<xmltag><![CDATA[HTML CODE HERE]]></xmltag>
</element>

Email sent by vultr.com

Dear Customer,

Recent network security audits have detected some issues on your instances. Please review the following reports and help us to ensure the security of our network:




== Insecure LDAP servers ==
LDAP can be abused by attackers to conduct DDOS attacks against third party machines. We suggest that you not expose LDAP to the internet, and use a firewall to ensure that it cannot be accessed by third parties.

For Linux machines, please add firewall rules to block port 389 via UDP:

iptables -I INPUT 1 -m udp -p udp --dport 389 -j DROP

On Windows machines, we'd suggest adding a similar firewall rule to block port 389:
1) Click Start, type 'wf.msc'
2) Right click 'Inbound Rules', select 'Add Rule'
3) Select 'Port' and click Next
4) Select UDP, …
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.