Want to protect your cyber security and still get fast solutions? Ask a secure question today.Go Premium

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

All of the sudden I seem to be have errors on my page loading my background video.  When I check the console I get the below errors, does anybody know how to correct this??:

Uncaught TypeError: Cannot read property 'play' of undefined
    at HTMLDivElement.<anonymous> (custom.js:683)
    at HTMLDivElement.dispatch (jquery.js:3)
    at HTMLDivElement.r.handle (jquery.js:3)
    at Object.trigger (jquery.js:3)
    at Object.a.event.trigger (jquery-migrate.min.js:2)
    at HTMLDivElement.<anonymous> (jquery.js:3)
    at Function.each (jquery.js:2)
    at a.fn.init.each (jquery.js:2)
    at a.fn.init.trigger (jquery.js:3)
    at n (ext.js:1143)

-------------------------------------

This is the code in the custom.js file the error is referencing:

var video_bg_mod = { };

      if( utils.exists('video-bg')  )
      jQuery('.video-bg').each(function(i){
             
             var h = win.obj.height();
             var w =   h / (h/win.obj.width())  * 1.13  ;

             jQuery(this).find('.video-bg-inner,object').css({
                    "height" : h,
                    "width" :w
             });

   video_bg_mod[jQuery(this).find('video').attr('id')] =  new MediaElement(jQuery(this).find('video').attr('id'),
                          {
                            loop:true,
                            features : [] ,
                         videoWidth: '100%',
                          videoHeight: '100%',
                      …
0
Concerto Cloud for Software Providers & ISVs
LVL 5
Concerto Cloud for Software Providers & ISVs

Can Concerto Cloud Services help you focus on evolving your application offerings, while delivering the best cloud experience to your customers? From DevOps to revenue models and customer support, the answer is yes!

Learn how Concerto can help you.

Is it possible to store a video locally in the browser for repeat playback?

I have a screen that is on a mobile connection that serves video ads.  Most of the videos are the same, but at different points in the day videos are changed.  It currently is hitting an html5 page I have setup, but each time the video plays it re-downloads the file, is there a way if it's the same video to play it from local storage vs redownloading?
0
Hi,

I have this template page http://kroweb.dk/gfdev/templates/gf_index_bare_sidebar.php

In the navigation bar at the top of the page I have a drop down menu at the right side of the munu. It all works nicely, but I would like to be able to add "children" to the content of the drop down.

In the code below - which shows the drop down content - I wold like to make the instance that I have indented a child of the one above it so that when hovering the one above the child appears to the right of it's parent.  

If anybody have ideas to how this could be done, I am all ears :)
    <div class="w3-dropdown-hover">
      <button class="w3-button w3-hide-small w3-hover-text-light-grey w3-hover-dark-grey" style="color: #cccccc; forn-family: arial; font-size: 14px;">Arkivalier og værktøjer</button>

      <div class="w3-dropdown-content w3-bar-block w3-black">
        
        <a href="https://genealogiskforum.dk/arkivalier/canvas" class="w3-bar-item w3-button w3-hover-text-light-grey w3-hover-dark-grey" style="font-family: arial; font-size: 14px; color: #cccccc; font-weight: lighter; margin-left:10px; text-decoration: none;">Geografisk indgang</a>
        
        <a href="https://genealogiskforum.dk/arkivalier/kirkeboeger_2" class="w3-bar-item w3-button w3-hover-text-light-grey w3-hover-dark-grey" style="font-family: arial; font-weight: normal; font-size: 14px; color: #cccccc; font-weight: lighter; margin-left:10px; text-decoration: none;">Kirkebøger</a>
        

Open in new window

0
Hi I would like to toggle on or off just a piece of Front end code inside a component (Existing/New)

The desired flow as follows,

* dev completes work which is only to be made available on the live site on a certain date
* dev creates a toggle for the feature, and pushes the change live with the feature toggled off
* once the desired date has arrived, a person (someone with sufficient access) can make a simple content change to turn the toggle on, and publishes the change
* the feature is now available on the live site

Any help with Ideas on how to make this possible or code?

Thanks
0
I have an HTML Canvas file setup that plays a simply animation at the beginning then a keyframe is set to stop the timeline and I have an .mp4 play in a Movie component object. This works well until I add code to detect when the movie has reached its end so I can move ahead to the next frame in the timeline.

How is that done?  Should i be putting the stop action on the movie layer instead and what's the code to detect the end? I've tried a few things I've found on the web but they are all from around 2011. Yes, Animate is basically Flash on steroids but I can't seem to find timely examples.

Thanks.
0
http://wave.webaim.org/ Does anyone have experience with this free tool?
I have three "RED" errors that need to be repaired they show up as EMPTY BUTTON next to the (3) mentions of button below in the code. I need to repair this

</div></div><div id="cboxOverlay" style="display: none;">
11<div id="colorbox" class="" role="dialog" tabindex="-1" style="display: none;"><div id="cboxWrapper"><div><div id="cboxTopLeft" style="float: left;"><div id="cboxTopCenter" style="float: left;"><div id="cboxTopRight" style="float: left;"></div><div style="clear: left;"><div id="cboxMiddleLeft" style="float: left;"><div id="cboxContent" style="float: left;"><div id="cboxTitle" style="float: left;"><div id="cboxCurrent" style="float: left;">
1<button type="button" id="cboxPrevious">
1<button type="button" id="cboxNext">
1<button id="cboxSlideshow">
<div id="cboxLoadingOverlay" style="float: left;"><div id="cboxLoadingGraphic" style="float: left;"></div><div id="cboxMiddleRight" style="float: left;"></div><div style="clear: left;"><div id="cboxBottomLeft" style="float: left;"><div id="cboxBottomCenter" style="float: left;"><div id="cboxBottomRight" style="float: left;"></div></div><div style="position: absolute; width: 9999px; visibility: hidden; display: none; max-width: none;"></div>
</body></html>
0
Please help with my JQuery click logic.
currently I can only hide the mobile menu when I click the menu button. I want it to hide when we click on any menu item or anywhere outside the menu as well. What I cannot figure out is how to hide the main menu in mobile mode but not desktop mode and not breaking the sub-menu function.
Code below is in 3 parts first JQuery, then CSS then HTML

(function($) { // Begin jQuery
  $(function() { // DOM ready
    // If a link has a dropdown, add sub menu toggle.
    $('nav ul li a:not(:only-child)').click(function(e) {
      $(this).siblings('.nav-dropdown').toggle();
      // Close one dropdown when selecting another
      $('.nav-dropdown').not($(this).siblings()).hide();
      e.stopPropagation();
    });
    // Clicking away from dropdown will remove the dropdown class
    $('html').click(function() {
      $('.nav-dropdown').hide();
    });
    // Toggle open and close nav styles on click
    $('#nav-toggle').click(function() {
      $('nav ul').slideToggle();
    });
    // Hamburger to X toggle
    $('#nav-toggle').on('click', function() {
      this.classList.toggle('active');
    });
  }); // end DOM ready
})(jQuery);
body {
  margin: 0;
}

nav {
  float: right;
}

nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

nav ul li {
  float: left;
  position: relative;
}

nav ul li a {
  display: block;
  padding: 0 20px;
  line-height: 70px;
  background: #262626;
  color: #ffffff;
  text-decoration: none;
}

nav ul li

Open in new window

0
How I can show soap XML data as text in HTML5? Pre do not work anymore. I think?
0
Hello,
I want to show database text in my website but this text is a XML file structure. The browser shows this text as part of html.
How I can show this string as real text? So also <> nodes will shown as text?
0
I have an html view...which has a template....
Note the use of display none.  
This template is used to inject a row into my datatable.

The problem with this is ....later on I have javascript that needs to find this control on the page...and it cannot because
Both template and the row added are rendered in html...

I need some way of appending an ID value to the controls when the row is added to the datatable...

Please help.


Here is template on my view:

<table id="new-row-template" style="display:none">
        <tbody>
            <tr>
                <td>
                    <label></label> 
                </td> 
                <td>
                   @Html.DropDownList("ddlRole", new SelectList(ViewBag.DDLRoles, "Value", "Text"), "")
                </td>
                <td>
                    @Html.DropDownList("selectdesignate", new List<SelectListItem>
                    {
                        new SelectListItem{ Text="", Value = ""  },
                        new SelectListItem{ Text="Primary", Value = "Primary" },
                        new SelectListItem{ Text="Secondary", Value = "Secondary" },
                     })                 
                </td>
                <td> 
                   @Html.TextBox("txtAllocation", new { @class = "form-control", @type = "number" })         
                </td>
                <td>
                    <button type="button" id="btnInsertContactEntity" class="btn btn-primary btn-xs 

Open in new window

0
Free Tool: IP Lookup
LVL 11
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.

background-colorI try to create sections on a landing page in my website. In video and text section I want to give background color to that section. The color even contains h1 and but not background of video. Where is the point I missed ? Any help really appreciated.

You can look at here deeply. Thank you so much.
0
I have the below HTML and would like to change the display to block whenever the 'Reply' div is clicked on each of the them.
The Idea is that I want the div to show when I click on the reply.
I'm currently using a function called showCmt(), and I tried to get IDs from the html to the javascript. Below also is my Javascript. The issue I have is that I don't know how to get it working. Please I need a heads-up.

HTML
<div id="cmtreply_35" style="float:right; color:gray; margin-top:-18px; cursor:pointer; margin-right:10px;" onclick="showCmt(this)">Reply</div>
<div id="cmtRsp_35" style="display:none;">Response to this comment is shown only here!</div>

<div id="cmtreply_36" style="float:right; color:gray; margin-top:-18px; cursor:pointer; margin-right:10px;" onclick="showCmt(this)">Reply</div>
<div id="cmtRsp_36" style="display:none;">Response to this comment is shown only here!</div>

<div id="cmtreply_37" style="float:right; color:gray; margin-top:-18px; cursor:pointer; margin-right:10px;" onclick="showCmt(this)">Reply</div>
<div id="cmtRsp_37" style="display:none;">Response to this comment is shown only here!</div>

Open in new window



JavaScript
function showCmt(shocmt) {
    $(document).ready(function() {
        var resp_id = shocmt.parentNode.nextSibling.id;
        resp_id.style.display = 'block';
    });
}

Open in new window

0
Hi Experts,

Can anyone tell me why the following executs twice in a row for every click.  For example, the alert('Please choose the desired time slot to book.');

I get 2 consecutive alerts when the slot is actually empty (when I place a breakpoint it will execute twice); and when slot is not empty, the entire function will run as expected, and then the alert will come up once.

I placed e.preventDefault(), but it is not a fix

The function is

    $('#btnApptBook').on('click', function(e){
       
       e.preventDefault();
       var slot = $('#slots').val(); 
       var proceed = validateClient();
       
       //Check Google-Specific Requirements
       if (proceed){
           
            if ((slot === '') || (slot == null)){
                alert('Please choose the desired time slot to book.');
                proceed = false;
                return false;
            }            
        }
        
        if (proceed){
            
            var gmail_id = $('#gmail_id').val();
            var client_id = $('#id').val();
            var duration = $('#duration').val();
                    
            var slot_id = $('#slots').val();
            var fn = $('#first_name').val();
            var ln = $('#last_name').val();
            
           var google_path = PATH_TO_ROOT + 'utilities/google_calendar/index.php?ajax_call=';
           
           if (gmail_id === ''){
               google_path += 'book-appt';
           } else {
              

Open in new window

0
I am trying to automate my IE and I have a table which I need to copy and sort.
When I use web query, it works but it is not dynamic. What I mean by this, is that there are different departments in my company and each one has the same table but it is populated with different values according to the department.

I want to be able to have the user choose their dept and based on that, the web page will load and the table will be extracted.

Unfortunately, you won't be able to open the web [age as it is an internal page but i will post the HTML code and my code.

The result is always the same - the ietable returns nothing instead of the object of the table.

HTML:

<table cellspacing="1" cellpadding="3" align="Left" bordercolor="White" border="0" id="SNDG" style="background-color:White;border-color:White;border-width:7px;border-style:Outset;height:1px;width:1200px;">


My code:

Dim ieApp As InternetExplorer
Dim ieDoc As Object
Dim ieTable As Object
Dim clip As DataObject
Dim ProdButton As Object, DEP, LoginButton
Dim rng As Range, cell As Range
Dim DMRNumber As Integer, i

Application.ScreenUpdating = False
 
'create a new instance of ie

Set ieApp = New InternetExplorer

'you don’t need this, but it’s good for debugging
ieApp.Visible = True

'assume we’re not logged in and just go directly to the login page
ieApp.Navigate "http://esp_f2_prod/fab/esp_f2/(S(epon110hxxrxeyuaz5foweil))/Default.aspx"
Do While ieApp.Busy: DoEvents: Loop
Do Until …
0
Is there a way of "looping" through each <span> on a webpage using javascript? I have a buch (about 50) span-tag, with different id, and I want to loop through eacxh one in order to run a condition on wheter to hide it or not.
0
Hi,

I'm looking to extract the script of multiple web pages using VBA and paste it on an a current excel sheet. The URLs of these web pages will be fixed. My end product is the hyperlink URLs within these web pages. These hyperlinks will be updated from time to time, so I'm looking to automate the extraction of the script of the web pages. I already have the code to filter the specific hyperlinks I need from the entire webpage script. I'm using IE for this.  I have basic VBA knowledge so hoping you're able to suggest a code for this and be explicit in explanations! Thank you
0
Hi Experts:

I have a index.html file. I have an autocomplete function written in jQuery script. It appears an old design now. I want to port this design and implementation to a new design executed in angularJS.

The properties of my design is as soon as you click in Flying From and Flying to Box it will reset itself. As you type characters it will show matched destination.

For the new solution I want few popular destination as default choice on top. Or as soon as you click in the input box it should give you those options in the dropdown list of options.

Then the matched options as characters are printed. Code with few examples would be great help. In AngularJS apparently it can be very simply done. These input boxes can never be empty.

Look forward to your responses.

Best Regards

Sunnybrad

Open in new window

index.html
0
Trying to get this to look good on all devices. Please help.

Page: http://www.idiaper.com/depends-diapers

It's just the top blue box with the ask-a-nurse image in it. It looks bad when I resize the screen and also on tablet and mobile.

Need the font to be big all the time. We are dealing with older people:

Sometimes text-align:center has to be inline with our cart, btw.

Looking for html and css to copy and paste in, and if you want to explain your code so I can learn that would be great.

<div id="category11">
	<div id="ask-a-nurse-cat">
	<a href="http://www.idiaper.com/Ask-A-Nurse_ep_29.html"><img class="responsive-left" 				    	src="/assets/images/ask-a-nurse-cat2.gif">
	</a>
	</div>
	<div id="cat-top-right">
	  <h1 style="font-size:120%">Depends Diapers for Adults at iDiaper.com </h1>
	Below are Depends Diapers for men and women. There's some unique items in these 				categories like the Depend Adjustable Underwear (heavy) that's a pull up but it has tabs 	on the side for adjustment as well. 
	</div>
</div>

Open in new window


#category11
{background-color:#3690cf;
padding:5px 5px;
}

#category11 h1
{
color:#fff;
font-size:20px;
}

#category11 p
{
color:#fff;
}

#category11 p a, #category11 p a.visited
{
color:#0d3d5f;
text-decoration:underline;
}

#ask-a-nurse-cat
{
display: inline-block;
width:18.289%;
height:auto;
}
#ask-a-nurse-cat img
{
display: inline-block;
width:100%;
height:auto;
}
#cat-top-right
{
width:81.7%
height:auto;
text-align:left;
display: inline-block;
vertical-align:top;
padding-left:2%;
}


@media screen and (max-width: 600px){
#ask-a-nurse-cat
{
display:block;
max-width:171px;
padding-right:10px;
padding-bottom:10px;
}


#category11
{
font-weight:normal;
}

Open in new window

0
Hi,

I am genealogist with the ambition to build the most used genealogy site in the country. Genealogy is equal to famiiy research :) At this point in time I have appr. 1.000 users on my site.

 I am working with my site in a little special way.

I use the web design tool Rapid Weaver to design my templates, and then I develop my individual page functionalities in "normal" web developer tools like  HTML, PHP, CSS, JS, SQL, etc.

When having developed and tested a page/function in the "normal" tools I attach it to my template in Rapid Weaver as an iFrame, and publish it to my users.

This works nicely, but it means that the URL shown in the browser when working with my pages is static because the active page is a page that holds an iFrame - which is actually the one "doing the jobs".

Take a look for example at this page: https://genealogiskforum.dk/arkivalier/ft/
It is a page where you can search for danish census, and it offers a lot of possibilities and variations to get results. But no matter which results the user is searching and finding, the URL prensted in in the browser remains the same.

This fact makes it difficult to share information, and the nature of genealogy and family research is for a great part the ability to share information cross borders, platforms, systems, generations, nationalities, genders etc. etc.

So my question is, if there is a way to individualize the browser URL's so they are pointing at the specific page/result the …
0
VIDEO: THE CONCERTO CLOUD FOR HEALTHCARE
LVL 5
VIDEO: THE CONCERTO CLOUD FOR HEALTHCARE

Modern healthcare requires a modern cloud. View this brief video to understand how the Concerto Cloud for Healthcare can help your organization.

Hi Experts,

If I have a file at
www.domain.com/downloads/myfile.xlsx

which is at
C:\inetpub\wwwroot\domain.com/downloads/myfile.xlsx

My question is, from  domain.com/mod/index.php, how would I write my <a> tag to engage download?

I have <a href="../downloads/myfile.xlsx" target="_blank">, but I am getting Permission Denied.

Thank you

Edit: This may be a Windows Question.
0
Hi All,

I wonder if anyone here can assist me in fixing the PowerShell script below:

#################################################################################################################################################################################
# Show the list of server in the specific OU that has problem with stopped service that is set to be running as Automatic when the CPU or the Memory load of the server is > 80% 
#################################################################################################################################################################################
#

$ResultFile = "C:\TEMP\TestResult.htm"
$StartOU = "OU=Production 1,OU=Computers,DC=MyDomain,DC=com"
$ServerList = @()
$ServerList = Get-ADComputer -Properties OperatingSystem, OperatingSystemVersion, lastLogonTimestamp, lastLogon -Filter {Enabled -eq $True} -SearchBase $StartOU |
				Where-Object {Test-Connection $_.Name -Count 1 -Quiet} | 
				Select-Object -Property Name

ForEach($Computer in $ServerList) {
    $hostdns = [System.Net.DNS]::GetHostEntry($Computer) 
    $OS = Get-WmiObject Win32_OperatingSystem -ComputerName $Computer -ErrorAction Stop
    $LastBoot = [System.Management.ManagementDateTimeconverter]::ToDateTime("$((Get-WmiObject Win32_OperatingSystem -ComputerName $Computer).LastBootUpTime)")
    $Uptime = (Get-Date) - $LastBoot
	
    $propHash = [ordered]@{ 
        ComputerName = $Computer 
        BootTime     = $BootTime 
        

Open in new window

0
I have a page that is generated dynamically with a list of Press Releases.  There is another page that pulls the HTML via an AJAX call.  The problem is, is that the HTML page is dynamic.  Is there a way to populate the page before the AJAX call pulls the HTML?
0
On this page, I'm trying to center the text for the order steps vertically so that it looks better in relation to the images, It just will not cooperate. https://www.stadriemblems.com/order_process/

I'm using this CSS:

.process-text {
		display: table;
		height: 100%;

	}
	.process-text-elements {
		display: table-cell;
    	vertical-align: middle;
		height: 100%;
	}	

Open in new window


And this HTML:

 <div class="row">
       <div class="col-md-4 col-xs-12">
       <div class="process-text">
      <div class="process-text-elements">
      <div class="process-number">1</div><div class="clear-div"></div>
      <h2>Request a Quote</h2>
       <p>The first step is to let us know the basic details of your order.
We need to know the quantity, size, backing, and the date you need your order by to give you an accurate price quote. </p></div></div></div>
       <div class="col-md-8 col-xs-12">
       <img src="{% static 'images/orderprocess-uploadartwork.jpg' %}" class="img-responsive">
       </div>
       </div>

Open in new window



I assume it's not working because it's not obeying the width:100% that I have defined, but I'm not entirely sure why. Perhaps when elements are displayed as a table you can't put % height values on them? I don't know.

Is there a better way to do this?
0
Hi Experts,

The following code opens an Outlook message in plain text format.
Sub SendEmail()
    Dim objOL  As Object
    Set objOL = CreateObject("Outlook.Application")
    
    Dim email  As Object
    Set email = objOL.CreateItem(0)    '0 = olItemEmail
    
    With email
        .To = "someone@somewhere.com"
        .Subject = "Test email"
        .Body = "This is a test email"
        .display  'use .Send to send the email immediately
    End With
End Sub

Open in new window

How can I have it opened in HTML format, the same way it opens when I start a new message using Outlook.

See attached.
Untitled.png
Untitled2.png
0
Hello,

I need the Javascript (and HTML for submit) for a function that can take the name of a form and the name of the email text field and validate it.

Thus, the one function could work with multiple forms on a single page.

If the syntax is wrong, a pop-up alert is generated.

If the syntax is right, the form is automatically submitted.

Thanks in advance.

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