Celebrate National IT Professionals Day with 3 months of free Premium Membership. Use Code ITDAY17

x

HTML

58K

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

Hello, I have an issue with javascript not hiding a div once another div is displayed. I need the div that displays 'Refresh your course status' to disappear once the details div is displayed. Could someone please tell me what I am missing here?
function open_learn(sURL, sFeatures) {
//Hide content
	showorhide("page_refresh");
	showorhide("details");
//toolbar=no,location=no,status=no,menubar=no,scrollbars=no,resizable=no,width=800,height=600,top=0,left=0
	var FeaturesArray = sFeatures.split(",");
//get width and height of new window
	var tmpWidth = FeaturesArray[6].substr(6);
	var tmpHeight = FeaturesArray[7].substr(7);
	tmpWidth = parseInt((screen.width - tmpWidth) / 2);
	tmpHeight = parseInt((screen.height - tmpHeight) / 2);
	FeaturesArray[8] = "top=" + tmpHeight.toString();
	FeaturesArray[9] = "left=" + tmpWidth.toString();
	var sWindowFeatures = FeaturesArray.join(",");
	oMainWindow = window.open(sURL, 'main_window', sWindowFeatures);
	oMainWindow.focus();
//Hide content

	showorhide("page_refresh");
}

function showorhide(id){
   if(document.getElementById(id)){    //check the element exists and can be accessed
       var ele = document.getElementById(id);    //get hold of the element
       if(ele.style.display=="none"){   //see if display property is set to none
           ele.style.display="block";       
      }else{
           ele.style.display="none";     
       }
   }
} 


function refresh_page() {
	showorhide("details");
	document.location.reload();	
}

Open in new window

0
Free Tool: IP Lookup
LVL 10
Free Tool: IP Lookup

Get more info about an IP address or domain name, such as organization, abuse contacts and geolocation.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Hello

I have an Order HTML page where a User can enter data into fields.  On Submit PHP file is used to write the data to SQL Tables called Orders and Orders_details.

Currently, when l test this I'm getting the below error.
Capture.JPG
Below is my PHP file:
If you need table structures I can provide these too.

The line error is highlighted below.
Capture.JPG===================

<!DOCTYPE HTML>
<html>
<head>
<title>Product_Order</title>
<meta charset="utf-8">

</head>
<body>

