[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

I'm trying to use a lightbox effect I have already used successfully on the same site in a different place. The results are shown in the two attached images, named accordingly. The one that does not work gives no "Close" X box at the bottom, you can only "get out" by using the browser back arrow.

The code in the one that works is like this:

<head> section
<meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
  <script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript" src="js/jquery.lightbox-0.5.js"></script>
    <link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.5.css" media="screen" />	
<script type="text/javascript">
    $(function() {
        $('a[@rel*=lightbox]').lightBox({overlayOpacity: 0.6}); // Select all links that contains lightbox in the attribute rel
    });
</script>

Open in new window


and the html:
<div class="row">
	<div class="col-sm-12 col-xs-12 text-center" style="font-size:16px; padding-bottom:20px; padding-left:50px; "><a href="images/basin_lb_large.jpg" rel="lightbox" title="Sizing a Basin Cooling System">How we size a Basin Cleaning System?</a></div>
</div>

Open in new window


The one that DOES NOT work:
<meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
    <script type="text/javascript" src="js/jquery.lightbox-0.5.js"></script>
    <link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.5.css" media="screen" />	
<script type="text/javascript">
    $(function() {
        $('a[@rel*=lightbox]').lightBox({overlayOpacity: 0.6}); // Select all links that contains lightbox in the attribute rel
    });
</script>	

Open in new window


and the html
		<div class="row" style="padding-top:5px;">
			<div class="col-sm-7 col-xs-7" style="font-size:18px;padding-bottom:10px;"><b>Markup<a href="images/mkup2_lightbox.jpg" rel="lightbox" title="Sizing a Basin Cooling System"></b><div style="font-size:12px;">Markup Instructions</div></a></div>
			<div class="col-sm-5 col-xs-5 text-right" style="font-size:16px;padding-bottom:10px;"><input type="text" name="mkup" value="<? print $_SESSION['mkup']; ?>"></div>
		</div>

Open in new window


I can provide anything else needed.

Thanks
lightbox_bad.JPG
lightbox_works.JPG
0
OWASP: Forgery and Phishing
LVL 12
OWASP: Forgery and Phishing

Learn the techniques to avoid forgery and phishing attacks and the types of attacks an application or network may face.

Can you please give me a solution or other way to deal with to make a google doc link work on the alert message or through sidebar in HTML link, I get Malformed HTML conten Error and if I replace my a regular link which such as www.google.com it works fine.

Here the error message looks like entering image description here

That full details :

ç: hi byehttps://docs.google.com/open?id=185g8pZGceMlIqmhEsYV8tkfxKsiRd_P3t3mhjzLiX0Y target=_blank > test
http://www.google.com>.
My code is the following :
COPYfunction test0001()
{

  var doc = DocumentApp.getActiveDocument(); 
  var docurl = doc.getUrl(); 

  //var x = Gconvertlinko() ;
  var ui = HtmlService.createHtmlOutput('hi '+ 'bye' + "<a href="+ docurl+"  target=_blank > test </a>"+ "<br/> <input type="+' text'+" name="+ 'lname'+ "  value="+ "http://www.google.com" +">")
  /*.setContent( DocumentApp.getActiveDocument.getUrl() + "<br/>"+ DocumentApp.getActiveDocument.getUrl() ) */
      .setTitle('Google Convertor');

  DocumentApp.getUi().showSidebar(ui);


}

Open in new window


Please let me know if you got any idea or thought to deal with that.
Screen-Shot-2018-12-10-at-1.25.14-PM.png
0
Hi There,

I have 3 dynamically constructed Textboxes (input) (Location, keyword, Contributor) on a reactjs application.   I want to filter the below list of checkboxes onChange event of input boxes (Text box).  It is a react redux application.  Please see the embedded image to have a complete idea about UI.   Please suggest how to achieve this result.

to handle onChange event of dynamically created input boxes
Please see the below code which I had done to create this gui on reactjs.

export default class SearchOptions extends Component {
  constructor(props) {
     super(props);
     //this.updateFacet = this.updateFacet.bind(this);
     this.onInputBoxChange = this.onInputBoxChange.bind(this);
  }

  /*updateFacet(key,value,isChecked) {
      console.log("updateFacet - " + isChecked);
      this.props.actions.updateFacet(key,value,isChecked,false);
  }*/

  onInputBoxChange(e,items,key) {
     items.map(i => console.log(i.value + " count (" + i.count + ")" ));
     console.log("target - " + e.target.value);
     var keysList = items.filter(i => i.value.toLowerCase().indexOf(e.target.value.toLowerCase().toString()) >= 0 ? true : false);
     console.log(keysList);
  }

  createListKeyValues() {
        const listKeyValues = (
          <div style={{marginLeft:10}}>
          {(()=>{
               return i.items.slice(0,3).map((j) => {

                  const label = j.value.charAt(0).toUpperCase() + j.value.slice(1);
                  const count = j.count && j.count > 0 ? ` (${j.count})` : '';

Open in new window

0
Error      1      Unexpected end of file looking for </form> tag.       The </form> is on the form.  The web developer is Microsoft Visual Studio 2012. Usually when there is an error (missing end tag) and you put the end tag in there; the error goes away. Not this time. Thank you for any help.

Here is the code on the page:

<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Graphics.aspx.vb" Inherits="Graphics" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
   
    <link rel="stylesheet" type="text/css" href="Site_Styles.css" />
    <title>Screen Printing, Embroidery, Heat Press, Dye Sublimation</title>
    <style>

       
          body {
    background-color: #C0C0C0;
    color: #000000;
    height: 1500px;
    width: 85%;
    margin: 25px 0px 7px auto;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 2em;
    font-weight: normal;
    font-style: italic;
    border-bottom: 10px solid gold;
    }

            a.LinkButton {
     
    font-family: Georgia, "Times New Roman", serif;
    font-size: small;
    text-align: center;
    position: absolute;
    z-index: 1;
    width: 80px;
    right: 1054px;
    border: medium ridge #66CCFF;
    background-color: #4682B4;
    color: #FFFFFF;
    top: 135px;
    left: 210px;
    height: 20px;
 
    }


  .p {

    top: 325px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    background: #CD5C5C;
    …
0
HI Exeprts

we upgraded our Vcenter to 6.7  9433894    on windows

and our ESXI servers to  VMware ESXi, 6.7.0, 8169922


my question that i heard that Vmware will stop Vcenter on Windows . is this right and on which version

plus is really the appliance will be good enough to cover all we need . our vcenter on windows with MSSQL DB standard edition work very well

and what about the new appliance is really can cover third party plugins and vcenter linked mode  etc

plus they said in 6.7  they will have full HTML GUI and flash will go away in which version

also said for GPU sharing with new version we can make Vmotion  even if the VM on

kindaly advice
0
I have a navigation bar on the left side of the product category per the attached image. There is a  vertical scroll bar. Inside  the bar, there are titles with arrows, when user clicks the arrows, and it will expand and see the contents. When user checks the checkbox, it will expand again. When users selects the checkbox, it will go to the linked page. On the linked page, the checkbox the users just selected should still be collapsed instead of hiding, with the check mark checked   Any simple example?
Navigation-bar.jpg
0
CSS Font size media queries not working on mobile

Can anyone tell me what the issue is here with the font size being so small on a mobile device?
https://shoppinglilly(DOT)com/
0
I'm trying to figure out how to add one of those "View All / Show Less" toggles to a site that I'm developing -- using only CSS --- and have been failing spectacularly at it.  

Here is my HTML:

<div class="category-filter-fields">

  <h3 class="is-size-5 has-text-weight-bold">Things To Do</h3>
    
  <label class="checkbox"><input type="checkbox" name="categories" id="categories-1" value="1"> Outdoor Activities (166)</label>
  
  <label class="checkbox"><input type="checkbox" name="categories" id="category-2" value="2"> Tours (157)</label>
  
  <label class="checkbox"><input type="checkbox" name="categories" id="category-3" value="3"> Boat Tours &amp; Water Sports (126)</label>
  
  <label class="checkbox"><input type="checkbox" name="categories" id="category-4" value="4"> Nature &amp; Parks (14)</label>
  
  <label class="checkbox"><input type="checkbox" name="categories" id="category-5" value="5"> Transportation (45)</label>
  
  <label class="checkbox"><input type="checkbox" name="categories" id="category-6" value="6"> Shopping (56)</label>
  
  <label class="checkbox"><input type="checkbox" name="categories" id="category-7" value="7"> Sights &amp; Landmarks (22)</label>
  
  <label class="checkbox"><input type="checkbox" name="categories" id="category-8" value="8"> Museums (22)</label>
  
  <label class="checkbox"><input type="checkbox" name="categories" id="category-8" value="8"> Fun &amp; Games (25)</label>
  
  <div class="attractions-more">
  
    <label 

Open in new window

0
Hi, Experts, How to change the option caption using javascript? Base on my code, I want to change the option caption from "Yes" to "No". Thanks!

<!DOCTYPE html>
<html>
<body>
<button onclick="return ChangeCaption()">Change</button>
<select name="level" id="iAD8" style="color: black; width:50px;">
    <option value="yes" selected>Yes</option>
    <option value="no">No</option>
</select>

<script>
function ChangeCaption()
{
  document.getElementById("iAD8").value = "No"; 
}
</script>

</body>
</html>

Open in new window

1
javascript to reset html page during work hours.

I have this (cited from another post on Experts-Exchange) but it does nothing.

<script type="text/javascript">
//60000 milliseconds is 1 minute
window.setInterval("checkForRefresh()", 600);

function checkForRefresh() {
   var now = new Date();
   if (now.getHours() >= 7) {
    window.refresh();
   }
}
</script>
1
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.

 $('body').scrollTo('#testingScroll');

Open in new window


suppose to go to

 <li id="testingScroll" class="column">

Open in new window


this list container which is closed and has html inside but the js isnt working, it just sitting in normal button. any tips ?
1
This should be simple (aren't they all?), I want to have a link in a webpage that takes the user to differetn webpage, but it's not working

The web page is at http://www.gerlis.com/doctor/  I want the link on that (for "other same day doctor clinics" page) to go to www.samedaydoctor.org

But it doesn't work I think I have the syntax of the link incorrect?

http://www.gerlis.com/doctor/www.samedaydoctor.org
1
Data is not loading from database on PHP page.

How can I troubleshoot data coming from the database?

The headers are displaying but no data underneath.

Database is SQL Server and it is using a Security Certificate.  I never added one before.
0
Hi, I have been learning CSS grid these past few weeks.  I have created a page using CSS grid, but I am missing a trick to make it fully responsive.  Can anyone assist me with this?  Basically when I play with screen sizes the images reduce to keep the aspect ratio but the title and box below stays the same so the image becomes detached from the text box.  I need them to stick together.  Do I need to use nested boxes?  If so how do I do this please?  Urgent help much appreciated.

This can be viewed here on codepen:

https://codepen.io/Sjohnson805/pen/7ceaeb8aefafa9269a63573877b4eeaf

Regards

Simon
0
I had a working "Contact Us" button and then moved some coding around and now the script appears as text on the browser instead of as a button.

Please contact us to answer any questions about planning an event at xxxxxxx.</p>
[buttonhref="http://www.xxxxx.co/trada/contact/"]contact us[/button]
[/one_half][one_half class="" margin="" padding="" id="" bg_color=""]
<img class="aligncenter" src="http://www.xxxxxx.co/trada/wp-content/uploads/2018/12/LaPolenta.jpg" alt="pond" width="100%" height="100%" />
[/one_half][one_half class="" margin="" padding="" id="" bg_color=""]

Open in new window

1
HTML code for changing background color based on value.
Below is what is currently working.
<tr>
   <td style="width:110px"><line_item_profit_percentage> </td>
   <td style="width:150px"><item_id></td>
   <td style="width:100px"><order_quantity></td>
   <td style="width:100px"><unit_price></td>
</tr>

So I need line_item_profit_percentage to have a yellow background when it's under 20 and white if it's over 20.  I tried the below but it didn't work.  
<tr>
   <td style="width:110px";"background-color:{IF(<line_item_profit_percentage> < 20,'yellow','white')}" ><line_item_profit_percentage> </td>
   <td style="width:150px"><item_id></td>
   <td style="width:100px"><order_quantity></td>
   <td style="width:100px"><unit_price></td>
</tr>
1
I looked through the html code, the js, and the css, and I can't find where "undefined" is being inserted in the title when I collapse all the way down.

http://insuranceqa.illinois.gov/GCI3/index.html

Please see attached.
undefind.jpg
1
I need to know how to get two email fields from the woo commerce checkout page to be passed to the following code by having the customer just check a checkbox.  This saves them having to retype their name and address in an opt-in email form.

This is the form code

echo '<form action="https://www.thefrugallife.com/sendy/subscribe" method="POST" accept-charset="utf-8">
        <label for="name">Name</label><br/>
        <input type="text" name="name" id="name"/>
        <br/>
        <label for="email">Email</label><br/>
        <input type="email" name="email" id="email"/><br/>
        <div style="display:none;">
        <label for="hp">HP</label><br/>
        <input type="text" name="hp" id="hp"/>
        </div>
        <input type="hidden" name="list" value="ACx7638vw5sGEHFDzym5VW0Q"/>
        <input type="hidden" name="subform" value="yes"/>
        <input type="submit" name="submit" id="submit"/>
</form>';

}

Open in new window


I know their input type would be hidden but not sure how to get the values from the checkout page into the form.

Here is part of the checkout page

https://gyazo.com/ee34e78751a7dd8036fbf31faeccc5f9

Open in new window

0
I have this HTML (based on bootstrap):
<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
    <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>

    <script src="//code.jquery.com/jquery-1.10.2.js"></script>
    <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
    <link rel="stylesheet" href="/resources/demos/style.css">

    <title>Backflow Assembly & Test Report Form - Log In</title>
    <style>
        .nopadding {
            padding: 0 !important;
            margin: 0 !important;
        }
        
        .wrapper {
            max-width: 767px;
            min-width: 480px;
            margin: 0 auto;
        }
    </style>
	<script>
	sus = "";
	u = "";
	s = "";
	function chk_vals() {
		if (document.st.uid.value == "" || document.st.pwd.value == "") {
			alert("Please enter Email & Password");
			return false;
		}
		return true;
	}
	$(function() {
            $("#datepickerfr").datepicker();
        });
    $(function() {
            $("#datepickerto").datepicker();
        });
	

Open in new window

1
Rowby Goren Makes an Impact on Screen and Online
LVL 12
Rowby Goren Makes an Impact on Screen and Online

Learn about longtime user Rowby Goren and his great contributions to the site. We explore his method for posing questions that are likely to yield a solution, and take a look at how his career transformed from a Hollywood writer to a website entrepreneur.

On my html page I have a hyperlink lik this.
<a href="report1.csv">Report Link</a>

In my same directory as my html page i have a csv file called report1.csv

When i click on the hyperlink it downloads the csv file to my computer.

How do i revise my hyperlink so when I click on the link, instead of the csv being downloaded to my computer it launches in Microsoft Excel which is installed on my computer?
0
Hello Experts, I am hoping you can help with my dilemma. I have an HTML page that has two tables one table nested to the other. What I need to do is align the cell width of the second table to match with the first one. I have tried everything to get it to work with no success. Any help would be most appreciated.

Code:

<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=10">
  <meta name="viewport" content="width=device-width, initial-scale=1">

<style>
      /* Create two equal columns that floats next to each other */
      .middle {
            
            width: 900px;
            padding: 10px;
            border: solid;
            margin-left: auto;
            margin-right: auto;

      }
</style>
</head>
<body  bgcolor = "#86888c" text="Black">
 <div class="middle" style="background-color:#3399ff;" >
    <p>
      
            <b><center><font size="3">
            Testing <br>
            Request<br>
            <font size="2" color = "Red">Version 5.0 - Development</font>
            </center></b></font>

      </p>
      <table  border="1"  id="content"  style="width:100%" >
      
            <tr>
                  <td style="padding-left: 10px" style="font-size: 12pt">Number:</td>
                  
                  <td style="padding-left: 10px" style="font-size: 12pt">
                  
                  <input type="text" style="width:150px;" name = "RequestNum" size="20" title="" id="RequestNum" disabled/><i><font size="2">
                  </td>
                  
                  <td style="padding-left: 10px" style="font-size: 12pt">Title:</td>
                  
                  <td><input type="text" …
0
I need to set up a easy-to-remember URL like www.mycompany.com/PRODUCTX
However, the actual location of PRODUCTX may change.
1. What is this called:  The process of setting up a easy-to remember URL which leads to an actual URL whose address may contain a bunch of letters and numbers, etc.
2. Is it called a primary URL?  Destination URL?
1
<div id="property-2563" class="form-group text-left"><label class="control-label" style="" for="property2563">Contact CheckBox</label><br><div style="margin-top:20px; " class="form-check form-check-inline"><input style="width: 0 !important;" class="form-check-inline" type="checkbox" name="property2563[]" id="property25630" value="Winning"><label style="margin-top:0px; margin-left:5px" class="form-check-label" for="property25630">Winning</label></div><div style="margin-top:20px; " class="form-check form-check-inline"><input style="width: 0 !important;" class="form-check-inline" type="checkbox" name="property2563[]" id="property25631" value="Winning"><label style="margin-top:0px; margin-left:5px" class="form-check-label" for="property25631">Winning</label></div></div>

Open in new window



cant check my checkboxes,  these are created from a database.

anyone see why ?

using bootstrap 4 forms
1
<div class="form-group">
	 <label  class="" for="property-2563">Contact CheckBox</label>
<div  id="property-2563" class="form-check form-check-inline">
	<input class="form-check-inline" type="checkbox" name="property25630" id="property25630" value="test1">
	<label  class="form-check-label" for="property25630">test1</label>
</div>
<div class="form-check form-check-inline">  
	<input class="form-check-inline" type="checkbox" name="property25631" id="property25631" value="test2"><label style="margin-top:0px; margin-left:5px" class="form-check-label" for="property25631">test2</label>
    </div>
    		</div>

Open in new window



check boxes

so above is html and picture is the result

the label isnt inline with checkboxes and i dont know how as this is bootstrap 4 classes.

any hints ?
0
I have a PLSQL procedure that embed with HTML code. How can I use this procedure to print in JSP? Can provide sample code?
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.