<?php

  /* Set oracle user login and password info */
  $dbuser = ;  
  $dbpass = ;  
  $db = ;
  $connect = oci_connect($dbuser, $dbpass, $db);

   /* Display connection error if fails */
  if (!$connect)  {
    echo "An error occurred connecting to the database";
    exit;
  }

  //Extract CGI variables
  $productitem = $_POST['productitem'] ;
  $price = $_POST['price'] ;
  $quantity = $_POST['quantity'] ;
  $firstname = $_POST['firstname'] ;
  $lastname = $_POST['lastname'] ;
  $address = $_POST['address'] ;
  $phone = $_POST['phone'] ;
  $email = $_POST['email'] ;
  $creditcard = $_POST['creditcard'] ;


  // count the record in orders table and use id number $count+1 for the new record
  $query_count = "SELECT max(ID) FROM Orders";

  echo "SQL: $query_count<br>";

  /* check the sql statement for errors and if errors report them */
  $stmt = oci_parse($connect, $query_count);

  if(!$stmt)  {
    echo "An error…
0
Hello,

I have the below search field in my HTML file.

Capture.JPG
This is connected to a PHP file on Submit.

If the User clicks on 'Search' only, without entering any data, I want all data to be displayed.
Currently, it will only display data it you enter at least one character.

Here is my SQL Select Query within my PHP file.

$query = "SELECT * FROM Products WHERE regexp_like(Title,'$book_name','i')";
0
EE,

I'm simply trying to make a webpage that we use to monitor our servers, I want the data in 2 frames, 1 fixed and the other rotating between pages in the list.  The initial load works but upon refresh the next page uses the full screen and not the full page.
I put this together using other peoples code I found online and tried to adapt it a little, HTML knowledge is low! Any help appreciated.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Rotating Page</title>
<style type="text/css">
* {
 margin:0;
 padding:0;
 border:0;
}
html, body, iframe {
 height:100%;
 width:100%;
 overflow:hidden;
}
</style>
<script type="text/javascript">
var pages = new Array(); // this will hold your pages
pages[0] = 'www.pluralsite.com';
pages[1] = 'http://www.hardrocksd.com';
pages[2] = 'http://www.expertsexchange.com';
pages[3] = 'page4.html';
pages[4] = 'page5.html';
pages[5] = 'page6.html';
0
Hello,

Can you please tell me how I go about setting a predefined price to appear in my 'Price' field when you choose a Product Item?

Capture.JPG
This is my current code:

=============

<fieldset>
            <legend>Order Book Details:</legend>
            
            <label for="productitem">Product Item:</label><br>
            <select name="productitem" id="productitem" autofocus/>
            <option value="selection">Make your selection from here ...</option>
            <option value="livewellonless">Live Well on Less</option>
            <option value="eatrealfood">Eat Real Food</option>
            <option value="mylifeitsalongstory">My Life, It's a Long Story</option>
            <option value="swordofsummer">Sword of Summer</option>
            <option value="clementineroseandthebirthday">Clementine Rose and the Birthday Emergency</option>
            <option value="middleschooljustmyrottenluck">Middle School: Just My Rotten Luck</option>
            </select><br><br>
            
            <label for="price">Price:</label><br>
            <input type="text" name="price" onkeypress="return isNumberKey(event)" >
            <br>
                        
            <label for="quantity">Quantity:</label><br>
            <input type="text" name="quantity" onkeypress="return isNumberKey(event)" >
            <br>
            Comments:<br><textarea name="comment">Please place your comment here ...</textarea>
</fieldset>
0
Hi experts, How to set in sql command the table below where I wish to display by group the field name theId. Please see the table below!

Amount       Desc                                      TheId
10                 fair                                          x
12                 meals                                     y
15                 allowance                              y
15                 fuel                                         x
50                 Medicines                              x

I tried this command but it doesn't work;

Set rs = cn.Execute("Select Desc, theId, Amount from PList group by TheId")
0
Hello Experts,

This post is more or less to pick your brain about things/ideas I should implement into my current system. Basically, the only requirement for my system was turn my employer's paper-based car seat rental program into a paperless system.

Here are screenshots of my system:

Index.php
Index.php
Rental-form.php
Rental-form.php
Rent-success.pdf

(See attached PDF)

Return-form.php
return-form.php
Right now, the system does the following:
  1. Presents the user (coworker) with a choice to either rent or return a car seat;
  2. Provides an inventory of any available seats (from a MySQL database);
  3. Generates a PDF version of our current rental agreement using FPDF;
  4. Emails the generated PDF to the renter and another department in my office (not implemented yet); and
  5. Presents the user with an HTML table in order to return any rented car/booster seats.

Being that I am a hobbyist php programmer, I am kind of in the dark when it comes to certain things. My career has nothing to do with programming, either. I enjoy PHP and took this task upon myself for fun.
rent-success.pdf
0
Currently my wordpress icon are broken (refer top right).
Which file should I edit so that I can point to cloudflare's files?

Website at http://bit.ly/2xcHs7q

Current problem
Access to Font at 'http://XXX.org/wp-content/themes/Impreza/framework/fonts/fontawesome-webfont.woff?v=4.7.0' from origin 'http://www.lutaizhang.org' has been blocked by CORS policy: The 'Access-Control-Allow-Origin' header contains the invalid value 'www.lutaizhang.org'. Origin 'http://www.lutaizhang.org' is therefore not allowed access.


https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/fontawesome-webfont.woff
https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/fontawesome-webfont.woff2
https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/fontawesome-webfont.ttf
https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/fontawesome-webfont.svg
https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/fontawesome-webfont.eot
https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/FontAwesome.otf
0
Hi

I have just transferred my wordpress from another host. But some of the images (top right of the page) are broken. Can i know how to fix it? I can't seem to find the file path of them (not really good in coding) Thanks!

Website at http://bit.ly/2xcHs7q
0
Hi E's,
I try to do a simulator/emulator for test my pages in different devices.
The problem is when the resolution is higher then the screen that show the simulate, that broke the width of the screen.
For try resolve the problem I use this two codes:
<!DOCTYPE html>
  <html>
    <head>
<meta charset="UTF-8">
      <!--Import Google Icon Font-->
      <link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
      <!--Import materialize.css-->
      <link rel="stylesheet" href="../../tutoriais/1435/materialize/css/materialize.min.css"/>
 
      <!--Let browser know website is optimized for mobile-->
      <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    </head>
 
    <body>
        
        <div class="row">
            <div class="col s12">
                <iframe style="width:960px; height: 600px;" src="iframe.php" width="1920" height="1200"></iframe>
                </div>
            </div>
        
      <!--Import jQuery before materialize.js-->
      <script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
      <script src="../../tutoriais/1435/materialize/js/materialize.min.js"></script>
    </body>
  </html>

Open in new window

<!DOCTYPE html>
  <html>
    <head>
<meta charset="UTF-8">
      <!--Import Google Icon Font-->
      <link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
      <!--Import materialize.css-->
      <link rel="stylesheet" href="../../tutoriais/1435/materialize/css/materialize.min.css"/>
 
      <!--Let browser know website is optimized for mobile-->
      <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    </head>
 
    <body>

<div class="row">
<div class="col s2 m10 l10 xl5">
<img src="ponte.jpg" class="responsive-img">
</div>
</div>

      <!--Import jQuery before materialize.js-->
      <script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
      <script src="../../tutoriais/1435/materialize/js/materialize.min.js"></script>
    </body>
  </html>

Open in new window

The first code is where I call the iframe, and the second is the iframe content.
I try to use CSS to reduce the size of the box, but not resolve the problem.

The question is, have any trick, for show high resolution screen in my simulator without broke the width?

The best regards, JC
0
Independent Software Vendors: We Want Your Opinion
Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

i have a website with few html pages.
i want to add search functionality in it.
no database. need a free search widget to embed in the top of the web page.
0
Hello Experts.

I have created a share called myshare on my Web Server, however when I try to access the share through the browser I get the error message HTTP Error 404.0, see image.

Can someone let me know how to about fixing this?

I'm running Windows Server 2008

Thanks

Carlton
ErrorCode404.png
0
dreamweaver how can i publish mysite freesite  i hav 3 html pages contactus with a form send button about us and home
now i want to publish it please do good advice thanks
0
<script>
$(document).ready(function(){            
var i= $(".sidebar-menu li").index();

var open = ["document_driver.html","upload_document.html","edit_document.html","","","","","","","",""];
$(".sidebar-menu li").click(function(){
            $(".treeview li").removeClass("active");
            $(".treeview li:nth-child("+i+")").addClass("active");
            
              $(".content").load(open[i);
                        
                  });
$(".sidebar-menu li").hover(function(){
var i= $(this).index();
//console.log(i);
});
                  
                  });//ready
                  
                  
        </script>

in this eg execute a load method once, so how can access the  current(this) related html pages
0
I've got a form wizard with a form repeater and i need to validate a dropdown for each repeated form before accessing the next step. I've tried different solutions and managed to do the validation on the first form but it doesn't work for the repeated form. I hope someone can help me. Many thanks

You can see the html and javascript code in this fiddle https://jsfiddle.net/zwtj13wc/
0
I have links on my homepage:
Home page of website

I am trying to get the link to open in a page with the same layout without having to recreate the layout.
I can not find any tuts on how to make the layout the default.
A post inside the page opens as such
default layout

Any help is appreciated.
0
<asp:DataGrid ID=dg1 AllowPaging=True PageSize=22 PagerStyle-Mode=NumericPages PagerStyle-Position=TopAndBottom AutoGenerateColumns=True Width="95%" HorizontalAlign="Center" CellPadding=0 CellSpacing=0 BorderWidth=0 Runat=server>
                                                <HeaderStyle CssClass=BasicListHeader ForeColor="white" />
                                                <ItemStyle CssClass=BasicListItem />
                                                <AlternatingItemStyle BackColor="#e4e4e4" />
                                                <Columns>
                                                      <asp:EditCommandColumn EditText="Edit" UpdateText="Update" CancelText="Cancel" ItemStyle-Width="1%" />
                                                      <asp:ButtonColumn ButtonType=LinkButton CommandName="Delete" Text="Del" ItemStyle-Width="1%" />
                                                </Columns>
                                          </asp:DataGrid>


The code behind creates the columns for the rows for multiple tables.  My issue is that I will have different number of columns per table and I do not know how to create a modal to reflect different number of columns.
TableEditor-Screen.docx
0
I have this code and the hyperlink does not open the  folder/file when click. Any help is appreciated. It shows the path when hovering on the text.

                                   <td class="medium-1 left">
                                        <a href='<%# DataBinder.Eval(Container.DataItem, "FILE_LOCATION") %>' target="_blank">Open/Save</a>
                                    </td>

Open in new window

0
Hello experts,

Here is my code:

<input type="checkbox" name="seat_rented[]" value="<?php echo $row['seat_serial'];?>">
$n = count($seat);
foreach($seat as $x) {
    $pdf-> Write(0, $x . ", ");
} 

Open in new window

I only want to concatenate the comma when $n is >1. If $n equals 1, I want to concatenate a period. I can't think of the if or while statement to handle this...
0
Technology Partners: We Want Your Opinion!
Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Hi

Although I've moved forward I'm  Using the https://www.experts-exchange.com/questions/29053802/Javascript-Binding-data-after-clicking-OpenLayers-2-map.html as a start point I have a couple  of further questions

1 Why isn't the icons / markers blue I've tried using relative path and absolute but the  marker stays the default red
My point is I can't change the marker.

2 how do I ensure only 1 popup box is open at once
 
<!doctype html>
    <html>
    <head>
    <title>OpenLayers Click Event Example</title>
  <script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>    </head>
    <body onload="init()">
      
    <div class="wrapper">
      <header>
        <div class="container">
        <h1 >OpenLayers Click Event popup</h1>
        
        </div>
      </header>
      <div class="container">

    <div id="mapdiv" style="width: 800px;height: 500px " ></div>
      <h2>Custom Data for clicked item</h2>
      <pre id="result"></pre>
      </div>
    <script src="https://openlayers.org/api/OpenLayers.js"></script>
    <script type="text/javascript">
      //Set up a click handler
      OpenLayers.Control.Click = OpenLayers.Class(OpenLayers.Control, {                
        defaultHandlerOptions: {
          'single': true,
          'double': false,
          'pixelTolerance': 0,
          'stopSingle': false,
          'stopDouble': false
        },
     
        initialize: function(options) {
          this.handlerOptions = 

Open in new window

0

Without even knowing it, most of us are using web applications on a daily basis.  In fact, Gmail and Yahoo email, Twitter, Facebook, and eBay are used by most of us daily—and they are web applications. We generally confuse these web applications tools for websites.  So, what is a web application and how is it different from a website? What are some different types of web applications?  We will help you decipher which is best for the business functions you want to achieve- a website or a web application.


Website vs. Web Application

The best way to elucidate the difference between websites and web applications is to think in terms of purpose.  Do you want to provide information or do you want to get it?

Websites are simple, static, single page sites or marketing websites for distributing information. Websites generally feature and promote products, services, and organizations through articles, images, video, and files. A site informs the world about who you are and what you offer. For instance, you can check your local Italian restaurant website as a customer to check out the ‘Day’s Special,’ or hours of operation without giving away any information about yourself.

Web applications on the other hand are less focused on marketing and more on functionality to fulfill specific business purpose (submitting, storing, searching, and retrieving data). Web applications are software that runs on the web to provide some kind of service or to improve efficiency. Web applications generally always use databases, and are therefore called dynamic. It requires user interaction, as in the user has to provide information in order for the application to work. The big advantage of a web application is that it does not need the developer to build a client for a specific type of computer or a specific operating system because it runs in a web browser. Users can even be using Internet Explorer, Chrome or Firefox, though some web applications may require a specific Web browser.


An Example:

Think of the website of your bank, which promotes the brand and provides customers vital information about their services, and security features. Any member of the public can view the bank’s website but for account holders, the bank also offers web application tools focused on providing specific functionalities. For instance, to help check the balance on their account, submit an online loan application form, or pay bills online.


Technical Foundation

Websites and web applications both are collections of programming code for delivery of content and functionality on the web. The software run on web servers and is accessed through web browsers on a variety of devices.  Both use the same coding languages and tools (HTML, JavaScript, CSS and others) to develop the software. Web applications commonly use a combination of server-side script (ASP, PHP, or Python etc) to deal with databases, storing and retrieving information and client-side script (HTML, Javascript, CSS and others etc.) to present that information, along with frameworks like Rails, Django, etc. to develop and maintain the application.


Types Of Web Applications

There are three different types of web-based applications depending on the roles performed and logic placed and distributed by the server and the client browser.

Server-side HTML Web Application- In this type of web development architecture, the server generates HTML content and sends it to the client as a full-fledged HTML-page.

JS Generation Widgets (AJAX)- The page displayed in the browser shows widgets, where data is uploaded through AJAX query from the server into the content of the page. Any updates from the server show up only for the part of the page requested by the client.


Service-oriented Single-page Web Apps– An HTML-page is downloaded from the server, which acts as a container for JavaScript code to address a particular web service and retrieve business data only. The data is used by the self-sufficient JavaScript application, which generates the HTML content of the page.

It’s also possible to implement hybrid architecture to meet specific business requirements. The architecture of this collection of logically related interactive functions can consist of a number of components, including-

  • Business application functionality
  • Security
  • Browsers such as Internet Explorer
  • E-Mail functionality
  • Forums or bulletin boards
  • Custom-built Advertising


Web Applications Are The Future

Web apps can be customized and tailored for business purposes, like accounting software, reminder systems, order forms, and sales tracking for time saving efficiencies. Web applications can also be designed to strengthen both internal and external communication and improve data delivery and distribution. Advanced web applications are now available as online portals and eCommerce, which delivers content and the functionality of searching, adding to cart, and online financial transaction.

Most business owners understand the value of websites in their marketing plan but not many know the benefits of web applications and how they can offer stronger products and services, improve SEO, reduce cost significantly and help expand their business. Ultimately, whether you choose a website or a web application depends on your assessment of what you want to achieve.

0
Hi experts, please help me  understand what's the reason why some computers cannot  get the message from the server while trying to  accessed it? The codes below is trying to test the server response how the server deal with the response. My laptop is able to get message while some of my destops, pc cannot. I'm using chrome to all computers but some of my computers cannot get the message from the server. The alert box message will appear blank but some computers able to obtain the message.

Js

 function iSaveToServer(x)
{
	if (window.XMLHttpRequest)
	  {// code for IE7+, Firefox, Chrome, Opera, Safari
	  xmlhttp = new XMLHttpRequest();
	  }
	else
	  {// code for IE6, IE5
	  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
	  }
	xmlhttp.onreadystatechange=function()
	  {
	  if (this.readyState==4 && this.status==200)
	    {
	        	var str = this.responseText; 
	        	alert (str);
	    }
	  }                                             
		xmlhttp.open("GET","SendMsg.asp?a="+ x, true);
		xmlhttp.send();
}

Open in new window


Asp


<%
dim msg
msg = request.querystring("a")

response.write("test-1")
response.end()

%> 

Open in new window

0
Wordpress design
With technology evolving as fast as its rate of consumption, creating just the right website can pose quite a challenge in the context of keeping up with the latest updates. If you have a hard time deciding about the basics, here are advantages and disadvantages of WordPress and Coding in HTML.
0
need play pause stop buttons for carousel.
0
Hi experts, Codes below do not allow any character except the number. However, I need to exclude the (.) or point so that i could write something like this, 10.88. Which part of the code should i chagnge or add to achieve the goal? Thank you!

Js

function isNumber(evt) 
{
evt = (evt) ? evt : window.event;
var charCode = (evt.which) ? evt.which : evt.keyCode;
if (charCode > 31 && (charCode < 48 || charCode > 57)) 
{
alert("Please note that only number is allowed in the box!");
return false;
}
return true;    
}

Open in new window

0

HTML

58K

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.